/* Цвета Талан и переменные, которых ждёт страница дашборда (как в дашборде claude.ai) */
:root {
  --talan-green: #41AA37;
  --talan-green-4: #D8E8D5;
  --talan-gray: #CECECE;
  --talan-surface: #F2F2F2;
  --talan-text: #000000;
  --talan-text-2: #3F3F3F;
  --talan-accent: #AE4B67;

  --font-anthropic-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-anthropic-serif: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --color-fg: var(--talan-text); --color-fg-muted: #6b6b6b; --color-bg: #ffffff; --color-panel: var(--talan-surface);
  --color-border-line: var(--talan-gray); --color-ok: var(--talan-green); --color-warn: #b06b00; --color-bad: #c0392b;
  --cds-gap-xs: 4px; --cds-gap-sm: 8px; --cds-gap-md: 12px; --cds-gap-lg: 24px;
  --cds-pad-xs: 4px; --cds-pad-sm: 8px; --cds-pad-md: 12px; --cds-pad-lg: 16px;
  --cds-radius: 8px; --cds-font-size-caption: 12px; --cds-font-size-body: 14px;
  --cds-font-size-heading: 15px; --cds-font-size-title: 28px; --cds-font-weight-medium: 600;
  --cds-surface-popover: #ffffff; --cds-border: var(--talan-gray);
  --cds-shadow-popover: 0 4px 16px rgba(0,0,0,.12); --cds-text-secondary: var(--color-fg-muted);
  --cds-chart-grid: #e4e4e4; --cds-chart-reference: #8a8a8a; --cds-chart-muted: #8a8a8a;
  --cds-dur-slow: .3s;
}
html, body { margin: 0; background: var(--color-bg); color: var(--color-fg); font-family: var(--font-anthropic-sans); }
.app-bar { display: flex; align-items: center; gap: 16px; padding: 10px 16px; border-bottom: 3px solid var(--talan-green); flex-wrap: wrap; }
.app-title { font-weight: 600; margin-right: auto; }
.app-user { color: var(--color-fg-muted); font-size: 14px; }
.app-link { font: inherit; font-size: 14px; color: var(--talan-green); background: none; border: 0; cursor: pointer; text-decoration: none; padding: 0; }
.app-message { max-width: 1400px; margin: 24px auto; padding: 0 16px; color: var(--color-fg-muted); }
.app-message:empty { display: none; }
#dash-root { max-width: 1400px; margin: 0 auto; padding: 24px 16px 48px; }
.dash-skeleton { opacity: .5; }
.rp-btn { background: var(--talan-green) !important; color: #fff !important; }