/*
 * Design-Variablen, die die übernommene Dashboard-Seite erwartet, belegt mit dem
 * GNIW Corporate Design (brand/brand.css muss vorher geladen sein).
 */
#dash-root {
  --color-fg: var(--gniw-schwarz);
  --color-fg-muted: var(--gniw-schwarz-gedaempft);
  --color-bg: var(--gniw-lichtblau-20);
  --color-panel: #ffffff;
  --color-border-line: var(--gniw-lichtblau-20);
  /* Ampel: Grün aus dem CD, Gelb und Rot als Funktionsfarben */
  --color-ok: var(--gniw-gruen);
  --color-warn: var(--gniw-status-gelb);
  --color-bad: var(--gniw-status-rot);
  --cds-font-size-caption: 0.8125rem;
  --cds-font-size-body: 0.9375rem;
  --cds-font-size-heading: 1.125rem;
  --cds-font-size-title: 1.75rem;
  --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: 16px;
  --cds-radius: 6px;
  --cds-chart-muted: var(--gniw-lichtblau-20);
  --cds-chart-grid: var(--gniw-lichtblau-20);
  --cds-surface-popover: #ffffff;
  --cds-border: var(--gniw-lichtblau-20);
  --cds-shadow-popover: 0 4px 16px rgba(35, 47, 97, 0.16);
  --cds-dur-slow: 300ms;
  /* Rubik für Überschriften und Kennzahlen, Inter für Oberfläche, Tabellen, Diagrammbeschriftung */
  --font-anthropic-sans: var(--gniw-font-system);
  --font-anthropic-serif: var(--gniw-font-marke);
  color: var(--color-fg);
  font-family: var(--gniw-font-system);
  line-height: 1.55;
  max-width: 82rem;
  margin: 0 auto;
  padding: 1.5rem 1.25rem 2.5rem;
}
/* CD: Überschriften Rubik SemiBold in Tiefblau (die Seite setzt sonst Regular) */
#dash-root .vh-title, #dash-root .vh-sec, #dash-root .vh-card h3, #dash-root .vh-sub {
  font-family: var(--gniw-font-marke); font-weight: 600; color: var(--gniw-tiefblau);
}
#dash-root .vh-kpi .v { font-family: var(--gniw-font-marke); font-weight: 600; color: var(--gniw-tiefblau); }
#dash-root .vh-take span { font-weight: 700; color: var(--gniw-tiefblau); } /* Hervorhebung in Copy: Bold, Tiefblau */
#dash-root .dash-skeleton { color: var(--color-fg-muted); }
/* Aktualisieren (HubSpot-Abruf) nur für Admins */
html:not(.gniw-admin) #dash-root .vh-refresh { display: none !important; }
.portal-hinweis { max-width: 82rem; margin: 0 auto; padding: 0.75rem 1.25rem 0; color: var(--gniw-status-rot); font-family: var(--gniw-font-system); font-size: 0.9375rem; }
.portal-hinweis:empty { display: none; }