/**
 * Dashboard Layout Fix
 * 대시보드 타임라인 레이아웃 최적화
 * - 불필요한 중간 스크롤바 제거
 * - 헤더-타임라인 간 빈 공간 최소화
 * - 다크모드 스크롤바 스타일링
 */

/* 대시보드 Day View: 전체 컨테이너 스크롤 제거 */
#dashboard-day-view {
  overflow: visible !important;
}

/* goals-section 래퍼: 스켈레톤 전용으로 최소화 */
#dashboard-day-view .goals-section {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#dashboard-day-view .goals-body {
  padding: 0 !important;
  margin: 0 !important;
}

/* 스켈레톤이 보일 때만 약간의 패딩 */
#dashboard-day-view .dashboard-skeleton {
  padding: 16px 20px;
}

/* 타임라인 그리드: 유일한 스크롤 영역 */
#timeline-hours-grid.timeline-day-view {
  max-height: calc(100vh - 260px);
  overflow-y: auto;
  margin-top: 0 !important;
  padding-top: 16px !important; /* GMT+09 라벨이 완전히 보이도록 충분한 상단 여백 */
}

/* ==========================================================================
   다크모드 스크롤바 스타일링
   ========================================================================== */
#timeline-hours-grid::-webkit-scrollbar {
  width: 10px;
}

#timeline-hours-grid::-webkit-scrollbar-track {
  background: var(--timeline-bg, #1f2937);
  border-radius: 5px;
}

#timeline-hours-grid::-webkit-scrollbar-thumb {
  background: var(--timeline-border, #374151);
  border-radius: 5px;
  border: 2px solid var(--timeline-bg, #1f2937);
}

#timeline-hours-grid::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color, #0ea5e9);
}

/* Firefox 스크롤바 */
#timeline-hours-grid {
  scrollbar-width: thin;
  scrollbar-color: var(--timeline-border, #374151) var(--timeline-bg, #1f2937);
}

/* app-main의 기존 스크롤은 유지 (메인 페이지 스크롤) */