/* Theme tokens the board expects (originally supplied by the dashboard host). */
:root {
  color-scheme: dark;
  --font-anthropic-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif;
  --font-anthropic-serif: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;
  --cds-gap-xs: 4px; --cds-gap-sm: 8px; --cds-gap-md: 12px; --cds-gap-lg: 20px;
  --cds-pad-xs: 4px; --cds-pad-sm: 8px; --cds-pad-md: 12px; --cds-pad-lg: 16px;
  --cds-font-size-caption: 12.5px; --cds-font-size-body: 14px; --cds-font-size-heading: 16px; --cds-font-size-title: 26px;
  --cds-font-weight-medium: 600;
  --cds-radius: 8px; --cds-dur-slow: .3s;
  --color-bg: #05080f; --color-panel: #0f1828; --color-fg: #e8edf7; --color-fg-muted: #8f9bb3;
  --color-border-line: rgba(148, 163, 184, .14);
  --color-ok: #34d399; --color-warn: #fbbf24; --color-bad: #f54040;
  --cds-chart-grid: rgba(148, 163, 184, .07);
  --cds-surface-popover: #141d31; --cds-border: rgba(148, 163, 184, .22); --cds-text-secondary: #9aa6bd;
  --cds-shadow-popover: 0 14px 36px rgba(0, 0, 0, .55);
}
html, body { margin: 0; background: #04070d; color: var(--color-fg); font-family: var(--font-anthropic-sans); }
#dash-root { max-width: 1600px; margin: 0 auto; padding: clamp(10px, 2vw, 24px); box-sizing: border-box; }
html.embedded, html.embedded body { background: transparent; overflow: clip; }
.embedded #dash-root { padding: 0; }
.embedded .pb { border: 0; border-radius: 0; }
.dash-skeleton { color: transparent !important; border-radius: 6px; background: linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.12), rgba(255,255,255,.05)); background-size: 200% 100%; animation: dashsk 1.2s ease-in-out infinite; min-height: 1em; }
@keyframes dashsk { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .dash-skeleton { animation: none; } }