/* ═══════════════════════════════════════════════════════════════
   dark-mode.css — Haspel Intelligence Demo
   body.dark Overrides — muss als LETZTES geladen werden
   Design-Update: 2026-02-22
   ═══════════════════════════════════════════════════════════════ */

body.dark {
  --bg:       #070C18;
  --surface:  #0D1526;
  --surface2: #131E32;
  --border:   rgba(255,255,255,0.07);
  --accent:   #3D72FF;
  --accent2:  #2AABDF;
  --warn:     #F4B830;
  --danger:   #F26262;
  --text:     #E8EDF8;
  --muted:    #6E84A8;
}
body.dark .sidebar { background: #04070F; border-right: 1px solid rgba(255,255,255,0.05); }
body.dark thead th { background: #131E32; }
body.dark tbody tr:hover { background: #131E32; }
body.dark .liga-section-header { background: #131E32; }
body.dark .berater-roster-header { background: #131E32; }
body.dark .dev-row:hover { background: #131E32; }
body.dark .berater-row:hover { background: #131E32; }
body.dark .scout-expand { background: #131E32; }
body.dark .cmp-score-box { background: linear-gradient(135deg, #0D1526, #131E32); }
body.dark .kanban-col { background: #131E32; }
body.dark .liga-bl  { background: rgba(61,114,255,0.18); color: #93b8ff; }
body.dark .liga-3   { background: rgba(244,184,48,0.18); color: #fcd34d; }
body.dark .liga-rl  { background: rgba(110,132,168,0.2); color: #94a3b8; }
body.dark .tag-pos  { background: rgba(61,114,255,0.18); color: #93b8ff; }
body.dark .signal-buy  { background: rgba(61,114,255,0.13); }
body.dark .signal-watch { background: rgba(244,184,48,0.13); }
body.dark .signal-risk  { background: rgba(242,98,98,0.13); }
body.dark .pf-multiplier-pos { background: rgba(61,114,255,0.18); color: #93b8ff; }
body.dark .pf-multiplier-neu { background: rgba(244,184,48,0.18); color: #fcd34d; }
body.dark .pf-multiplier-neg { background: rgba(242,98,98,0.18); color: #fca5a5; }
body.dark .trend-up   { background: rgba(45,212,160,0.14); color: #4ade80; }
body.dark .trend-stay { background: rgba(244,184,48,0.14); color: #fcd34d; }
body.dark .trend-down { background: rgba(242,98,98,0.14); color: #fca5a5; }
body.dark .rank-1   { background: rgba(245,158,11,0.18); color: #fde68a; border-color: rgba(245,158,11,0.3); }
body.dark .rank-2   { background: rgba(110,132,168,0.18); color: #cbd5e1; border-color: rgba(110,132,168,0.3); }
body.dark .rank-3   { background: rgba(180,83,9,0.18); color: #fde68a; border-color: rgba(180,83,9,0.3); }
body.dark .rank-top { background: rgba(61,114,255,0.18); color: #93b8ff; border-color: rgba(61,114,255,0.3); }
body.dark .rank-mid { background: rgba(110,132,168,0.12); color: #94a3b8; border-color: rgba(110,132,168,0.18); }
body.dark .modal-close:hover { background: rgba(61,114,255,0.18); }
body.dark .preset-btn:hover { background: rgba(61,114,255,0.18); }
body.dark .filter-btn:hover { background: #131E32; }
body.dark .period-btn:hover { background: rgba(61,114,255,0.14); }
body.dark .dev-filter.active { background: rgba(61,114,255,0.14); }
body.dark .geruechte-tab.active { background: var(--surface); }
body.dark .dev-mode-btn.active { background: var(--surface); }
body.dark .mv-chart-wrap { background: linear-gradient(135deg, #0D1526, #131E32); }
body.dark .master-score-box { background: linear-gradient(135deg, #0D1526, #131E32); border-color: rgba(61,114,255,0.2); }
body.dark .pf-box-positive { background: linear-gradient(135deg, #0D1526, #131E32); border-color: rgba(61,114,255,0.2); }
body.dark .pf-box-neutral  { background: linear-gradient(135deg, #0D1526, #131E32); border-color: rgba(244,184,48,0.2); }
body.dark .pf-box-negative { background: linear-gradient(135deg, #0D1526, #131E32); border-color: rgba(242,98,98,0.2); }
body.dark .pf-item { background: rgba(255,255,255,0.03); }