/* ================================================================
   dashboard-base.css — 대시보드 공통 배경 기본값
   모든 대시보드 페이지가 이 파일을 로드한다.
   배경 레이어 컴포넌트(db-bg-*, db-orb-*)는 components/bg-layer.css 참조.
   ================================================================ */

/* ── 전역 배경 ──────────────────────────────────────────────────── */
body:has(#app) {
  background: linear-gradient(145deg, #e8f0fc 0%, #eef3fb 50%, #e6edf8 100%);
}

[data-theme="dark"] body:has(#app) {
  background: linear-gradient(145deg, #0f1118 0%, #13151f 50%, #0d1017 100%);
}

/* ── 레이아웃 보정 ───────────────────────────────────────────────── */
.main-area {
  background: transparent !important;
}

/* 콘텐츠 영역은 배경 레이어(z-index:0) 위에 표시 */
.content {
  position: relative;
  z-index: 1;
}