/* ESISO Dunkel-Modus · login · erzeugt von mk_dunkel.py – NICHT von Hand ändern (Feinschliff: dunkel_extra.css) */
@media screen{
html[data-modus="dunkel"]{color-scheme:dark}
html[data-modus="dunkel"]{--dk-t-navy:#b1caf5;--dk-g-navy:#30528f;--dk-l-navy:#7896c9;--dk-x-navy:#0a172e;--dk-p-navy:#30528f;--dk-z-navy:#b1caf5;--dk-r-navy:#b1caf5;--dk-t-navy-deep:#bed3f5;--dk-g-navy-deep:#284271;--dk-l-navy-deep:#839bc4;--dk-x-navy-deep:#060f20;--dk-p-navy-deep:#284271;--dk-z-navy-deep:#bed3f5;--dk-r-navy-deep:#bed3f5;--dk-t-navy-ink:#c9daf5;--dk-g-navy-ink:#203659;--dk-l-navy-ink:#8b9fc0;--dk-x-navy-ink:#030916;--dk-p-navy-ink:#203659;--dk-z-navy-ink:#c9daf5;--dk-r-navy-ink:#c9daf5;--dk-t-orange:#e29d4f;--dk-g-orange:#e09333;--dk-l-orange:#db8e2d;--dk-x-orange:#e09333;--dk-p-orange:#e09333;--dk-z-orange:#e89a3c;--dk-r-orange:#e89a3c;--dk-t-ember:#e28c59;--dk-g-ember:#d16c26;--dk-l-ember:#cd6821;--dk-x-ember:#6b3612;--dk-p-ember:#d16c26;--dk-z-ember:#d8722e;--dk-r-ember:#d8722e;--dk-t-aqua:#5bb3d0;--dk-g-aqua:#54acc9;--dk-l-aqua:#4fa8c4;--dk-x-aqua:#54acc9;--dk-p-aqua:#54acc9;--dk-z-aqua:#5bb3d0;--dk-r-aqua:#5bb3d0;--dk-t-aqua-soft:#8fd2e6;--dk-g-aqua-soft:#094857;--dk-l-aqua-soft:#047087;--dk-x-aqua-soft:#094857;--dk-p-aqua-soft:#171d27;--dk-z-aqua-soft:#094857;--dk-r-aqua-soft:#047087;--dk-t-grey:#a0b2d0;--dk-g-grey:#576681;--dk-l-grey:#7889a5;--dk-x-grey:#293240;--dk-p-grey:#576681;--dk-z-grey:#a0b2d0;--dk-r-grey:#a0b2d0;--dk-t-line:#d8e0ec;--dk-g-line:#282f3d;--dk-l-line:#414a5a;--dk-x-line:#282f3d;--dk-p-line:#131822;--dk-z-line:#282f3d;--dk-r-line:#414a5a}
html[data-modus="dunkel"] body{color:var(--dkt,var(--dk-t-navy, #b1caf5));background-color:var(--dk-p-navy-deep, #284271);background-image:none;--dkt:initial}
html[data-modus="dunkel"] .vignette{background-color:transparent;background-image:radial-gradient(120% 90% at 18% 92%, rgba(84,172,201,0.2), transparent 46%),radial-gradient(120% 95% at 86% 96%, rgba(224,147,51,0.26), transparent 50%),radial-gradient(140% 120% at 50% -10%, rgba(255,255,255,0.048), transparent 60%);--dkt:inherit}
html[data-modus="dunkel"] .card{background-color:rgba(27,33,43,0.94);background-image:none;--dkt:initial;border-color:rgba(46,55,70,0.6);box-shadow:0 24px 60px rgba(0,0,0,0.6), 0 2px 0 rgba(255,255,255,0.04) inset}
html[data-modus="dunkel"] .wordmark{color:var(--dkt,var(--dk-t-navy, #b1caf5))}
html[data-modus="dunkel"] .oi{color:var(--dkt,var(--dk-t-orange, #e29d4f))}
html[data-modus="dunkel"] .wordmark .reg{color:var(--dkt,var(--dk-t-orange, #e29d4f))}
html[data-modus="dunkel"] .tagline{color:var(--dkt,var(--dk-t-grey, #a0b2d0))}
html[data-modus="dunkel"] .rule::before,html[data-modus="dunkel"] .rule::after{background-color:transparent;background-image:linear-gradient(90deg,transparent,var(--dk-g-orange, #e09333));--dkt:#16233d}
html[data-modus="dunkel"] .rule::after{background-color:transparent;background-image:linear-gradient(90deg,var(--dk-g-orange, #e09333),transparent);--dkt:#16233d}
html[data-modus="dunkel"] .rule span{color:var(--dkt,var(--dk-t-orange, #e29d4f))}
html[data-modus="dunkel"] label{color:var(--dkt,var(--dk-t-navy, #b1caf5))}
html[data-modus="dunkel"] input{border-color:var(--dk-l-line, #414a5a);color:var(--dkt,var(--dk-t-navy, #b1caf5));background-color:#1c222d;background-image:none;--dkt:initial}
html[data-modus="dunkel"] input::placeholder{color:var(--dkt,#9aa6ba)}
html[data-modus="dunkel"] input:focus{outline-color:currentcolor;border-color:var(--dk-l-navy, #7896c9);box-shadow:0 0 0 3px rgba(0,0,0,0.592)}
html[data-modus="dunkel"] button{border-color:currentcolor;color:var(--dkt,#ffffff);background-color:transparent;background-image:linear-gradient(180deg,var(--dk-g-orange, #e09333),var(--dk-g-ember, #d16c26));--dkt:#16233d;box-shadow:0 8px 20px rgba(0,0,0,0.6)}
html[data-modus="dunkel"] button:hover{filter:brightness(1.04);box-shadow:0 10px 24px rgba(0,0,0,0.6)}
html[data-modus="dunkel"] button:focus-visible{outline-color:rgba(120,150,201,0.5)}
html[data-modus="dunkel"] button[disabled]{filter:grayscale(.35) brightness(.95);box-shadow:none}
html[data-modus="dunkel"] .bleiben{color:var(--dkt,#9dbff4)}
html[data-modus="dunkel"] .bleiben input{accent-color:#e09333}
html[data-modus="dunkel"] .bleiben-hinweis{color:var(--dkt,#99a5ba)}
html[data-modus="dunkel"] .laden{color:var(--dkt,#9dbff4)}
html[data-modus="dunkel"] .laden small{color:var(--dkt,#99a5ba)}
html[data-modus="dunkel"] .laden .kreisel{border-color:#3c4555;border-top-color:#db8e2d}
html[data-modus="dunkel"] .err{background-color:#212733;background-image:none;--dkt:initial;color:var(--dkt,#fd9691);border-color:#7e4c53}
html[data-modus="dunkel"] .warn{background-color:#1f2631;background-image:none;--dkt:initial;color:var(--dkt,#dda862);border-color:#7e5e21}
html[data-modus="dunkel"] .foot{color:var(--dkt,#9aa5b9)}
html[data-modus="dunkel"] .foot b{color:var(--dkt,var(--dk-t-navy, #b1caf5))}

html[data-modus="dunkel"] svg:not(.fest) [stroke="#9fd6e6"]:not(.jvi *):not(.fest *){stroke:#146d80}
html[data-modus="dunkel"] svg:not(.fest) [fill="#bfe6f1"]:not(.jvi *):not(.fest *){fill:#063b47}
html[data-modus="dunkel"] svg:not(.fest) [stroke="#8fd2e6"]:not(.jvi *):not(.fest *){stroke:#047087}
html[data-modus="dunkel"] svg:not(.fest) [fill="#8fd2e6"]:not(.jvi *):not(.fest *){fill:#094857}
html[data-modus="dunkel"] svg:not(.fest) [fill="#dfccaa"]:not(.jvi *):not(.fest *){fill:#4e3807}
html[data-modus="dunkel"] svg:not(.fest) [stroke="#ffffff"]:not(.jvi *):not(.fest *){stroke:#2e3746}
/* Das Kopfband: tiefes Nachtblau statt des aufgehellten Marine-Blaus – es trägt die Marke und soll in Dunkel nicht leuchten */
html[data-modus="dunkel"] .top{background:linear-gradient(180deg,#15233f 0%,#101a31 100%);box-shadow:0 1px 0 #27344e}
/* Papier bleibt hell: eingebettete Dokumente (Mail-Ansicht, PDF) bringen dunkle Schrift mit */
html[data-modus="dunkel"] iframe{color-scheme:light;background-color:#fff}
/* Unterschriftsfelder und die Bild-Vorschau „Bild als PDF“: die Tinte ist dunkel, das Feld muss hell bleiben.
   (Durchsichtige Zeichenflächen über Fotos bleiben durchsichtig – darum keine Regel für alle canvas.) */
html[data-modus="dunkel"] canvas.unterschrift,html[data-modus="dunkel"] #sigFeld,html[data-modus="dunkel"] #itSigCanvas,html[data-modus="dunkel"] #itgSigCv,html[data-modus="dunkel"] #wSig{background-color:#fff !important}
/* Platzhalter in Eingabefeldern ohne eigene Farbe: Der Browser nimmt in Dunkel ein Grau, das auf seinem Feld kaum lesbar ist (2,4 : 1). */
html[data-modus="dunkel"] ::placeholder{color:#9aa6ba;opacity:1}
}