/* 看板樣式變數（淺色主題） */
:root {
  color-scheme: light;
  --font-anthropic-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
  --font-anthropic-serif: "Noto Serif TC", "PingFang TC", "Microsoft JhengHei", Georgia, serif;

  --color-bg: #f9f9f7;
  --color-panel: #ffffff;
  --color-fg: #0b0b0b;
  --color-fg-muted: #898781;
  --color-border-line: rgba(11, 11, 11, 0.10);
  --color-ok: #006300;
  --color-bad: #8e2626;
  --color-warn: #734500;

  --cds-text-secondary: #52514e;
  --cds-border: rgba(11, 11, 11, 0.10);
  --cds-surface-popover: #ffffff;
  --cds-shadow-popover: 0 8px 24px #0000001f, 0 2px 6px #00000014;

  --cds-chart-axis: #c3c2b7;
  --cds-chart-grid: rgba(11, 11, 11, 0.10);
  --cds-chart-muted: #c3c2b7;
  --cds-chart-reference: #898781;
  --cds-chart-categorical-1: #2a78d6;
  --cds-chart-categorical-2: #eb6834;
  --cds-chart-categorical-3: #1baf7a;
  --cds-chart-categorical-4: #eda100;
  --cds-chart-categorical-5: #e87ba4;
  --cds-chart-categorical-6: #008300;
  --cds-chart-categorical-7: #6250d6;
  --cds-chart-categorical-8: #e34948;

  --cds-font-size-caption: 0.75rem;
  --cds-font-size-body: 0.875rem;
  --cds-font-size-heading: 0.9375rem;
  --cds-font-size-title: 1.375rem;
  --cds-font-weight-medium: 500;

  --cds-gap-xs: 0.5rem;
  --cds-gap-sm: 0.75rem;
  --cds-gap-md: 1rem;
  --cds-gap-lg: 1.75rem;
  --cds-gap-xl: 2.5rem;
  --cds-pad-xs: 0.375rem;
  --cds-pad-sm: 0.5rem;
  --cds-pad-md: 0.75rem;
  --cds-pad-lg: 1rem;
  --cds-radius: 0.5rem;
  --cds-dur-slow: 0.45s;
}

html, body { margin: 0; background: var(--color-bg); color: var(--color-fg); }
body { font-family: var(--font-anthropic-sans); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
*, *::before, *::after { box-sizing: border-box; }
#dash-root { max-width: 1280px; margin: 0 auto; padding: 32px clamp(16px, 4vw, 48px) 64px; }
h1, h2, h3, p { margin: 0; }

/* 載入中的占位 */
.dash-skeleton:empty, .dash-skeleton.rv-chart { position: relative; }
.dash-skeleton:empty::after { content: ""; display: block; height: 1em; width: 60%; border-radius: 6px; background: rgba(11, 11, 11, 0.06); }

/* 資料讀取失敗 */
#rv-load-error { display: none; margin: 0 0 16px; padding: 12px 16px; border: 1px solid var(--color-bad); border-radius: var(--cds-radius); color: var(--color-bad); background: #fff5f5; font-size: 14px; }

@media print {
  .rv-card, .rv-action, .rv-kpis, h2 { break-inside: avoid; }
  .rv-tablewrap { max-height: none !important; overflow: visible !important; }
}