/* Tokens que as páginas dos radares esperam (no claude.ai vêm do ambiente do painel). */
:root {
  --font-anthropic-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-anthropic-serif: "Fraunces", Georgia, serif;
  --color-bg: #f6f4ef; --color-panel: #ffffff; --color-fg: #1f1d1a; --color-fg-muted: #6b665d;
  --color-border-line: #e3ded4; --color-accent: #8a4b1f; --color-ok: #2f7a45; --color-bad: #b3412e; --color-warn: #b07a12;
  --cds-font-size-caption: 12px; --cds-font-size-body: 14px; --cds-font-size-heading: 18px; --cds-font-size-title: 26px;
  --cds-font-weight-medium: 600; --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: 18px; --cds-radius: 10px;
  --cds-border: 1px solid var(--color-border-line); --cds-surface-popover: #ffffff; --cds-shadow-popover: 0 6px 24px rgba(0,0,0,.12);
  --cds-text-secondary: var(--color-fg-muted); --cds-chart-axis: #8d877c; --cds-chart-grid: #ece7de; --cds-chart-muted: #b9b2a5;
  --cds-dur-slow: .3s;
}
@media (prefers-color-scheme: dark) {
  :root { --color-bg: #151412; --color-panel: #1e1c19; --color-fg: #efebe4; --color-fg-muted: #a39d92; --color-border-line: #34312c;
    --cds-surface-popover: #24221f; --cds-chart-grid: #2b2925; --cds-chart-axis: #8d877c; --color-accent: #e0a46c; }
}
html, body { margin: 0; background: var(--color-bg); color: var(--color-fg); font-family: var(--font-anthropic-sans); }
.dash-select { font: inherit; font-size: var(--cds-font-size-body); padding: 4px 8px; border: var(--cds-border); border-radius: 8px; background: var(--color-panel); color: var(--color-fg); }
.portal-bar { display: flex; align-items: center; gap: 16px; padding: 10px 20px; border-bottom: var(--cds-border); background: var(--color-panel); position: sticky; top: 0; z-index: 50; font-size: 14px; flex-wrap: wrap; }
.portal-bar a { color: var(--color-fg); text-decoration: none; }
.portal-bar a.on { font-weight: 700; border-bottom: 2px solid var(--color-accent); }
.portal-bar .marca { font-family: var(--font-anthropic-serif); font-weight: 600; font-size: 17px; margin-right: 8px; }
.portal-bar .sair { margin-left: auto; color: var(--color-fg-muted); }
#dash-root { max-width: 1400px; margin: 0 auto; padding: 20px 16px 60px; }