/* Tokens que a dashboard usa, com tema claro e escuro. */
:root {
  --color-bg: #f6f5f2;
  --color-panel: #ffffff;
  --color-fg: #17161a;
  --color-fg-muted: #6b6873;
  --color-border-line: #e4e1dc;
  --color-ok: #1f8a4c;
  --color-warn: #b45309;
  --color-bad: #c2362b;
  --cds-chart-grid: #ebe8e3;
  --cds-chart-axis: #c9c5be;
  --cds-chart-muted: #c9c5be;
  --cds-chart-reference: #8f8b84;
  --cds-surface-popover: #ffffff;
  --cds-border: #dedad3;
  --cds-text-secondary: #6b6873;
  --cds-shadow-popover: 0 8px 24px rgb(20 18 24 / .12);
  --font-anthropic-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-anthropic-serif: "Newsreader", ui-serif, Georgia, "Times New Roman", serif;
  --cds-font-size-caption: .8125rem;
  --cds-font-size-body: .9375rem;
  --cds-font-size-heading: 1.0625rem;
  --cds-font-size-title: 1.75rem;
  --cds-font-weight-medium: 600;
  --cds-gap-xs: 4px; --cds-gap-sm: 8px; --cds-gap-md: 14px; --cds-gap-lg: 20px; --cds-gap-xl: 28px;
  --cds-pad-xs: 6px; --cds-pad-sm: 10px; --cds-pad-md: 14px; --cds-pad-lg: 20px; --cds-pad-xl: 28px;
  --cds-radius: 10px;
  --cds-dur-slow: .35s;
  --cds-ease-out: cubic-bezier(.2, .8, .2, 1);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #111014;
    --color-panel: #1b1a20;
    --color-fg: #f2f0ec;
    --color-fg-muted: #a19da8;
    --color-border-line: #2d2b33;
    --color-ok: #4ccf86;
    --color-warn: #f0a24a;
    --color-bad: #f0685c;
    --cds-chart-grid: #2a2830;
    --cds-chart-axis: #4a4752;
    --cds-chart-muted: #4a4752;
    --cds-chart-reference: #8c8894;
    --cds-surface-popover: #24232a;
    --cds-border: #36343d;
    --cds-text-secondary: #a19da8;
    --cds-shadow-popover: 0 8px 24px rgb(0 0 0 / .45);
    color-scheme: dark;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--color-bg); color: var(--color-fg); font-family: var(--font-anthropic-sans); font-size: var(--cds-font-size-body); }
img { max-width: 100%; }
[hidden] { display: none !important; }
a { color: inherit; }
#dash-root { max-width: 1240px; margin: 0 auto; padding-block: 20px 64px; padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px)); }
.app-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; max-width: 1240px; margin: 0 auto; padding-block: 14px 0; padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px)); }
.app-brand { font-family: var(--font-anthropic-serif); font-size: 1.2rem; margin-right: auto; }
.app-status { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); font-variant-numeric: tabular-nums; }
.app-status.err { color: var(--color-bad); }
.app-btn { font: inherit; font-weight: 600; font-size: var(--cds-font-size-caption); padding: 8px 16px; border-radius: 999px; border: 0; background: #1db954; color: #0b2a17; cursor: pointer; }
.app-btn:disabled { opacity: .6; cursor: progress; }
.app-btn:focus-visible, .app-link:focus-visible { outline: 2px solid var(--color-fg); outline-offset: 2px; }
.app-link { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
.rr-nav { top: max(8px, env(safe-area-inset-top, 0px)); }
.app-import { cursor: pointer; text-decoration: underline; }