/* Тема панели ZTM: холодная бумага, сталь контейнеров, синий порта.
   Переменные повторяют имена, которыми пользуется разметка панели. */
:root {
  color-scheme: light;
  --font-anthropic-sans: "Golos Text", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --font-anthropic-serif: "Golos Text", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;

  --color-bg: #F2F4F3;
  --color-panel: #FFFFFF;
  --color-fg: #18212B;
  --color-fg-muted: #5B6672;
  --color-border-line: #DCE1E5;
  --color-ok: #2E7D5B;
  --color-bad: #B93A32;
  --color-warn: #A86F12;

  --chart-1: #1F5C99;
  --chart-2: #3E9C8F;
  --chart-3: #D99A1E;
  --chart-4: #7A5BA6;
  --chart-5: #C25E7A;
  --chart-6: #6B7A89;
  --cds-chart-muted: #C3CCD4;
  --cds-chart-grid: #E7EBEE;
  --cds-chart-axis: #AEB7C0;
  --cds-chart-reference: #4A5562;
  --cds-chart-status-critical: #C23B3B;

  --cds-surface-popover: #FFFFFF;
  --cds-border: #DCE1E5;
  --cds-shadow-popover: 0 8px 28px rgba(16, 24, 40, .14);
  --cds-text-secondary: #5B6672;

  --cds-font-size-caption: 12.5px;
  --cds-font-size-body: 14.5px;
  --cds-font-size-heading: 17px;
  --cds-font-size-title: 28px;
  --cds-font-weight-medium: 600;
  --cds-gap-xs: 4px;
  --cds-gap-sm: 8px;
  --cds-gap-md: 14px;
  --cds-gap-lg: 28px;
  --cds-pad-xs: 4px;
  --cds-pad-sm: 8px;
  --cds-pad-md: 12px;
  --cds-pad-lg: 16px;
  --cds-radius: 8px;
  --cds-dur-slow: 300ms;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --color-bg: #0F151C;
    --color-panel: #17202A;
    --color-fg: #E6EBEF;
    --color-fg-muted: #97A3AF;
    --color-border-line: #2A3542;
    --color-ok: #5BBF90;
    --color-bad: #EE7A70;
    --color-warn: #E2AE4E;
    --chart-1: #5FA3E8;
    --chart-2: #5CC2B3;
    --chart-3: #E7B04A;
    --chart-4: #A98AD6;
    --chart-5: #E58AA4;
    --chart-6: #93A3B3;
    --cds-chart-muted: #3A4756;
    --cds-chart-grid: #222C37;
    --cds-chart-axis: #4A5868;
    --cds-chart-reference: #B9C3CC;
    --cds-chart-status-critical: #EE6B60;
    --cds-surface-popover: #1D2733;
    --cds-border: #2A3542;
    --cds-shadow-popover: 0 8px 28px rgba(0, 0, 0, .5);
    --cds-text-secondary: #97A3AF;
  }
}

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); line-height: 1.45; }
#dash-root { padding: 0 var(--dash-gutter, 24px) 48px; }
:focus-visible { outline: 2px solid var(--chart-1); outline-offset: 2px; }

/* шапка сайта */
.site-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 1280px; margin: 0 auto; padding: 14px 0 18px; font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
.site-bar .brand { font-weight: 600; color: var(--color-fg); letter-spacing: .01em; }
.site-bar a { color: var(--color-fg-muted); }
.site-bar .who { display: flex; gap: 12px; align-items: center; }
.role { border: 1px solid var(--color-border-line); border-radius: 999px; padding: 1px 10px; }

/* крупные числа — один акцент панели */
.z-title { font-weight: 600 !important; letter-spacing: -0.015em; }
.z-tile .z-big, .z-rub { font-weight: 600 !important; letter-spacing: -0.01em; }
.boot-error { max-width: 640px; margin: 80px auto; text-align: center; color: var(--color-fg-muted); }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }