/* Plantrieb – dunkler Modus (Ergänzungen)
   Die meisten Farben kommen aus pt-dunkel-farben.css (automatisch erzeugt).
   Hier steht nur, was sich nicht über eine einzelne Farbe regeln lässt.
   Alles gilt nur am Bildschirm – gedruckt wird immer hell. */

/* Umschalter im Benutzermenü (gilt in beiden Modi) */
.dd-theme { padding: 8px 12px 10px; border-bottom: 1px solid var(--pt-b-f1f5f9, #f1f5f9); margin-bottom: 4px; }
.dd-theme-label { display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em;
    color: var(--pt-t-94a3b8, #94a3b8); margin-bottom: 6px; }
.dd-theme-wahl { display: flex; gap: 2px; background: var(--pt-b-f1f5f9, #f1f5f9); border-radius: 8px; padding: 2px; }
.dd-theme-wahl button { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 5px;
    border: none; background: transparent; font: inherit; font-size: 12px; font-weight: 500; padding: 5px 8px;
    border-radius: 6px; color: var(--pt-t-64748b, #64748b); cursor: pointer; white-space: nowrap; }
.dd-theme-wahl button:hover { color: var(--pt-t-0f172a, #0f172a); }
.dd-theme-wahl button.aktiv { background: var(--pt-b-ffffff, #fff); color: var(--pt-t-0f172a, #0f172a);
    box-shadow: 0 1px 2px rgba(0,0,0,.12); }

@media screen {
    html[data-theme="dunkel"] { color-scheme: dark; background: #0b1120; }
    html[data-theme="dunkel"] body { background-color: #0b1120; }

    /* Logo: helles Feld, damit dunkle Logos lesbar bleiben */
    html[data-theme="dunkel"] .topbar-brand img { background: #f8fafc; padding: 2px 6px; border-radius: 6px; }

    /* Lade-Schleier */
    html[data-theme="dunkel"] #loading-overlay { background: rgba(11, 17, 32, .78) !important; }
    html[data-theme="dunkel"] #loading-label { color: #e2e8f0 !important; }

    /* Fenster-Hintergründe etwas dunkler */
    html[data-theme="dunkel"] .pz-hinter,
    html[data-theme="dunkel"] .pt-sk-hinter { background: rgba(2, 6, 16, .62); }
    html[data-theme="dunkel"] .pz-fenster,
    html[data-theme="dunkel"] .pt-sk { box-shadow: 0 24px 60px rgba(0,0,0,.6), 0 0 0 1px #24304a; }

    /* Auswahllisten und Eingabefelder, die nur Browser-Standard haben */
    html[data-theme="dunkel"] select option { background: #131c2e; color: #e2e8f0; }
    html[data-theme="dunkel"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]),
    html[data-theme="dunkel"] select, html[data-theme="dunkel"] textarea {
        border-color: #33425a; }
    html[data-theme="dunkel"] ::placeholder { color: #64748b; }
    html[data-theme="dunkel"] input[type=file]::file-selector-button { background: #1e293b; color: #e2e8f0; border-color: #33425a; }

    /* Bildlaufleisten */
    html[data-theme="dunkel"] { scrollbar-color: #33425a #0b1120; }

    /* Statusfarben aus dem Programm (Python) – als helle Flächen gesetzt */
    html[data-theme="dunkel"] .d-badge[style*="background"],
    html[data-theme="dunkel"] .badge { filter: saturate(.9) brightness(.92); }

    /* Abschnitte, Karten und Kopfzeile einen Hauch Rahmen statt Schatten */
    html[data-theme="dunkel"] .topbar { box-shadow: none; }

    /* Inline-SVG mit festen Attribut-Farben (Ring-Hintergrund, Zeitstrahl) */
    html[data-theme="dunkel"] svg [stroke="#f1f5f9"] { stroke: #1e293b; }
    html[data-theme="dunkel"] svg [fill="#f1f5f9"], html[data-theme="dunkel"] svg [fill="#f8fafc"] { fill: #1e293b; }
    html[data-theme="dunkel"] svg [fill="#fff"], html[data-theme="dunkel"] svg [fill="#ffffff"] { fill: #131c2e; }
    html[data-theme="dunkel"] svg [stroke="#e2e8f0"] { stroke: #2a3649; }
    html[data-theme="dunkel"] svg [fill="#0f172a"], html[data-theme="dunkel"] svg [fill="#334155"] { fill: #e2e8f0; }
    html[data-theme="dunkel"] svg [fill="#475569"], html[data-theme="dunkel"] svg [fill="#64748b"] { fill: #a3b1c4; }
    html[data-theme="dunkel"] svg [fill="#94a3b8"] { fill: #8291a7; }
}

@media screen {
    /* Auslastungsbalken in der Planung: kräftig lassen */
    html[data-theme="dunkel"] .cap-bar.st-gruen { background: #22c55e; }
    html[data-theme="dunkel"] .cap-bar.st-frei { background: #2a3649; }
}