/* Cockpit — Grundlage: Farben, Schrift, Scrollbalken.
   Palette identisch mit dem Finanz-Dashboard (Slate-Dark), damit sich beide
   Anwendungen wie ein System anfuehlen. */

:root{
  --color-bg:#0d1117;--color-surface:#161b22;--color-surface-2:#1c2129;
  --color-text:#e6edf3;--color-text-2:#9da7b3;--color-text-muted:#6e7681;
  --color-accent:#3b82f6;--color-accent-hover:#5a95f5;--color-accent-deep:#1f4fa8;
  --color-accent-soft:rgba(59,130,246,0.12);--color-accent-ring:rgba(59,130,246,0.50);
  --color-ok:#3fb950;--color-warn:#d29922;--color-err:#f85149;--color-info:#58a6ff;
  --border:rgba(240,246,252,0.10);--border-strong:rgba(240,246,252,0.16);--radius:12px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--color-bg);color:var(--color-text);
  font-family:'Space Grotesk',system-ui,sans-serif;font-size:14px;line-height:1.5;
  -webkit-font-smoothing:antialiased;min-height:100vh;
}
a{color:var(--color-accent-hover);text-decoration:none}
.num{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums}
.label{font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:0.12em;font-size:10.5px;color:var(--color-text-muted);font-weight:500}
.muted{color:var(--color-text-muted)}
.ok{color:var(--color-ok)}.warn{color:var(--color-warn)}.err{color:var(--color-err)}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(240,246,252,0.14);border-radius:5px}