/* Dark Mode: gleiche Struktur, dunkle Flächen. Umschalter in der Kopfzeile (theme.js). */
:root[data-theme="dark"] {
  color-scheme: dark;
  --navy-950: #0b0d10; --navy-900: #14171b; --navy-800: #1f242a; --navy-700: #2b3139; --navy-300: #9aa3ad;
  --text: #e6e8eb; --text-muted: #b4bac2; --text-subtle: #8d949e;
  --border: #2a3038; --border-strong: #3a414a;
  --bg: #0f1114; --surface: #171a1f; --surface-alt: #1c2026;
  --accent: #4cc882; --accent-hover: #36b46d; --accent-soft: #163626; --accent-btn: #1f8a4c; --accent-bright: #4cc882; --focus: #4cc882;
  --success: #5dd39a; --success-bg: #14301f;
  --info: #7fb0ee; --info-bg: #142a44;
  --warning: #f2c75c; --warning-bg: #3a2e0c;
  --danger: #ff8f84; --danger-bg: #3a1815;
  --neutral: #b4bac2; --neutral-bg: #22272e;
  --gold: #e0a83a; --gold-soft: #3a2e0c;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4); --shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 6px 16px rgba(0, 0, 0, 0.35); --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.6);
}
:root[data-theme="dark"] .nav-item.active .nav-badge { background: #fff; color: var(--navy-900); }
:root[data-theme="dark"] .topbar { background: rgba(23, 26, 31, 0.92); }
:root[data-theme="dark"] tr.clickable:hover { background: #1d2228; }
:root[data-theme="dark"] .notice-info { color: #c6dcf7; }
:root[data-theme="dark"] .notice-warning { color: #f6dc9a; }
:root[data-theme="dark"] .btn-secondary:hover { border-color: #4a525c; }
:root[data-theme="dark"] .btn-danger-ghost { border-color: #6b2a24; }
:root[data-theme="dark"] .kpi-link:hover { border-color: #4a525c; }
:root[data-theme="dark"] .panel.attention { border-color: #6b5413; box-shadow: 0 0 0 3px #3a2e0c; }
:root[data-theme="dark"] .cost-box.open { border-color: #6b5413; background: #2b230a; }
:root[data-theme="dark"] .tab-count { background: rgba(255, 255, 255, 0.1); }
:root[data-theme="dark"] .brand-logo { background: #f4f7f5; }
:root[data-theme="dark"] .sim-badge { color: #f2c230; }
:root[data-theme="dark"] .tenant-tag { color: var(--text-muted); }
:root[data-theme="dark"] .cal-return { background: #2a2140; }
:root[data-theme="dark"] .login { background: linear-gradient(160deg, #04100a 0%, #081c11 55%, #102f1e 100%); }
:root[data-theme="dark"] .product-image { background: #f4f7f5; }
:root[data-theme="dark"] dialog::backdrop { background: rgba(0, 0, 0, 0.6); }

:root[data-theme="dark"] .demo-banner { border-color: #5a4614; border-left-color: var(--warning); }