/* Design A (Linear-Stil): ruhige dunkle Flächen, haarfeine Linien, Grün nur für Aktionen und Status. Brandkit bleibt: Nacht, Systemgrün, Space Grotesk, JetBrains Mono. */
:root{color-scheme:dark;--card:#121927;--line:#1f2840;--soft:#aab3c5;--muted:#8791a5;--slate:#5f6a80}
aside{background:#080c14;border-right:1px solid rgba(255,255,255,.06)}
h1{font-weight:500;letter-spacing:-.03em;font-size:30px}
h2{font-weight:500;font-size:18px;color:#dfe5f0;letter-spacing:-.01em}
p.sub{font-size:14.5px}
.card{background:rgba(255,255,255,.025);border-radius:10px;border-color:rgba(255,255,255,.08)}
.kpi .v{color:var(--fog);font-size:30px}
button,.btn{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:7px 14px;font-size:14px}
button:hover{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.07)}
button.pri{background:var(--green);color:#0b1220;border-color:var(--green);font-weight:600}
button.pri:hover{background:#d4ff4a;border-color:#d4ff4a}
button.sm{padding:4px 10px;font-size:13px}
button.danger{background:transparent}
select,input,textarea{background:rgba(255,255,255,.03);border-radius:6px;border-color:rgba(255,255,255,.1)}
.top select{background:rgba(255,255,255,.04)}
th{font-size:10.5px;color:#5f6a80;border-bottom-color:rgba(255,255,255,.06)}
td{border-bottom:1px solid rgba(255,255,255,.05);padding:10px 12px;font-size:14.5px}
tr:hover td{background:rgba(255,255,255,.02)}
.badge{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.modal .box{border-radius:12px;border-color:rgba(255,255,255,.09)}
.nav a:hover{background:rgba(255,255,255,.04)}.nav a.on{background:rgba(255,255,255,.06)}
.ctile,.chip{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.08)}
.pbar{background:rgba(255,255,255,.07)}
#toast div{background:#121927}
/* Heller Modus (nur Kundenportal und Kundensicht, Umschalter in der Seitenleiste) */
html[data-theme=light]{color-scheme:light;--night:#fbfaf8;--fog:#1d1c1a;--card:#ffffff;--line:#e6e1d9;--soft:#4a4743;--muted:#7a756e;--slate:#9a948c;--green:#4f7000;--moss:#9bb84a;--red:#b4261b;--amber:#8a5a00}
html[data-theme=light] aside{background:#f4f2ee;border-right-color:rgba(0,0,0,.08)}
html[data-theme=light] .nav a,html[data-theme=light] .nav a:hover{color:#1d1c1a}
html[data-theme=light] .nav a:hover{background:rgba(0,0,0,.05)}
html[data-theme=light] .nav a.on{background:#e8e5de;color:#1d1c1a;box-shadow:inset 2px 0 0 #8fb21a;font-weight:600}
html[data-theme=light] .nav h6[data-k]:hover{background:rgba(0,0,0,.04)}
html[data-theme=light] .nav h6 small{background:#C6F432;color:#0E1420}
html[data-theme=light] .card{background:#fff;border-color:rgba(0,0,0,.09);border-radius:12px;box-shadow:rgba(0,0,0,.04) 0 4px 18px,rgba(0,0,0,.02) 0 1px 3px}
html[data-theme=light] h2{color:#1d1c1a}
html[data-theme=light] h1{font-weight:600}
html[data-theme=light] button,html[data-theme=light] .btn{background:#f1eee9;color:#1d1c1a;border-color:#e2ded6}
html[data-theme=light] button:hover{background:#e9e5de;border-color:#cfc9bf}
html[data-theme=light] button.pri{background:#C6F432;color:#0E1420;border-color:#aee02a}
html[data-theme=light] button.pri:hover{background:#d4ff4a}
html[data-theme=light] button.danger{background:#fff;color:#b4261b;border-color:#f0c4bd}
html[data-theme=light] select,html[data-theme=light] input,html[data-theme=light] textarea{background:#fff;color:#1d1c1a;border-color:#ddd8d0}
html[data-theme=light] .top select{background:#fff}
html[data-theme=light] th{color:#9a948c;border-bottom-color:#eeeae4}
html[data-theme=light] td{border-bottom-color:#f1eee9}
html[data-theme=light] tr:hover td{background:#faf8f4}
html[data-theme=light] .badge{background:#f1eee9;color:#615d59;border-color:transparent}
html[data-theme=light] .badge.ok{background:#e8f5bf;color:#3f5a00}
html[data-theme=light] .badge.warn{background:#fdecc6;color:#8a5a00}
html[data-theme=light] .badge.bad{background:#fde1dc;color:#b4261b}
html[data-theme=light] .modal{background:rgba(30,28,24,.45)}
html[data-theme=light] .modal .box{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 20px 60px rgba(0,0,0,.18)}
html[data-theme=light] .warn-row.rot,html[data-theme=light] .emerg{background:#fde7e3;border-color:#f3c0b8;color:#b4261b}
html[data-theme=light] .warn-row.gelb{background:#fdf2d3;border-color:#ecd28a;color:#8a5a00}
html[data-theme=light] #toast div{background:#fff;color:#1d1c1a;border-color:#8fb21a;box-shadow:0 8px 24px rgba(0,0,0,.12)}
html[data-theme=light] #toast div.err{border-color:#f0c4bd;color:#b4261b}
html[data-theme=light] .mu{background:#ece8e0;color:#1d1c1a}
html[data-theme=light] .ma{border-color:#e6e1d9;background:#fff}
html[data-theme=light] .ctile,html[data-theme=light] .chip{background:#fff;border-color:rgba(0,0,0,.1);color:#1d1c1a}
html[data-theme=light] .ctile:hover,html[data-theme=light] .chip:hover{border-color:#8fb21a}
html[data-theme=light] .ctile.verbunden,html[data-theme=light] .ctile.hinterlegt{border-color:#9bb84a}
html[data-theme=light] .ctile.angefragt{border-color:#e3b341}
html[data-theme=light] .ct-m,html[data-theme=light] .ct-n.o,html[data-theme=light] .chip small{color:#7a756e}
html[data-theme=light] .ct-n{color:#4f7000}
html[data-theme=light] .ct-s{color:#615d59;border-top-color:#eeeae4}
html[data-theme=light] .dotc{background:#b8b2a8}html[data-theme=light] .dotc.ok{background:#7ab800}
html[data-theme=light] .chip.pf{border-color:#bdb7ad}
html[data-theme=light] .ctabs{border-bottom-color:#e6e1d9}
html[data-theme=light] .ctabs a{color:#615d59}html[data-theme=light] .ctabs a:hover{border-color:#cfc9bf}
html[data-theme=light] .ctabs a.on{background:#0E1420;color:#fff}
html[data-theme=light] .pbar{background:#eeeae4}html[data-theme=light] .pbar i{background:#9bc41d}
html[data-theme=light] .bars i{background:#9bc41d}
html[data-theme=light] .sumbox{background:#faf8f4;border-color:#e6e1d9}
html[data-theme=light] .wb{color:#1d1c1a;background:#f1eee9;border-color:#e2ded6}html[data-theme=light] .wb.wx{color:#fff}
html[data-theme=light] .dchip button{color:#1d1c1a}
html[data-theme=light] .fn{color:#1d1c1a}html[data-theme=light] .fn i{background:#f1eee9}
html[data-theme=light] .pmenu{box-shadow:0 12px 32px rgba(0,0,0,.15)}html[data-theme=light] .pmenu button{color:#1d1c1a}html[data-theme=light] .pmenu button:hover{background:#f1eee9}html[data-theme=light] .pmenu button.danger{color:#b4261b}
html[data-theme=light] .days label{color:#1d1c1a}
html[data-theme=light] a.dl{color:#4f7000}
html[data-theme=light] .office-wrap{background:#fff}
html[data-theme=light] ::selection{background:#d9f06b}
#thm{white-space:nowrap}
.howbox{background:#0f1626}html[data-theme=light] .howbox{background:#f7f5f0}