/* DASK Portal v10 – Hell/Dunkel. Wird als LETZTES Stylesheet geladen. Markenfarben: Orange #F45A1A, Dunkelblau #0A1A2F.
   Hell: Text Dunkelblau auf Weiß/Hellgrau, Orange nur für Akzente (orange Text in dunklerem #C2410C wegen Kontrast ≥ 4,5:1). */
.theme-tg{display:inline-flex;align-items:center;gap:.45em;flex:none;background:transparent;border:1px solid var(--line2);color:var(--mu);border-radius:.5em;
 padding:.42em .75em;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s}
.theme-tg:hover{border-color:var(--or);color:var(--tx)}
.theme-tg svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.top .theme-tg{font-size:.8em;padding:.45em .7em}

/* ================= HELL ================= */
html.light{--or2:#C2410C;--orA:rgba(244,90,26,.10);--base:#0A1A2F;--bg:#EEF2F7;--panel:rgba(255,255,255,.96);--panel2:#FFFFFF;
 --line:rgba(10,26,47,.10);--line2:rgba(10,26,47,.20);--tx:#0A1A2F;--mu:#46576E;--mu2:#5F6F86;--ok:#0E8452;--err:#C81E33;--warn:#9A5B00;--blue:#1668A8;
 --idle:#7A8CA3;--working:#E2510F;--blocked:#D42A3D;--done:#13895B;--c2:#B57500;--c3:#1F7FC4;--c4:#6A55E0;--c5:#13895B;--c6:#6C819C;
 --rot:#C81E33;--gelb:#9A6A00;--gruen:#0E8452;--rotA:rgba(200,30,51,.08);--gelbA:rgba(214,150,0,.10);--gruenA:rgba(14,132,82,.08);background:#EEF2F7}
html.light body{background:linear-gradient(180deg,#F6F8FB 0%,#E9EEF5 100%)!important;color:var(--tx)}
html.light body::before,html.light .grid-bg::before{opacity:.5!important;background-image:linear-gradient(rgba(10,26,47,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(10,26,47,.05) 1px,transparent 1px)!important}
html.light #space{display:none!important}
html.light a{color:#C2410C}
html.light input,html.light select,html.light textarea{background:#FFFFFF;color:var(--tx);border-color:rgba(10,26,47,.28)}
html.light input::placeholder,html.light textarea::placeholder{color:#7A889B}
html.light .card,html.light .p{background:#FFFFFF;border-color:rgba(10,26,47,.12);backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:none;
 box-shadow:0 1px 2px rgba(10,26,47,.06),0 6px 18px rgba(10,26,47,.06)}
html.light .btn.ghost{color:var(--tx)}
html.light .btn.danger{color:#B4152A}
html.light .pill{color:#B33A0A}
html.light .pill.mu{color:var(--mu);background:transparent}
html.light .msg.err{color:#B4152A}
html.light .seg button.on{color:var(--tx);background:rgba(244,90,26,.14)}
html.light .mhead h1{color:var(--tx)}
/* Portal-Shell */
html.light .rail{background:#0A1A2F;border-color:rgba(10,26,47,.3)}
html.light .rail .ni{color:#AEBBCC}html.light .rail .ni.on{color:#fff}
html.light .tip{background:#0A1A2F;color:#fff}
html.light .stage{background:transparent}
/* Dashboard (index.html) */
html.light .top{background:none}
html.light .hero{background:linear-gradient(135deg,rgba(244,90,26,.10),#fff 58%);border-color:rgba(244,90,26,.40)}
html.light .hero .v{color:#0A1A2F}
html.light .k{background:linear-gradient(165deg,var(--accA,transparent),#fff 62%)}
html.light .k .h b{color:#0A1A2F}html.light .k .s{color:#46576E}
html.light .acc-or{--acc:#E2510F}html.light .acc-blue{--acc:#1F7FC4}html.light .acc-yellow{--acc:#B57500;--accA:rgba(214,150,0,.12);--accB:rgba(214,150,0,.45)}
html.light .acc-green{--acc:#13895B}html.light .acc-violet{--acc:#6A55E0}
html.light .bot{background:#F7F9FC}
html.light .bot.working{background:linear-gradient(90deg,rgba(244,90,26,.10),#F7F9FC 60%)}
html.light .bot.blocked{background:linear-gradient(90deg,rgba(212,42,61,.10),#F7F9FC 60%)}
html.light .bot .tk,html.light .feed .tx,html.light .ql .qt{color:#2B3B52}html.light .bot .tk .nt{color:#B33A0A}
html.light .tl li{background:#F3F6FA}html.light .tl li a{color:#1E2E44}
html.light .amp{background:#fff}
html.light .avg span{background:rgba(255,255,255,.9)}
html.light .avc{background:#DCE4EE}
html.light .avb,html.light .avd{box-shadow:0 0 0 2px #fff}
html.light .mb{box-shadow:0 0 0 1.5px #fff}
html.light .due{background:rgba(10,26,47,.07)}html.light .due.over{background:#C81E33}html.light .due.soon{color:#fff;background:#B57500}
html.light .ttab.on{background:rgba(10,26,47,.06)}
html.light .working .pill{color:#B33A0A}html.light .blocked .pill{color:#B4152A}
html.light .bar.we{background:linear-gradient(180deg,rgba(70,87,110,.45),rgba(70,87,110,.18))}
html.light .clock,html.light .title b{text-shadow:none}
/* Lagezentrum / Meine Aufgaben */
html.light .amp-t,html.light .amp-sum,html.light .it,html.light .tc,html.light .wl li,html.light .qlist li,html.light .cnt-t{background:#fff!important;text-shadow:none}
html.light .amp-t.rot{background:linear-gradient(135deg,var(--rotA),#fff 70%)!important}
html.light .amp-t.gelb{background:linear-gradient(135deg,var(--gelbA),#fff 70%)!important}
html.light .amp-t.gruen{background:linear-gradient(135deg,var(--gruenA),#fff 70%)!important}
html.light .it.rot{background:linear-gradient(90deg,rgba(200,30,51,.07),#fff 45%)!important}
html.light .col{background:rgba(10,26,47,.035)!important;border-color:rgba(10,26,47,.10)!important}
html.light .col-h .ini{color:#fff}
/* Bot-Team */
html.light .rlist li,html.light .todo li,html.light .mbadge{background:#F7F9FC}
html.light #f textarea{background:#fff;color:var(--tx)}
/* Kalkulator */
html.light .kc .seg,html.light .vkchk,html.light .ekq button{background:#F3F6FA}
html.light .seg button.on{box-shadow:none}
html.light .kc .seg button.on{background:var(--or);color:#fff}
html.light .dd{background:#fff;box-shadow:0 18px 40px rgba(10,26,47,.18)}
html.light .cmp th:first-child,html.light .cmp td:first-child{background:#fff}
html.light .cmp tr.hl td:first-child{background:#FFF1EA}
html.light .sc,html.light .kbox{background:#F7F9FC}
html.light .sw{background:#C3CDD9}
html.light .sout .big b{color:#0A1A2F}
html.light .kpi.r b,html.light .cmp .neg,html.light .badge.of{color:#B4152A}
html.light .vkchk.on{color:#0A1A2F}
html.light .kc input::placeholder{color:#7A889B}
html.light{background:#EEF2F7}
/* Kunden */
html.light .kd-t{background:#fff}html.light .bdg.b2b{color:#1668A8}
html.light .kd-dback{background:rgba(10,26,47,.35)}
.top .theme-tg span{display:none}.top .theme-tg{padding:.45em .55em}
/* v10 Kontrast-Feinschliff Hell (gemessen, Ziel WCAG AA 4.5:1 für kleinen Text) */
html.light .it .dt,html.light .wl .in,html.light .bfeed .x,html.light .hero p{color:#2C3D53}
html.light .src{color:#46576E;border-color:rgba(10,26,47,.22)}
html.light .src.weclapp{color:#155E99;border-color:rgba(21,94,153,.4)}html.light .src.Trello{color:#5B45C9;border-color:rgba(91,69,201,.4)}
html.light .src.Eingangsrechnungen{color:#8A5A00;border-color:rgba(138,90,0,.4)}html.light .src.Bots{color:#C2410C}html.light .src.System{color:#46576E}
html.light .motto{color:#0A1A2F}
html.light .cnt-t span{color:#2C3D53}
html.light .cnt-t.or{--c:#C2410C}html.light .cnt-t.blue{--c:#1668A8}
html.light .cnt-t b{text-shadow:none}
html.light .tg.or h3{color:#C2410C}html.light .tg.blue h3{color:#1668A8}
html.light .tg.or .tc{--c:#C2410C}html.light .tg.blue .tc{--c:#1668A8}
html.light .tc .due{color:var(--c,#2C3D53)}
html.light .chip.dn{color:#B4152B;border-color:rgba(180,21,43,.4);background:rgba(200,30,51,.06)}
html.light .chip.up{color:#0B6B43}
html.light .mini.acc-yellow h2{color:#8A5A00!important}html.light .mini.acc-red h2{color:#B4152B!important}html.light .mini.acc-mu h2{color:#46576E!important}
html.light .mini.acc-red .kvx dd.big{color:#B4152B}html.light .mini.acc-yellow .kvx dd.big{color:#8A5A00}
html.light #bnote{color:#B23A0A}
html.light .delay{background:#EAF3FB;border-color:#B5D3EC;color:#1E3A55}html.light .delay b{color:#0A1A2F}
html.light .bfeed .ty.blocked,html.light .kz-st.s-blocked .kz-ar{color:#B4152B}
html.light .bfeed .ty.working,html.light .kz-st.s-working .kz-ar{color:#C2410C}
html.light .kz-ar{color:#46576E}
html.light .plan .n{color:#C2410C}html.light .plan span{color:#46576E}
html.light .live{color:#C2410C}html.light .avg span{color:#8A5A00;background:rgba(255,255,255,.85)}
html.light .k .s .up{color:#0B6B43}
html.light .bdg.einmal{color:#46576E}
html.light .plan li{background:#F6F8FB}html.light .bdg.einmal{color:#3B4A5E}
/* v10 Dunkel: Nebentexte (--mu2) heller, damit kleine Infos auf dem Weltraum nicht untergehen */
html:not(.light){--mu2:#8597B0}
html:not(.light) .bdg.einmal{color:#B3C0D1}
