/* ============================================================================
   dark.css – Dunkles Erscheinungsbild (html.dark / body.dark-mode)
   ----------------------------------------------------------------------------
   Wird in base.html nach app.css eingebunden. Der Toggle „Dunkel/Hell“ in der
   Kopfzeile setzt user.dark_mode; base.html rendert dann <html class="dark">.

   Palette:
     Hintergrund  #0f172a   Flächen #1e293b / #273449   Ränder #334155
     Text         #e2e8f0   gedämpft #94a3b8            Akzent rgb(141,163,98)

   Alle Dark-Regeln sind in @media screen gekapselt, damit Druck/PDF
   (Aufnahmebogen, Rechnungen …) unverändert hell bleiben.
   Inline-Styles der Templates werden gezielt per Attribut-Selektor
   ([style*="…"]) + !important überschrieben. Keine globale filter:invert()-
   Lösung – Bilder, Unterschriften, PDF-Vorschauen bleiben unverändert.
   ============================================================================ */

/* Logo (gilt in beiden Modi; aus base.html hierher verschoben) */
.brand img.brand-logo { height: 44px; width: auto; display: block; }
@media (max-width: 760px) { .brand img.brand-logo { height: 36px; } }

@media screen {

/* ----------------------------------------------------------------------------
   0. Kästchen – gilt in BEIDEN Modi (Hell + Dunkel)
   app.css erzwingt auf JEDES input height:var(--field-h) (36px), padding-block/
   -inline und border-radius:8px mit !important. Checkboxen/Radios in den
   Kästchen-Containern (Aufnahmebogen .checkbox-item, Excel-Erledigungsraster,
   Leistungskatalog, Einäscherungsantrag) wurden dadurch zu 36px hohen „Pillen“.
   Nur diese Kästchen werden auf ihre Sollgröße gebracht; alle anderen Felder
   (Text, Select, Datum …) bleiben unverändert.
   ---------------------------------------------------------------------------- */
.checkbox-item input[type="checkbox"], .checkbox-item input[type="radio"],
#excel-erledigung-grid input[type="checkbox"], .erl-item input[type="checkbox"],
.wels-leistung-row input[type="checkbox"], .ablauf-ch-item input[type="checkbox"],
.lade-fall input[type="checkbox"], .lade-fingerabdruck input[type="checkbox"],
.kontroll-tabelle input[type="checkbox"], #obduktion-panel input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
  border-radius: 4px !important;
  flex: 0 0 auto;
}
.checkbox-item input[type="radio"] { border-radius: 50% !important; }
/* Laden-Seite / Kontrollliste: app.css setzt appearance:none auf jedes input → Haken ohne
   eigene :checked-Regel wären unsichtbar. Hier native Checkbox (beide Modi). */
.lade-fall input[type="checkbox"], .lade-fingerabdruck input[type="checkbox"],
.kontroll-tabelle input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  accent-color: #0f766e;
  border: none !important;
  background: transparent !important;
}
html.dark .lade-fall input[type="checkbox"], html.dark .lade-fingerabdruck input[type="checkbox"],
html.dark .kontroll-tabelle input[type="checkbox"] { accent-color: #22c55e; }
label.check-row input[type="checkbox"], input.ea-checkbox {
  width: 18px !important;
  height: 18px !important;
  min-height: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
  border-radius: 3px !important;
}

/* ----------------------------------------------------------------------------
   1. Variablen & Grundlayout
   ---------------------------------------------------------------------------- */
html.dark {
  color-scheme: dark;
  --dk-bg: #0f172a;
  --dk-surface: #1e293b;
  --dk-surface-2: #273449;
  --dk-surface-3: #334155;
  --dk-inset: #172033;
  --dk-border: #334155;
  --dk-border-strong: #475569;
  --dk-text: #e2e8f0;
  --dk-text-soft: #cbd5e1;
  --dk-muted: #94a3b8;
  --dk-accent: rgb(141, 163, 98);
  --dk-accent-light: #b7cf8a;
  --dk-link: #93c5fd;
  /* Variablen aus app.css überschreiben */
  --bg: #0f172a;
  --card: #1e293b;
  --muted: #94a3b8;
}

html.dark, html.dark body { background: var(--dk-bg); color: var(--dk-text); }
html.dark .brand img.brand-logo { filter: invert(1); }

html.dark header.header {
  background: var(--dk-surface);
  color: var(--dk-text);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .45);
  border-bottom: 1px solid var(--dk-border);
}
html.dark .nav a, html.dark .nav button { color: var(--dk-text); }
html.dark .nav a:hover, html.dark .nav button:hover { color: #fff; }
html.dark .brand a, html.dark .brand a:visited { color: var(--dk-text); }

html.dark a { color: var(--dk-link); }
html.dark .muted { color: var(--dk-muted); }
html.dark .hint { color: var(--dk-muted); }
html.dark .error-text, html.dark .text-danger { color: #fca5a5; }

html.dark .card {
  background: var(--dk-surface);
  color: var(--dk-text);
  border: 1px solid var(--dk-border);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .35);
}
html.dark .kpi { background: var(--dk-surface); border: 1px solid var(--dk-border); box-shadow: 0 4px 14px rgba(0, 0, 0, .35); }
html.dark .kpi .label { color: var(--dk-muted); }
html.dark .pill { background: var(--dk-surface-3); color: var(--dk-text); }

html.dark table { color: var(--dk-text); }
html.dark th, html.dark td { border-bottom-color: var(--dk-border); }

/* Buttons */
html.dark .btn, html.dark .btn-sm, html.dark .btn:visited { color: #fff; }
html.dark .btn.outline { background: transparent; color: var(--dk-accent-light); border-color: var(--dk-accent); }
html.dark .toolbar .btn { color: #fff; }

/* Formularelemente (app.css setzt border/height mit !important) */
html.dark input, html.dark input[type=text], html.dark input[type=email], html.dark input[type=password],
html.dark input[type=search], html.dark input[type=number], html.dark input[type=date], html.dark input[type=time],
html.dark input[type=month], html.dark select, html.dark textarea {
  background: var(--dk-bg);
  color: var(--dk-text);
  border-color: var(--dk-border-strong) !important;
}
html.dark input:focus, html.dark select:focus, html.dark textarea:focus {
  border-color: var(--dk-accent) !important;
  box-shadow: 0 0 0 2px rgba(141, 163, 98, .25) !important;
}
html.dark input:-webkit-autofill, html.dark input:-webkit-autofill:hover, html.dark input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--dk-text) !important;
  box-shadow: 0 0 0 1000px var(--dk-bg) inset !important;
  -webkit-box-shadow: 0 0 0 1000px var(--dk-bg) inset !important;
}
/* Native Datums-/Zeitfelder: eigenes color-scheme, sonst zeichnet Chrome/Edge den
   Datums-Editor und den Kalender-Picker hell (weißer Kasten, schwarze Ziffern) */
html.dark input[type="date"], html.dark input[type="time"],
html.dark input[type="datetime-local"], html.dark input[type="month"] {
  color-scheme: dark;
  background: var(--dk-bg);
  color: var(--dk-text);
  -webkit-text-fill-color: var(--dk-text);
  caret-color: var(--dk-text);
}
html.dark input[type="date"]::-webkit-datetime-edit, html.dark input[type="time"]::-webkit-datetime-edit,
html.dark input[type="datetime-local"]::-webkit-datetime-edit { color: var(--dk-text); }
html.dark input[type="date"]::-webkit-calendar-picker-indicator,
html.dark input[type="time"]::-webkit-calendar-picker-indicator,
html.dark input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: invert(.85); opacity: .9; cursor: pointer; }
html.dark ::placeholder { color: #64748b; opacity: 1; }
html.dark select option, html.dark select optgroup { background: var(--dk-bg); color: var(--dk-text); }
html.dark input[readonly], html.dark input[disabled], html.dark textarea[readonly], html.dark select[disabled] {
  background: var(--dk-surface-2);
  color: var(--dk-text-soft);
}
html.dark .toolbar input[type=text], html.dark .toolbar select { background: var(--dk-bg); color: var(--dk-text); border-color: var(--dk-border-strong); }
html.dark label { color: inherit; }

/* Benutzerdefinierte Checkboxen (app.css + Aufnahmebogen + Dashboard) */
html.dark .checkbox-item input[type="checkbox"],
html.dark .checkbox-item input[type="radio"],
html.dark #dashboard-ablauf-checkliste-root .checkbox-item input[type="checkbox"] {
  background: var(--dk-bg);
  border-color: var(--dk-muted) !important;
}
html.dark .checkbox-item input[type="checkbox"]:checked,
html.dark .checkbox-item input[type="radio"]:checked,
html.dark #dashboard-ablauf-checkliste-root .checkbox-item input[type="checkbox"]:checked {
  background: var(--dk-accent);
  border-color: var(--dk-accent) !important;
}
html.dark .custom-checkbox { background: var(--dk-bg) !important; }
html.dark .custom-checkbox:checked { background: var(--dk-accent) !important; }
html.dark input[type=checkbox], html.dark input[type=radio] { accent-color: var(--dk-accent); }

/* Scrollbars (WebKit) */
html.dark ::-webkit-scrollbar { width: 10px; height: 10px; }
html.dark ::-webkit-scrollbar-track { background: var(--dk-bg); }
html.dark ::-webkit-scrollbar-thumb { background: var(--dk-border-strong); border-radius: 5px; }
html.dark .day-items::-webkit-scrollbar-track { background: var(--dk-surface); }
html.dark .day-items::-webkit-scrollbar-thumb { background: var(--dk-border-strong); }

/* ----------------------------------------------------------------------------
   2. Dashboard & Kalender (eigenes Grid, kein FullCalendar)
   ---------------------------------------------------------------------------- */
html.dark .weekgrid-enhanced { background: var(--dk-inset); }
html.dark .daycol, html.dark .daycol-enhanced {
  background: var(--dk-surface-2);
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
}
html.dark .daycol.today { background: rgba(52, 152, 219, .18); border-color: #3498db; }
html.dark .daycol.today .dayhead { color: #93c5fd; }
html.dark .daycol-enhanced.today { background: rgba(141, 163, 98, .18); border-color: var(--dk-accent); box-shadow: 0 6px 20px rgba(141, 163, 98, .25); }
html.dark .daycol-enhanced.today .dayhead-enhanced { color: var(--dk-accent-light); }
html.dark .dayhead-enhanced { border-bottom-color: var(--dk-border); }
html.dark .badge, html.dark .badge-enhanced { background: var(--dk-surface-3); color: var(--dk-text); }
html.dark .badge-enhanced:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, .4); }
html.dark .badge-enhanced .badge-enhanced-ort { color: var(--dk-muted) !important; }
html.dark .event-detail-btn { color: var(--dk-text-soft); }

/* Kategorie-Farben: dunkle Tönung + helle Schrift (Woche, Monat, Tag, Legende) */
html.dark .k-traeufeier, html.dark .badge-enhanced.k-traeufeier, html.dark .month-day-event.k-traeufeier { background: rgba(231, 76, 60, .25); color: #fecaca; border-left-color: #e74c3c; }
html.dark .k-aufbahrung, html.dark .badge-enhanced.k-aufbahrung, html.dark .month-day-event.k-aufbahrung { background: rgba(202, 138, 4, .28); color: #fde68a; border-left-color: #ca8a04; }
html.dark .k-verabschiedung, html.dark .badge-enhanced.k-verabschiedung, html.dark .month-day-event.k-verabschiedung { background: rgba(185, 28, 28, .3); color: #fecaca; border-left-color: #ef4444; }
html.dark .k-gespraech, html.dark .badge-enhanced.k-gespraech, html.dark .month-day-event.k-gespraech { background: rgba(52, 152, 219, .25); color: #bfdbfe; border-left-color: #3498db; }
html.dark .k-lager, html.dark .badge-enhanced.k-lager, html.dark .month-day-event.k-lager { background: rgba(39, 174, 96, .25); color: #bbf7d0; border-left-color: #27ae60; }
html.dark .k-sonstiges, html.dark .badge-enhanced.k-sonstiges, html.dark .month-day-event.k-sonstiges { background: var(--dk-surface-3); color: var(--dk-text-soft); border-left-color: #95a5a6; }
html.dark .k-ueberfuehrung, html.dark .badge-enhanced.k-ueberfuehrung, html.dark .month-day-event.k-ueberfuehrung { background: rgba(37, 99, 235, .32); color: #bfdbfe; border-left-color: #60a5fa; }
html.dark .k-urnenbeisetzung, html.dark .badge-enhanced.k-urnenbeisetzung, html.dark .month-day-event.k-urnenbeisetzung { background: rgba(109, 40, 217, .32); color: #ddd6fe; border-left-color: #a78bfa; }
html.dark .k-kremation, html.dark .badge-enhanced.k-kremation, html.dark .month-day-event.k-kremation { background: rgba(234, 88, 12, .32); color: #ffedd5; border-left-color: #fb923c; }
html.dark .k-betstunde, html.dark .badge-enhanced.k-betstunde, html.dark .month-day-event.k-betstunde { background: rgba(22, 163, 74, .32); color: #bbf7d0; border-left-color: #4ade80; }
html.dark .k-sargoeffnung, html.dark .badge-enhanced.k-sargoeffnung, html.dark .month-day-event.k-sargoeffnung { background: rgba(190, 24, 93, .32); color: #fbcfe8; border-left-color: #f472b6; }
html.dark .kalender-chip { background: var(--dk-surface-2); color: var(--dk-text); border-color: var(--dk-border-strong); }
html.dark .kalender-chip.is-on { background: var(--dk-surface-3); }
html.dark .kalender-filter-label { color: var(--dk-text); }
html.dark .kalender-leer { background: var(--dk-surface); color: var(--dk-muted); border-color: var(--dk-border); }
html.dark .badge-enhanced-person { color: var(--dk-muted); }
html.dark .kalender-weitere { color: #f8fafc; border-color: #cbd5e1; background: rgba(148, 163, 184, .22); }
html.dark .kalender-weitere:hover { background: rgba(148, 163, 184, .38); color: #fff; }
html.dark .kalender-beispiel { background: rgba(234, 88, 12, .35); color: #ffedd5; }
html.dark #kalender-detail-modal-backdrop [role="dialog"],
html.dark #kalender-termin-modal-backdrop [role="dialog"] { background: var(--dk-surface) !important; color: var(--dk-text); }
html.dark .day-view-event.k-aufbahrung, html.dark .day-view-event.k-verabschiedung, html.dark .day-view-event.k-traeufeier,
html.dark .day-view-event.k-gespraech, html.dark .day-view-event.k-lager, html.dark .day-view-event.k-sonstiges { color: var(--dk-text); }

/* Monatsansicht */
html.dark .month-view-container { background: var(--dk-inset); box-shadow: 0 4px 12px rgba(0, 0, 0, .3); }
html.dark .month-title { color: var(--dk-text-soft) !important; }
html.dark .month-day-header { background: rgba(141, 163, 98, .22); color: var(--dk-accent-light); }
html.dark .month-day-cell { background: var(--dk-surface-2); border-color: transparent; }
html.dark .month-day-cell:hover { background: var(--dk-surface-3); border-color: var(--dk-accent); }
html.dark .month-day-cell.today { background: rgba(141, 163, 98, .25); border-color: var(--dk-accent); }
html.dark .month-day-cell.other-month { background: var(--dk-surface); border-color: transparent; }
html.dark .month-day-cell.other-month .month-day-number { color: var(--dk-muted); }
html.dark .month-day-cell.other-month.today { background: var(--dk-surface-2); border-color: var(--dk-border-strong); }
html.dark .month-day-number { color: var(--dk-text); }
html.dark .month-day-more { color: var(--dk-muted); }
html.dark .month-day-event { color: var(--dk-text-soft); }
html.dark .month-day-event [style*="color:#666"] { color: var(--dk-muted) !important; }
html.dark .month-day-add-btn, html.dark .day-add-termin-btn { background: rgba(141, 163, 98, .25); color: var(--dk-accent-light); }
html.dark .month-day-add-btn:hover, html.dark .day-add-termin-btn:hover { background: var(--dk-accent); color: #fff; }
html.dark .calendar-event-comment { color: var(--dk-muted); }
html.dark .calendar-event-comment-truncated { color: var(--dk-link); }
html.dark .calendar-event-comment-truncated:hover { color: #bfdbfe; }
html.dark .day-view-event .calendar-event-comment { color: var(--dk-muted); }

/* Tagesansicht */
html.dark .day-view-header { background: var(--dk-surface-2); box-shadow: 0 4px 12px rgba(0, 0, 0, .3); }
html.dark .day-view-event { background: var(--dk-surface-3); }
html.dark .day-view-event:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, .4); }
html.dark .day-view-event-time { color: var(--dk-accent-light); }
html.dark .day-view-event-location { color: var(--dk-muted); }

/* Termin-Farben (manuelle Termine; Inline-Styles aus dashboard.html JS) */
html.dark [style*="background:#f4f4f4"], html.dark [style*="background: #f4f4f4"] { background: var(--dk-surface-3) !important; color: var(--dk-text-soft) !important; }
html.dark [style*="background:#e7f3ff"], html.dark [style*="background: #e7f3ff"] { background: rgba(37, 99, 235, .3) !important; color: #bfdbfe !important; }
html.dark [style*="background:#e7ffe7"], html.dark [style*="background: #e7ffe7"] { background: rgba(22, 163, 74, .3) !important; color: #bbf7d0 !important; }
html.dark [style*="background:#fef9c3"], html.dark [style*="background: #fef9c3"] { background: rgba(202, 138, 4, .3) !important; color: #fde68a !important; }
html.dark [style*="background:#ffedd5"], html.dark [style*="background: #ffedd5"] { background: rgba(234, 88, 12, .3) !important; color: #fed7aa !important; }
html.dark [style*="background:#fee2e2"], html.dark [style*="background: #fee2e2"] { background: rgba(220, 38, 38, .3) !important; color: #fecaca !important; }
html.dark [style*="background:#fce7f3"], html.dark [style*="background: #fce7f3"] { background: rgba(219, 39, 119, .3) !important; color: #fbcfe8 !important; }
html.dark [style*="background:#ede9fe"], html.dark [style*="background: #ede9fe"] { background: rgba(124, 58, 237, .3) !important; color: #ddd6fe !important; }
html.dark [style*="background:#ffe7e7"], html.dark [style*="background: #ffe7e7"] { background: rgba(231, 76, 60, .3) !important; color: #fecaca !important; }

/* Farbwähler im Termin-Dialog */
html.dark .kalender-farbe-option { background: var(--dk-surface-2); border-color: var(--dk-border-strong); }
html.dark .kalender-farbe-option:hover { border-color: var(--dk-muted); box-shadow: 0 4px 14px rgba(0, 0, 0, .4); }
html.dark .kalender-farbe-option.is-selected { border-color: var(--dk-text); box-shadow: 0 0 0 2px var(--dk-surface), 0 0 0 5px var(--dk-text); }
html.dark .kalender-farbe-name { color: var(--dk-text-soft); }
html.dark .kalender-farbe-picker-hint { color: var(--dk-muted); }
html.dark .week-nav .btn.active { background: rgba(141, 163, 98, .3); color: var(--dk-accent-light); }

/* Dashboard: Checklisten-Karten, offene Punkte */
html.dark .ablauf-ch-karte { background: var(--dk-surface-2) !important; border-color: var(--dk-border) !important; }
html.dark .ablauf-fall-row { background: var(--dk-surface-2) !important; border-color: var(--dk-border) !important; }
html.dark .offene-punkte-container { background: rgba(245, 158, 11, .10) !important; }
html.dark .begraebnis-daten { color: var(--dk-text) !important; }

/* ----------------------------------------------------------------------------
   3. Offene Sterbefälle
   ---------------------------------------------------------------------------- */
html.dark .page-header h2 { color: var(--dk-text); }
html.dark .fall-section { border-bottom-color: var(--dk-border); }
html.dark .offene-punkte-box { background: rgba(220, 38, 38, .14); border-color: rgba(248, 113, 113, .5); }
html.dark .offene-punkte-header { color: #fca5a5; }
html.dark .offene-punkte-liste li { color: #fecaca; }
html.dark .kein-offene { background: rgba(22, 163, 74, .16); border-color: rgba(74, 222, 128, .5); color: #86efac; }
html.dark .empty-state { color: var(--dk-muted); }
html.dark .empty-state h2 { color: var(--dk-text) !important; }
html.dark .offen-badge { background: rgba(245, 158, 11, .2); color: #fcd34d; border-color: #d97706; }

/* ----------------------------------------------------------------------------
   4. Aufnahmebogen (fragebogen_form_new.html)
   ---------------------------------------------------------------------------- */
html.dark .form-container { background: var(--dk-surface); color: var(--dk-text); border: 1px solid var(--dk-border); border-radius: 12px; }
html.dark .form-title { border-bottom-color: var(--dk-muted); color: var(--dk-text); }
html.dark .form-label, html.dark .form-label-top-section { color: var(--dk-text); }

/* Unterstrich-Felder */
html.dark input.form-input, html.dark select.form-input, html.dark textarea.form-input,
html.dark input.form-input:focus, html.dark select.form-input:focus, html.dark textarea.form-input:focus,
html.dark .address-row .form-input-small, html.dark .address-row .form-input-medium,
html.dark .stift-combo-wrap > select.stift-combo-select, html.dark .stift-combo-wrap > select.stift-combo-select:focus {
  border-bottom-color: var(--dk-muted) !important;
  color: var(--dk-text);
  background: transparent !important;
}
html.dark input.form-input:focus, html.dark select.form-input:focus, html.dark textarea.form-input:focus { border-bottom-color: var(--dk-accent-light) !important; box-shadow: none !important; }
html.dark .pflichtfeld.leer { border-color: #ef4444 !important; }
html.dark #aufnahmebogen-form #geburtsdatum.plain-dt-date, html.dark #aufnahmebogen-form #kontakt_geburtsdatum.plain-dt-date {
  color: var(--dk-text) !important; -webkit-text-fill-color: var(--dk-text) !important; caret-color: var(--dk-text) !important;
}
html.dark .aufbahrung-bis-block[data-bis-collapsed="0"] .aufbahrung-dt-date,
html.dark .aufbahrung-bis-block[data-bis-collapsed="0"] .aufbahrung-dt-time { color: var(--dk-text) !important; -webkit-text-fill-color: var(--dk-text) !important; }
html.dark #section-aufnahme .zuletzt-wohnhaft-strasse-preview, html.dark #section-aufnahme .overflow-preview-wrap > .overflow-preview { color: var(--dk-text); }
html.dark #sterbedatum-weekday { color: var(--dk-muted); text-shadow: none; }
html.dark .weekday-hint, html.dark .weekday-display, html.dark .aufbahrung-von-wochentag { color: var(--dk-muted); }
/* 13.10.2026 Layout: Bekanntgabe „mit / ohne Adresse“-Platzhalter gedämpft */
html.dark #aufnahmebogen-form select.bekanntgabe-adresse:has(option[value=""]:checked) { color: var(--dk-muted); }
html.dark .dropdown-arrow, html.dark .stift-combo-wrap .stift-arrow-btn { color: var(--dk-text-soft); }
html.dark .multi-toggle.selected { color: #64748b; }
html.dark .sync-field.sync-abweichung { background-color: rgba(220, 38, 38, .22) !important; }
html.dark .sync-abweichung-hinweis { color: #fca5a5; }
html.dark .no-print input[type="number"] { background: var(--dk-bg) !important; color: var(--dk-text) !important; border-color: var(--dk-border-strong) !important; }
html.dark .no-print input[readonly] { background: var(--dk-surface-2) !important; }
html.dark .erl-notiz-text { color: var(--dk-muted); }
html.dark .erl-notiz-input { background: var(--dk-bg); color: var(--dk-text); border-color: var(--dk-border-strong); }

/* Farbbänder / Farbzonen → dezente dunkle Tönungen */
html.dark #section-aufnahme .aufnahme-band { background: rgba(141, 163, 98, .14); }
html.dark #section-aufnahme .aufnahme-band--b { background: rgba(148, 163, 184, .10); }
html.dark #aufnahmebogen-form #section-aufnahme .farbzone-gruen { background-color: rgba(141, 163, 98, .16); }
html.dark #aufnahmebogen-form #section-aufnahme .farbzone-rosa { background-color: rgba(244, 63, 94, .14); }
html.dark #aufnahmebogen-form #section-aufnahme .farbzone-gelb { background-color: rgba(234, 179, 8, .14); }
/* Bereichsfarben je Excel-Seite (13.10.2026, .wels-zone in fragebogen_form_new.html):
   dunkle, entsättigte Varianten der hellen Pastelltöne – Text #e2e8f0 bleibt
   kontrastreich (Flächen liegen bei ~#1f2a3a … #2b2f3a). */
html.dark #aufnahmebogen-form .wels-zone--s1-stamm      { background: rgba(141, 163, 98, .16); }   /* Grün */
html.dark #aufnahmebogen-form .wels-zone--s1-termine    { background: rgba(96, 165, 250, .13); }   /* Blau */
html.dark #aufnahmebogen-form .wels-zone--s1-grab       { background: rgba(214, 190, 140, .14); }  /* Beige */
html.dark #aufnahmebogen-form .wels-zone--s2-leist      { background: rgba(234, 179, 8, .13); }    /* Gelb */
html.dark #aufnahmebogen-form .wels-zone--s2-druck      { background: rgba(167, 139, 250, .15); }  /* Lavendel */
html.dark #aufnahmebogen-form .wels-zone--s3-ware       { background: rgba(251, 146, 60, .14); }   /* Orange */
html.dark #aufnahmebogen-form .wels-zone--s3-fremd      { background: rgba(148, 163, 184, .12); }  /* Grau */
html.dark #aufnahmebogen-form .wels-zone--s4-rechnung   { background: rgba(244, 114, 182, .13); }  /* Rosé */
html.dark #aufnahmebogen-form .wels-zone--s4-auftrag    { background: var(--dk-surface-2, #1e293b); border-color: var(--dk-border, #334155); } /* neutral mit Rahmen */
html.dark #aufnahmebogen-form .wels-zone--s4-erledigung { background: rgba(52, 211, 153, .13); }   /* Mint */
html.dark #aufnahmebogen-form .wels-zone-caption        { color: #94a3b8; opacity: .95; }
html.dark #aufnahmebogen-form .wels-zone .wels-katalog-titel { color: #e2e8f0; }

/* Einäscherungsantrag: Checkbox-Labels (Hover/aktiv) */
html.dark .ea-label:hover { background: var(--dk-surface-3); }
html.dark .ea-label:has(input:checked) { background: rgba(59, 130, 246, .25); color: var(--dk-text); }
html.dark .ea-field-label { color: var(--dk-muted); }

/* Slash-Select (STA/Gemeinde) */
html.dark .slash-select { background: var(--dk-surface-2); border-color: var(--dk-border-strong); color: var(--dk-text); }
html.dark .slash-select:hover { background: var(--dk-surface-3); }
html.dark .slash-select-arrow { color: var(--dk-muted); }
html.dark .slash-select-dropdown { background: var(--dk-surface); border-color: var(--dk-border-strong); box-shadow: 0 4px 12px rgba(0, 0, 0, .5); }
html.dark .slash-select-option:hover { background: var(--dk-surface-3); }

/* Seitliche Navigation */
html.dark .nav-toggle { background: var(--dk-surface-2); border: 1px solid var(--dk-border); border-left: none; }
html.dark .nav-toggle:hover { background: var(--dk-surface-3); }
html.dark .nav-content { background: var(--dk-surface); border: 1px solid var(--dk-border); border-left: none; box-shadow: 4px 0 15px rgba(0, 0, 0, .5); }
html.dark .nav-content a { color: var(--dk-text); }
html.dark .nav-content a:hover { background: var(--dk-surface-3); }
html.dark .nav-divider { background: var(--dk-border); }
html.dark .nav-title { color: var(--dk-muted); }

/* Ablauf-Checkliste (Drawer rechts) */
html.dark #ablauf-ch-drawer { background: var(--dk-surface); color: var(--dk-text); border-left-color: var(--dk-border); box-shadow: -6px 0 28px rgba(0, 0, 0, .55); }
html.dark #ablauf-ch-drawer .ablauf-ch-drawer-head { background: var(--dk-surface-2); border-bottom-color: var(--dk-border); }
html.dark #ablauf-ch-erledigt-info { border-top-color: var(--dk-border); color: var(--dk-muted); }

/* Gerichtliche Obduktion – Seiten-Drawer rechts, Griff über dem Checkliste-Griff (13.10.2026):
   Griff + Kopf grün (keine Obduktion) / rot (Obduktion gesetzt), Inhalt auf dunkler Fläche */
html.dark #obduktion-tab { background: #166534; color: #dcfce7; box-shadow: -2px 0 10px rgba(0, 0, 0, .5); }
html.dark #obduktion-panel.ist-obduktion #obduktion-tab { background: #991b1b; color: #fee2e2; }
html.dark #obduktion-drawer { background: var(--dk-surface); color: var(--dk-text); border-left-color: var(--dk-border); border-bottom-color: var(--dk-border); box-shadow: -6px 0 28px rgba(0, 0, 0, .55); }
html.dark #obduktion-drawer .obduktion-drawer-head { background: #166534; color: #dcfce7; }
html.dark #obduktion-panel.ist-obduktion .obduktion-drawer-head { background: #991b1b; color: #fee2e2; }
html.dark #obduktion-drawer .obduktion-panel-status { background: rgba(255, 255, 255, .16); }
html.dark #obduktion-close { color: inherit; }
html.dark #obduktion-drawer .obduktion-drawer-body { background: var(--dk-surface); color: var(--dk-text); border-left-color: #22c55e; }
html.dark #obduktion-panel.ist-obduktion .obduktion-drawer-body { background: var(--dk-surface); border-left-color: #ef4444; }
html.dark #obduktion-drawer .obduktion-panel-hint { color: #fcd34d; }
html.dark #obduktion-drawer .obduktion-panel-erklaerung { color: var(--dk-muted); }
html.dark #obduktion-panel.ist-obduktion .obduktion-panel-check strong { color: #fca5a5; }
html.dark #obduktion-panel:not(.ist-obduktion) .obduktion-panel-check strong { color: #86efac; }

/* Fingerabdruck-Zeile (Abholung/Kühlung, nur Feuerbestattung) */
html.dark .fingerabdruck-row { background: rgba(220, 38, 38, .22); border-color: rgba(248, 113, 113, .55); }
html.dark .fingerabdruck-row.ist-ok, html.dark .fingerabdruck-row:has(#fingerabdruck_genommen:checked) { background: rgba(22, 163, 74, .18); border-color: rgba(74, 222, 128, .5); }
html.dark .fingerabdruck-row .fingerabdruck-hinweis { color: #fecaca; }
html.dark .fingerabdruck-row .fingerabdruck-hinweis.ist-ok { color: #bbf7d0; }

/* Antrag Verlängerung Bestattungsfrist: helle Inline-Farben im Dunklen dämpfen */
html.dark #verlaengerung_bestattungsfrist_section {
  background: rgba(120, 53, 15, .55) !important;
  border-color: #d97706 !important;
  color: #ffedd5;
}
html.dark #verlaengerung_bestattungsfrist_section h3 { color: #fdba74 !important; }
html.dark #verlaengerung_bestattungsfrist_section div[style*="background:#fff"] {
  background: #1e293b !important;
  border-color: #9a3412 !important;
  color: #ffedd5;
}
html.dark #section-einaescherungsantrag > h3 { color: #7dd3fc !important; }
html.dark #section-anzeige-des-todes > h3 { color: #fdba74 !important; }

/* Laden-Seite: rote Fallzeile = Feuerbestattung ohne Fingerabdruck */
html.dark .lade-fall { background: var(--dk-surface-2); border-color: var(--dk-border); }
html.dark .lade-fall.fingerabdruck-offen { background: rgba(220, 38, 38, .22) !important; border-color: rgba(248, 113, 113, .6) !important; }
html.dark .lade-fall .lade-fingerabdruck-hinweis { color: #fecaca; }
html.dark .lade-fall.fingerabdruck-ok .lade-fingerabdruck-hinweis { color: #bbf7d0; }
html.dark .lade-fingerabdruck { background: rgba(255, 255, 255, .06); border-color: var(--dk-border); }
html.dark .lade-manuell { background: rgba(245, 158, 11, .25); color: #fde68a; }
html.dark .kontroll-ok { color: #86efac; }
html.dark .kontroll-offen { color: #fca5a5; }
html.dark .kontroll-neutral { color: var(--dk-muted); }
html.dark .persisted-section-toggle-btn { background: var(--dk-surface-2); color: var(--dk-text); border-color: var(--dk-border-strong); }
html.dark .persisted-section-toggle-btn:hover { background: var(--dk-surface-3); }

/* Tooltips */
html.dark .rechnung-info::after, html.dark .info-tooltip::after { background: var(--dk-surface-3); color: #f8fafc; box-shadow: 0 2px 8px rgba(0, 0, 0, .5); }

/* Wels-Popups (Vorsorge / Zahlungsausfall) */
html.dark .wels-popup { background: var(--dk-surface); border: 1px solid var(--dk-border); }
html.dark .wels-popup-body { color: var(--dk-text); }
html.dark .wels-popup-foot { background: var(--dk-surface-2); }

/* Unterschriften: nicht invertieren, aber auf hellem Grund sichtbar halten */
html.dark img[alt^="Unterschrift"] { background: #fff; border-radius: 4px; padding: 2px; }
html.dark #signatureModal [style*="background: #fff"] { background: #fff !important; }

/* ----------------------------------------------------------------------------
   5. Rechnungen (Liste + Bearbeiten)
   ---------------------------------------------------------------------------- */
html.dark .rt-input { border-bottom-color: var(--dk-muted); color: var(--dk-text); background: transparent; }
html.dark .rt-input:focus { border-bottom-color: var(--dk-link); }
html.dark .rt-input[readonly] { background: var(--dk-surface-2); border-bottom-color: var(--dk-border-strong); }
html.dark .bereich-wechsel-select optgroup[label="Eigenleistungen"] { color: var(--dk-text); background: var(--dk-bg); }
html.dark .bereich-wechsel-select optgroup[label="Durchläufer (unten auf Rechnung)"] { color: #fcd34d; background: var(--dk-bg); }

/* ----------------------------------------------------------------------------
   6. Lager, Preisliste, Sterbeversicherung, Benutzer, Personal
   ---------------------------------------------------------------------------- */
/* Lager */
html.dark .lager-tabs a { border-color: var(--dk-border-strong); }
html.dark .lager-msg { background: rgba(22, 163, 74, .18); border-color: rgba(134, 239, 172, .5); }
html.dark .lager-suche { background: var(--dk-bg); color: var(--dk-text); border-color: var(--dk-border-strong); }
html.dark .lager-lieferant { background: var(--dk-surface); border-color: var(--dk-border); }
html.dark .lager-tabelle th { border-bottom-color: var(--dk-border-strong); }
html.dark .lager-tabelle td { border-bottom-color: var(--dk-border); }
html.dark .lager-bestand.leer { color: #fca5a5; }
html.dark .lager-bestand.da { color: #86efac; }
html.dark .lager-btn.rein { background: rgba(22, 163, 74, .25); color: #bbf7d0; }
html.dark .lager-btn.raus { background: rgba(220, 38, 38, .25); color: #fecaca; }
html.dark .lager-btn.mehr { background: var(--dk-surface-3); color: var(--dk-text); }
html.dark .lager-panel { background: var(--dk-surface-2); border-color: var(--dk-border); }
html.dark .lager-panel label { color: var(--dk-muted); }
html.dark .lager-leer { color: var(--dk-muted); }

/* Preisliste */
html.dark .preisliste-header h1 { color: var(--dk-text); }
html.dark .btn-secondary { background: var(--dk-surface-3); color: var(--dk-text); }
html.dark .btn-secondary:hover { background: var(--dk-border-strong); }
html.dark .search-input, html.dark .filter-select { background: var(--dk-bg); color: var(--dk-text); border-color: var(--dk-border-strong); }
html.dark .artikel-gruppe { background: var(--dk-surface); border: 1px solid var(--dk-border); box-shadow: 0 2px 8px rgba(0, 0, 0, .35); }
html.dark .artikel-card { background: var(--dk-surface-2); border-color: var(--dk-border); }
html.dark .artikel-card:hover { background: var(--dk-surface-3); border-color: var(--dk-link); }
html.dark .artikel-title { color: var(--dk-text); }
html.dark .artikel-nummer, html.dark .aufpreis-hinweis, html.dark .preis-table .preis-brutto, html.dark .empty-message { color: var(--dk-muted); }
html.dark .preis-table th { background: var(--dk-surface-3); color: var(--dk-text-soft); border-bottom-color: var(--dk-border); }
html.dark .preis-table td { border-bottom-color: var(--dk-border); }
html.dark .preis-table .preis { color: var(--dk-text); }
html.dark .modal-content { background: var(--dk-surface); color: var(--dk-text); border: 1px solid var(--dk-border); }
html.dark .modal-header { border-bottom-color: var(--dk-border); }
html.dark .modal-header h2 { color: var(--dk-text); }
html.dark .close-btn { color: var(--dk-muted); }
html.dark .form-group label { color: var(--dk-text); }
html.dark .form-group input, html.dark .form-group select, html.dark .form-group textarea { background: var(--dk-bg); color: var(--dk-text); border-color: var(--dk-border-strong); }
html.dark .form-actions { border-top-color: var(--dk-border); }
html.dark .saved-indicator { color: #86efac; }

/* Sterbeversicherung */
html.dark .sterbeversicherung-table { background: var(--dk-surface); }
html.dark .sterbeversicherung-table td { border-bottom-color: var(--dk-border); }
html.dark .sterbeversicherung-table tr:hover { background: var(--dk-surface-2); }
html.dark .sterbeversicherung-table tr.editing td { background: rgba(245, 158, 11, .15); }

/* Benutzer / Profil */
html.dark .form-header h1 { color: var(--dk-text); }
html.dark .form-header p, html.dark .form-help { color: var(--dk-muted); }
html.dark .btn-primary:disabled { background: var(--dk-surface-3); color: var(--dk-muted); }
html.dark .role-info h4 { color: var(--dk-text); }
html.dark .role-info li { color: var(--dk-text-soft); }
html.dark .password-toggle { color: var(--dk-muted); }
html.dark .password-match { background: rgba(22, 163, 74, .2) !important; }
html.dark .password-no-match { background: rgba(220, 38, 38, .2) !important; }
html.dark .match-indicator.success, html.dark .username-feedback.available { background: rgba(22, 163, 74, .22); color: #86efac; }
html.dark .match-indicator.error, html.dark .username-feedback.taken { background: rgba(220, 38, 38, .22); color: #fca5a5; }
html.dark .benutzer-header ~ .toolbar { background: var(--dk-surface); border: 1px solid var(--dk-border); }
html.dark .benutzer-table { background: var(--dk-surface); }
html.dark .benutzer-table tbody tr:hover { background: var(--dk-surface-2); }
html.dark .role-badge.eingeschraenkt { background: var(--dk-surface-3); color: var(--dk-text-soft); }

/* Einstellungen / Sperrliste */
html.dark .nav .nav-drop-menu {
  background: var(--dk-surface-2);
  border-color: var(--dk-border);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .45);
}
html.dark .nav .nav-drop-menu a,
html.dark .nav .nav-drop-menu a:hover { color: var(--dk-text) !important; }
html.dark .nav .nav-drop-menu a:hover { background: var(--dk-surface-3); }
html.dark .einstellungen-subnav a {
  background: var(--dk-surface-2);
  color: var(--dk-text);
  border-color: var(--dk-border);
}
html.dark .einstellungen-subnav a.aktiv { background: rgb(141, 163, 98); color: #fff; border-color: transparent; }
html.dark .einstellungen-karte {
  background: var(--dk-surface);
  color: var(--dk-text);
  border-color: var(--dk-border);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .35);
}
html.dark .einstellungen-karte h2 { color: var(--dk-text); }
html.dark .einstellungen-karte p { color: var(--dk-muted); }
html.dark .einstellungen-karte:hover { border-color: var(--dk-accent-light); }
html.dark .sperrliste-abschnitt h2 { color: var(--dk-text); }
html.dark .sperrliste-hinweis { color: var(--dk-muted); }
html.dark .sperrliste-form {
  background: var(--dk-surface);
  border-color: var(--dk-border);
}
html.dark .sperrliste-form label { color: var(--dk-text); }
html.dark .sperrliste-table { background: var(--dk-surface); box-shadow: 0 4px 12px rgba(0, 0, 0, .35); }
html.dark .sperrliste-table td { color: var(--dk-text); border-bottom-color: var(--dk-border); }
html.dark .sperrliste-table td strong { color: var(--dk-text); }
html.dark .sperrliste-table tbody tr:hover { background: var(--dk-surface-2); }
html.dark .sperrliste-leer { color: var(--dk-muted); }
html.dark .sperrliste-link { color: var(--dk-accent-light); }

/* ----------------------------------------------------------------------------
   7. Generische Inline-Style-Überschreibungen
      (Reihenfolge wichtig: zuerst Weiß/Hellgrau → Flächen, danach Pastell →
       farbige Tönungen, dann Textfarben, dann Ränder.)
   ---------------------------------------------------------------------------- */
/* 7a. Weiß & neutrale Hellgrautöne → Fläche
   („#fff“ bewusst nur mit Abschluss ; / Ende / Leerzeichen, sonst träfe es auch #fff3cd, #fffbeb …) */
html.dark [style*="background: white"], html.dark [style*="background:white"],
html.dark [style*="background: #fff;"], html.dark [style*="background:#fff;"],
html.dark [style*="background: #fff "], html.dark [style*="background:#fff "],
html.dark [style$="background: #fff"], html.dark [style$="background:#fff"],
html.dark [style*="background: #ffffff"], html.dark [style*="background:#ffffff"],
html.dark [style*="background-color: white"], html.dark [style*="background-color:white"],
html.dark [style*="background-color: #fff;"], html.dark [style*="background-color:#fff;"],
html.dark [style*="background-color: #ffffff"], html.dark [style*="background-color:#ffffff"],
html.dark [style*="background-color: #fefefe"],
html.dark [style*="background: #fafafa"], html.dark [style*="background:#fafafa"],
html.dark [style*="background: #f9f9f9"], html.dark [style*="background:#f9f9f9"] {
  background: var(--dk-surface) !important;
  color: var(--dk-text);
}
/* innerhalb von Karten/Formularcontainer eine Stufe heller, damit Kästen sichtbar bleiben */
html.dark .card [style*="background: white"], html.dark .card [style*="background:white"],
html.dark .card [style*="background: #fff;"], html.dark .card [style*="background:#fff;"],
html.dark .card [style*="background: #fff "], html.dark .card [style*="background:#fff "],
html.dark .card [style$="background: #fff"], html.dark .card [style$="background:#fff"],
html.dark .card [style*="background: #ffffff"], html.dark .card [style*="background:#ffffff"],
html.dark .card [style*="background: #fafafa"], html.dark .card [style*="background:#fafafa"],
html.dark .form-container [style*="background: white"], html.dark .form-container [style*="background:white"],
html.dark .form-container [style*="background: #fff;"], html.dark .form-container [style*="background:#fff;"],
html.dark .form-container [style*="background: #fff "], html.dark .form-container [style*="background:#fff "],
html.dark .form-container [style$="background: #fff"], html.dark .form-container [style$="background:#fff"],
html.dark .form-container [style*="background: #fafafa"], html.dark .form-container [style*="background:#fafafa"] {
  background: var(--dk-surface-2) !important;
}
html.dark [style*="background: #f7fafc"], html.dark [style*="background:#f7fafc"],
html.dark [style*="background: #f8fafc"], html.dark [style*="background:#f8fafc"],
html.dark [style*="background: #f3f4f6"], html.dark [style*="background:#f3f4f6"],
html.dark [style*="background: #f1f5f9"], html.dark [style*="background:#f1f5f9"],
html.dark [style*="background: #f9fafb"], html.dark [style*="background:#f9fafb"],
html.dark [style*="background: #f5f5f5"], html.dark [style*="background:#f5f5f5"],
html.dark [style*="background: #f0f0f0"], html.dark [style*="background:#f0f0f0"],
html.dark [style*="background: #f6f8f7"], html.dark [style*="background:#f6f8f7"],
html.dark [style*="background: #edf2f7"], html.dark [style*="background:#edf2f7"],
html.dark [style*="background: #eef0f2"], html.dark [style*="background:#eef0f2"],
html.dark [style*="background: #eef2ff"], html.dark [style*="background:#eef2ff"] {
  background: var(--dk-surface-2) !important;
  color: var(--dk-text);
}
html.dark [style*="background: #e2e8f0"], html.dark [style*="background:#e2e8f0"],
html.dark [style*="background: #e5e7eb"], html.dark [style*="background:#e5e7eb"],
html.dark [style*="background: #ddd"], html.dark [style*="background:#ddd"],
html.dark [style*="background: #eee"], html.dark [style*="background:#eee"] {
  background: var(--dk-surface-3) !important;
  color: var(--dk-text);
}
html.dark [style*="background: #cbd5e0"], html.dark [style*="background:#cbd5e0"],
html.dark [style*="background: #cbd5e1"], html.dark [style*="background:#cbd5e1"],
html.dark [style*="background: #ccc"], html.dark [style*="background:#ccc"],
html.dark [style*="background: #bbb"], html.dark [style*="background:#bbb"] {
  background: var(--dk-border-strong) !important;
  color: var(--dk-text);
}
/* Eingabefelder mit weißem Inline-Hintergrund → Feldhintergrund */
html.dark input[style*="background: white"], html.dark input[style*="background:white"],
html.dark input[style*="background: #fff;"], html.dark input[style*="background:#fff;"],
html.dark input[style$="background: #fff"], html.dark input[style$="background:#fff"],
html.dark input[style*="background: #ffffff"], html.dark input[style*="background:#ffffff"],
html.dark input[style*="background: #f7fafc"], html.dark input[style*="background:#f7fafc"],
html.dark input[style*="background: #f8fafc"], html.dark input[style*="background:#f8fafc"],
html.dark textarea[style*="background: white"], html.dark textarea[style*="background:white"],
html.dark textarea[style*="background: #fff;"], html.dark textarea[style*="background:#fff;"],
html.dark textarea[style$="background: #fff"], html.dark textarea[style$="background:#fff"],
html.dark select[style*="background: white"], html.dark select[style*="background:white"],
html.dark select[style*="background: #fff;"], html.dark select[style*="background:#fff;"],
html.dark select[style$="background: #fff"], html.dark select[style$="background:#fff"] {
  background: var(--dk-bg) !important;
  color: var(--dk-text) !important;
}
html.dark input[readonly][style*="background: #f7fafc"], html.dark input[readonly][style*="background:#f7fafc"] { background: var(--dk-surface-2) !important; }

/* 7b. Pastell → dunkle Tönung mit heller Schrift (Status bleibt erkennbar) */
/* rot */
html.dark [style*="background: #fef2f2"], html.dark [style*="background:#fef2f2"],
html.dark [style*="background-color: #fef2f2"], html.dark [style*="background-color:#fef2f2"],
html.dark [style*="background: #fee2e2"], html.dark [style*="background:#fee2e2"],
html.dark [style*="background: #fed7d7"], html.dark [style*="background:#fed7d7"],
html.dark [style*="background: #fff5f5"], html.dark [style*="background:#fff5f5"],
html.dark [style*="background: #ffebee"], html.dark [style*="background:#ffebee"],
html.dark [style*="background: #fee;"], html.dark [style*="background:#fee;"],
html.dark [style*="background: #fecaca"], html.dark [style*="background:#fecaca"] {
  background: rgba(220, 38, 38, .22) !important;
  color: #fecaca;
}
/* gelb / orange */
html.dark [style*="background: #fffbeb"], html.dark [style*="background:#fffbeb"],
html.dark [style*="background: #fef3c7"], html.dark [style*="background:#fef3c7"],
html.dark [style*="background: #fff3cd"], html.dark [style*="background:#fff3cd"],
html.dark [style*="background: #fff8e1"], html.dark [style*="background:#fff8e1"],
html.dark [style*="background: #fff9e6"], html.dark [style*="background:#fff9e6"],
html.dark [style*="background: #fff7ed"], html.dark [style*="background:#fff7ed"],
html.dark [style*="background: #fed7aa"], html.dark [style*="background:#fed7aa"],
html.dark [style*="background: #fde68a"], html.dark [style*="background:#fde68a"],
html.dark [style*="background: linear-gradient(135deg, #fff7ed"] {
  background: rgba(245, 158, 11, .18) !important;
  color: #fde68a;
}
/* grün */
html.dark [style*="background: #f0fdf4"], html.dark [style*="background:#f0fdf4"],
html.dark [style*="background: #ecfdf5"], html.dark [style*="background:#ecfdf5"],
html.dark [style*="background: #d1fae5"], html.dark [style*="background:#d1fae5"],
html.dark [style*="background: #dcfce7"], html.dark [style*="background:#dcfce7"],
html.dark [style*="background: #c6f6d5"], html.dark [style*="background:#c6f6d5"],
html.dark [style*="background: #e8f5e8"], html.dark [style*="background:#e8f5e8"],
html.dark [style*="background: #f0fff4"], html.dark [style*="background:#f0fff4"],
html.dark [style*="background: #e6fffa"], html.dark [style*="background:#e6fffa"],
html.dark [style*="background: #f0fdfa"], html.dark [style*="background:#f0fdfa"],
html.dark [style*="background: #eef8e6"], html.dark [style*="background:#eef8e6"],
html.dark [style*="background: #e8efdc"], html.dark [style*="background:#e8efdc"] {
  background: rgba(22, 163, 74, .2) !important;
  color: #bbf7d0;
}
/* blau */
html.dark [style*="background: #eff6ff"], html.dark [style*="background:#eff6ff"],
html.dark [style*="background: #dbeafe"], html.dark [style*="background:#dbeafe"],
html.dark [style*="background: #e0f2fe"], html.dark [style*="background:#e0f2fe"],
html.dark [style*="background: #f0f9ff"], html.dark [style*="background:#f0f9ff"],
html.dark [style*="background: #e3f2fd"], html.dark [style*="background:#e3f2fd"],
html.dark [style*="background: #e0f0ff"], html.dark [style*="background:#e0f0ff"],
html.dark [style*="background: #f0f4ff"], html.dark [style*="background:#f0f4ff"],
html.dark [style*="background: #e0e7ff"], html.dark [style*="background:#e0e7ff"],
html.dark [style*="background: #bee3f8"], html.dark [style*="background:#bee3f8"],
html.dark [style*="background: #ecfeff"], html.dark [style*="background:#ecfeff"],
html.dark [style*="background: #bae6fd"], html.dark [style*="background:#bae6fd"] {
  background: rgba(59, 130, 246, .22) !important;
  color: #bfdbfe;
}
/* violett / rosa */
html.dark [style*="background: #faf5ff"], html.dark [style*="background:#faf5ff"],
html.dark [style*="background: #f5f3ff"], html.dark [style*="background:#f5f3ff"],
html.dark [style*="background: #f3e8ff"], html.dark [style*="background:#f3e8ff"],
html.dark [style*="background: #f3e5f5"], html.dark [style*="background:#f3e5f5"] {
  background: rgba(139, 92, 246, .22) !important;
  color: #ddd6fe;
}
html.dark [style*="background: #fbe4e7"], html.dark [style*="background:#fbe4e7"] { background: rgba(244, 63, 94, .18) !important; }
html.dark [style*="background: #fbf1d5"], html.dark [style*="background:#fbf1d5"] { background: rgba(234, 179, 8, .16) !important; }
/* Akzent-Tönungen (rgba(141,163,98,0.1/0.2)) sind auch dunkel passend – unverändert */

/* 7c. Inline-Textfarben: dunkel → hell */
html.dark [style*="color: #2d3748"], html.dark [style*="color:#2d3748"],
html.dark [style*="color: #374151"], html.dark [style*="color:#374151"],
html.dark [style*="color: #334155"], html.dark [style*="color:#334155"],
html.dark [style*="color: #1f2937"], html.dark [style*="color:#1f2937"],
html.dark [style*="color: #1e293b"], html.dark [style*="color:#1e293b"],
html.dark [style*="color: #0f172a"], html.dark [style*="color:#0f172a"],
html.dark [style*="color: #1a202c"], html.dark [style*="color:#1a202c"],
html.dark [style*="color: #111"], html.dark [style*="color:#111"],
html.dark [style*="color: #000"], html.dark [style*="color:#000"],
html.dark [style*="color: #333"], html.dark [style*="color:#333"],
html.dark [style*="color: black"], html.dark [style*="color:black"] {
  color: var(--dk-text) !important;
}
html.dark [style*="color: #475569"], html.dark [style*="color:#475569"],
html.dark [style*="color: #4a5568"], html.dark [style*="color:#4a5568"],
html.dark [style*="color: #555"], html.dark [style*="color:#555"],
html.dark [style*="color: #64748b"], html.dark [style*="color:#64748b"],
html.dark [style*="color: #666"], html.dark [style*="color:#666"],
html.dark [style*="color: #616161"], html.dark [style*="color:#616161"],
html.dark [style*="color: #718096"], html.dark [style*="color:#718096"],
html.dark [style*="color: #6b7280"], html.dark [style*="color:#6b7280"],
html.dark [style*="color: #999"], html.dark [style*="color:#999"],
html.dark [style*="color: rgba(71, 85, 105"] {
  color: var(--dk-muted) !important;
}
/* rot */
html.dark [style*="color: #991b1b"], html.dark [style*="color:#991b1b"],
html.dark [style*="color: #b91c1c"], html.dark [style*="color:#b91c1c"],
html.dark [style*="color: #dc2626"], html.dark [style*="color:#dc2626"],
html.dark [style*="color: #c53030"], html.dark [style*="color:#c53030"],
html.dark [style*="color: #742a2a"], html.dark [style*="color:#742a2a"],
html.dark [style*="color: #9f1239"], html.dark [style*="color:#9f1239"],
html.dark [style*="color: #d32f2f"], html.dark [style*="color:#d32f2f"],
html.dark [style*="color: #9a3412"], html.dark [style*="color:#9a3412"],
html.dark [style*="color: #c2410c"], html.dark [style*="color:#c2410c"],
html.dark [style*="color: #7c2d12"], html.dark [style*="color:#7c2d12"],
html.dark [style*="color: #c33"], html.dark [style*="color:#c33"],
html.dark [style*="color: #9d174d"], html.dark [style*="color:#9d174d"] {
  color: #fca5a5 !important;
}
/* gelb / orange */
html.dark [style*="color: #92400e"], html.dark [style*="color:#92400e"],
html.dark [style*="color: #78350f"], html.dark [style*="color:#78350f"],
html.dark [style*="color: #854d0e"], html.dark [style*="color:#854d0e"],
html.dark [style*="color: #b45309"], html.dark [style*="color:#b45309"],
html.dark [style*="color: #d97706"], html.dark [style*="color:#d97706"],
html.dark [style*="color: #f57c00"], html.dark [style*="color:#f57c00"] {
  color: #fcd34d !important;
}
/* grün */
html.dark [style*="color: #065f46"], html.dark [style*="color:#065f46"],
html.dark [style*="color: #15803d"], html.dark [style*="color:#15803d"],
html.dark [style*="color: #166534"], html.dark [style*="color:#166534"],
html.dark [style*="color: #22543d"], html.dark [style*="color:#22543d"],
html.dark [style*="color: #2e7d32"], html.dark [style*="color:#2e7d32"],
html.dark [style*="color: #047857"], html.dark [style*="color:#047857"],
html.dark [style*="color: #059669"], html.dark [style*="color:#059669"],
html.dark [style*="color: #0f766e"], html.dark [style*="color:#0f766e"],
html.dark [style*="color: #10b981"], html.dark [style*="color:#10b981"],
html.dark [style*="color: #16a34a"], html.dark [style*="color:#16a34a"],
html.dark [style*="color: #27ae60"], html.dark [style*="color:#27ae60"],
html.dark [style*="color: #38a169"], html.dark [style*="color:#38a169"] {
  color: #86efac !important;
}
/* blau */
html.dark [style*="color: #1e40af"], html.dark [style*="color:#1e40af"],
html.dark [style*="color: #1d4ed8"], html.dark [style*="color:#1d4ed8"],
html.dark [style*="color: #2563eb"], html.dark [style*="color:#2563eb"],
html.dark [style*="color: #1e3a8a"], html.dark [style*="color:#1e3a8a"],
html.dark [style*="color: #0c4a6e"], html.dark [style*="color:#0c4a6e"],
html.dark [style*="color: #0369a1"], html.dark [style*="color:#0369a1"],
html.dark [style*="color: #0284c7"], html.dark [style*="color:#0284c7"],
html.dark [style*="color: #3730a3"], html.dark [style*="color:#3730a3"],
html.dark [style*="color: #1976d2"], html.dark [style*="color:#1976d2"],
html.dark [style*="color: #2980b9"], html.dark [style*="color:#2980b9"],
html.dark [style*="color: #667eea"], html.dark [style*="color:#667eea"] {
  color: #93c5fd !important;
}
/* violett */
html.dark [style*="color: #7c3aed"], html.dark [style*="color:#7c3aed"],
html.dark [style*="color: #5b21b6"], html.dark [style*="color:#5b21b6"],
html.dark [style*="color: #6d28d9"], html.dark [style*="color:#6d28d9"],
html.dark [style*="color: #6b21a8"], html.dark [style*="color:#6b21a8"],
html.dark [style*="color: #4c1d95"], html.dark [style*="color:#4c1d95"],
html.dark [style*="color: #7b1fa2"], html.dark [style*="color:#7b1fa2"] {
  color: #c4b5fd !important;
}
/* Weiße Schrift auf farbigen Flächen bleibt weiß (nach den Textregeln, gleiche Spezifität) */
html.dark [style*="color: white"], html.dark [style*="color:white"],
html.dark [style*="color: #fff"], html.dark [style*="color:#fff"] { color: #fff !important; }

/* 7d. Helle Inline-Ränder → dunkle Ränder */
html.dark [style*="solid #e2e8f0"], html.dark [style*="solid #e5e7eb"], html.dark [style*="solid #eee"],
html.dark [style*="solid #f0f0f0"], html.dark [style*="solid #ddd"], html.dark [style*="solid #dde5e0"],
html.dark [style*="solid #d1d5db"], html.dark [style*="solid #d9d9d9"], html.dark [style*="dashed #cbd5e1"] {
  border-color: var(--dk-border) !important;
}
html.dark [style*="solid #cbd5e1"], html.dark [style*="solid #cbd5e0"], html.dark [style*="solid #ccc"],
html.dark [style*="solid #333"], html.dark [style*="solid #334155"] {
  border-color: var(--dk-border-strong) !important;
}
html.dark [style*="solid black"], html.dark [style*="solid #000"] { border-color: var(--dk-muted) !important; }
/* Farbige Ränder (Status) bleiben erhalten – sie stehen in den Attributen ohne Grauwert */

/* 7e. Dunkle Inline-Hintergründe (dunkle Buttons/Kästen) eine Stufe heller, damit sie sich von der Fläche abheben */
html.dark [style*="background: #1f2937"], html.dark [style*="background:#1f2937"],
html.dark [style*="background: #2d3748"], html.dark [style*="background:#2d3748"],
html.dark [style*="background: #1a202c"], html.dark [style*="background:#1a202c"],
html.dark [style*="background: #1e293b"], html.dark [style*="background:#1e293b"] { background: var(--dk-surface-3) !important; color: #fff; }

/* 7f. rgb()-Varianten: Browser serialisiert per JS geänderte style-Attribute als rgb(r, g, b) */
html.dark [style*="background: rgb(255, 255, 255)"],
html.dark [style*="background-color: rgb(255, 255, 255)"],
html.dark [style*="background: rgb(254, 254, 254)"],
html.dark [style*="background-color: rgb(254, 254, 254)"],
html.dark [style*="background: rgb(250, 250, 250)"],
html.dark [style*="background-color: rgb(250, 250, 250)"],
html.dark [style*="background: rgb(249, 249, 249)"],
html.dark [style*="background-color: rgb(249, 249, 249)"] { background: var(--dk-surface) !important; color: var(--dk-text); }
html.dark [style*="background: rgb(247, 250, 252)"],
html.dark [style*="background-color: rgb(247, 250, 252)"],
html.dark [style*="background: rgb(248, 250, 252)"],
html.dark [style*="background-color: rgb(248, 250, 252)"],
html.dark [style*="background: rgb(243, 244, 246)"],
html.dark [style*="background-color: rgb(243, 244, 246)"],
html.dark [style*="background: rgb(241, 245, 249)"],
html.dark [style*="background-color: rgb(241, 245, 249)"],
html.dark [style*="background: rgb(249, 250, 251)"],
html.dark [style*="background-color: rgb(249, 250, 251)"],
html.dark [style*="background: rgb(245, 245, 245)"],
html.dark [style*="background-color: rgb(245, 245, 245)"],
html.dark [style*="background: rgb(240, 240, 240)"],
html.dark [style*="background-color: rgb(240, 240, 240)"],
html.dark [style*="background: rgb(246, 248, 247)"],
html.dark [style*="background-color: rgb(246, 248, 247)"],
html.dark [style*="background: rgb(237, 242, 247)"],
html.dark [style*="background-color: rgb(237, 242, 247)"],
html.dark [style*="background: rgb(238, 240, 242)"],
html.dark [style*="background-color: rgb(238, 240, 242)"],
html.dark [style*="background: rgb(238, 242, 255)"],
html.dark [style*="background-color: rgb(238, 242, 255)"] { background: var(--dk-surface-2) !important; color: var(--dk-text); }
html.dark [style*="background: rgb(226, 232, 240)"],
html.dark [style*="background-color: rgb(226, 232, 240)"],
html.dark [style*="background: rgb(229, 231, 235)"],
html.dark [style*="background-color: rgb(229, 231, 235)"],
html.dark [style*="background: rgb(221, 221, 221)"],
html.dark [style*="background-color: rgb(221, 221, 221)"],
html.dark [style*="background: rgb(238, 238, 238)"],
html.dark [style*="background-color: rgb(238, 238, 238)"] { background: var(--dk-surface-3) !important; color: var(--dk-text); }
html.dark [style*="background: rgb(254, 242, 242)"],
html.dark [style*="background-color: rgb(254, 242, 242)"],
html.dark [style*="background: rgb(254, 226, 226)"],
html.dark [style*="background-color: rgb(254, 226, 226)"],
html.dark [style*="background: rgb(254, 215, 215)"],
html.dark [style*="background-color: rgb(254, 215, 215)"],
html.dark [style*="background: rgb(255, 245, 245)"],
html.dark [style*="background-color: rgb(255, 245, 245)"],
html.dark [style*="background: rgb(255, 235, 238)"],
html.dark [style*="background-color: rgb(255, 235, 238)"],
html.dark [style*="background: rgb(255, 238, 238)"],
html.dark [style*="background-color: rgb(255, 238, 238)"],
html.dark [style*="background: rgb(254, 202, 202)"],
html.dark [style*="background-color: rgb(254, 202, 202)"] { background: rgba(220, 38, 38, .22) !important; color: #fecaca; }
html.dark [style*="background: rgb(255, 251, 235)"],
html.dark [style*="background-color: rgb(255, 251, 235)"],
html.dark [style*="background: rgb(254, 243, 199)"],
html.dark [style*="background-color: rgb(254, 243, 199)"],
html.dark [style*="background: rgb(255, 243, 205)"],
html.dark [style*="background-color: rgb(255, 243, 205)"],
html.dark [style*="background: rgb(255, 248, 225)"],
html.dark [style*="background-color: rgb(255, 248, 225)"],
html.dark [style*="background: rgb(255, 249, 230)"],
html.dark [style*="background-color: rgb(255, 249, 230)"],
html.dark [style*="background: rgb(255, 247, 237)"],
html.dark [style*="background-color: rgb(255, 247, 237)"],
html.dark [style*="background: rgb(254, 215, 170)"],
html.dark [style*="background-color: rgb(254, 215, 170)"],
html.dark [style*="background: rgb(253, 230, 138)"],
html.dark [style*="background-color: rgb(253, 230, 138)"],
html.dark [style*="background: rgb(255, 237, 213)"],
html.dark [style*="background-color: rgb(255, 237, 213)"] { background: rgba(245, 158, 11, .18) !important; color: #fde68a; }
html.dark [style*="background: rgb(240, 253, 244)"],
html.dark [style*="background-color: rgb(240, 253, 244)"],
html.dark [style*="background: rgb(236, 253, 245)"],
html.dark [style*="background-color: rgb(236, 253, 245)"],
html.dark [style*="background: rgb(209, 250, 229)"],
html.dark [style*="background-color: rgb(209, 250, 229)"],
html.dark [style*="background: rgb(220, 252, 231)"],
html.dark [style*="background-color: rgb(220, 252, 231)"],
html.dark [style*="background: rgb(198, 246, 213)"],
html.dark [style*="background-color: rgb(198, 246, 213)"],
html.dark [style*="background: rgb(232, 245, 232)"],
html.dark [style*="background-color: rgb(232, 245, 232)"],
html.dark [style*="background: rgb(240, 255, 244)"],
html.dark [style*="background-color: rgb(240, 255, 244)"],
html.dark [style*="background: rgb(230, 255, 250)"],
html.dark [style*="background-color: rgb(230, 255, 250)"],
html.dark [style*="background: rgb(240, 253, 250)"],
html.dark [style*="background-color: rgb(240, 253, 250)"],
html.dark [style*="background: rgb(238, 248, 230)"],
html.dark [style*="background-color: rgb(238, 248, 230)"],
html.dark [style*="background: rgb(232, 239, 220)"],
html.dark [style*="background-color: rgb(232, 239, 220)"],
html.dark [style*="background: rgb(231, 255, 231)"],
html.dark [style*="background-color: rgb(231, 255, 231)"] { background: rgba(22, 163, 74, .2) !important; color: #bbf7d0; }
html.dark [style*="background: rgb(239, 246, 255)"],
html.dark [style*="background-color: rgb(239, 246, 255)"],
html.dark [style*="background: rgb(219, 234, 254)"],
html.dark [style*="background-color: rgb(219, 234, 254)"],
html.dark [style*="background: rgb(224, 242, 254)"],
html.dark [style*="background-color: rgb(224, 242, 254)"],
html.dark [style*="background: rgb(240, 249, 255)"],
html.dark [style*="background-color: rgb(240, 249, 255)"],
html.dark [style*="background: rgb(227, 242, 253)"],
html.dark [style*="background-color: rgb(227, 242, 253)"],
html.dark [style*="background: rgb(224, 240, 255)"],
html.dark [style*="background-color: rgb(224, 240, 255)"],
html.dark [style*="background: rgb(240, 244, 255)"],
html.dark [style*="background-color: rgb(240, 244, 255)"],
html.dark [style*="background: rgb(224, 231, 255)"],
html.dark [style*="background-color: rgb(224, 231, 255)"],
html.dark [style*="background: rgb(190, 227, 248)"],
html.dark [style*="background-color: rgb(190, 227, 248)"],
html.dark [style*="background: rgb(236, 254, 255)"],
html.dark [style*="background-color: rgb(236, 254, 255)"],
html.dark [style*="background: rgb(186, 230, 253)"],
html.dark [style*="background-color: rgb(186, 230, 253)"],
html.dark [style*="background: rgb(231, 243, 255)"],
html.dark [style*="background-color: rgb(231, 243, 255)"] { background: rgba(59, 130, 246, .22) !important; color: #bfdbfe; }
html.dark [style*="background: rgb(250, 245, 255)"],
html.dark [style*="background-color: rgb(250, 245, 255)"],
html.dark [style*="background: rgb(245, 243, 255)"],
html.dark [style*="background-color: rgb(245, 243, 255)"],
html.dark [style*="background: rgb(243, 232, 255)"],
html.dark [style*="background-color: rgb(243, 232, 255)"],
html.dark [style*="background: rgb(243, 229, 245)"],
html.dark [style*="background-color: rgb(243, 229, 245)"],
html.dark [style*="background: rgb(237, 233, 254)"],
html.dark [style*="background-color: rgb(237, 233, 254)"] { background: rgba(139, 92, 246, .22) !important; color: #ddd6fe; }
html.dark [style*="background: rgb(252, 231, 243)"],
html.dark [style*="background-color: rgb(252, 231, 243)"],
html.dark [style*="background: rgb(251, 228, 231)"],
html.dark [style*="background-color: rgb(251, 228, 231)"] { background: rgba(219, 39, 119, .22) !important; color: #fbcfe8; }
html.dark [style*="background: rgb(244, 244, 244)"],
html.dark [style*="background-color: rgb(244, 244, 244)"] { background: var(--dk-surface-3) !important; color: var(--dk-text-soft) !important; }
html.dark [style*="background: rgb(254, 249, 195)"],
html.dark [style*="background-color: rgb(254, 249, 195)"],
html.dark [style*="background: rgb(251, 241, 213)"],
html.dark [style*="background-color: rgb(251, 241, 213)"] { background: rgba(202, 138, 4, .3) !important; color: #fde68a !important; }
html.dark [style*="background: rgb(255, 231, 231)"],
html.dark [style*="background-color: rgb(255, 231, 231)"] { background: rgba(231, 76, 60, .3) !important; color: #fecaca !important; }
html.dark [style*="color: rgb(45, 55, 72)"],
html.dark [style*="color: rgb(55, 65, 81)"],
html.dark [style*="color: rgb(51, 65, 85)"],
html.dark [style*="color: rgb(31, 41, 55)"],
html.dark [style*="color: rgb(30, 41, 59)"],
html.dark [style*="color: rgb(15, 23, 42)"],
html.dark [style*="color: rgb(26, 32, 44)"],
html.dark [style*="color: rgb(17, 17, 17)"],
html.dark [style*="color: rgb(0, 0, 0)"],
html.dark [style*="color: rgb(51, 51, 51)"] { color: var(--dk-text) !important; }
html.dark [style*="color: rgb(71, 85, 105)"],
html.dark [style*="color: rgb(74, 85, 104)"],
html.dark [style*="color: rgb(85, 85, 85)"],
html.dark [style*="color: rgb(100, 116, 139)"],
html.dark [style*="color: rgb(102, 102, 102)"],
html.dark [style*="color: rgb(97, 97, 97)"],
html.dark [style*="color: rgb(113, 128, 150)"],
html.dark [style*="color: rgb(107, 114, 128)"],
html.dark [style*="color: rgb(153, 153, 153)"] { color: var(--dk-muted) !important; }
html.dark [style*="color: rgb(153, 27, 27)"],
html.dark [style*="color: rgb(185, 28, 28)"],
html.dark [style*="color: rgb(220, 38, 38)"],
html.dark [style*="color: rgb(197, 48, 48)"],
html.dark [style*="color: rgb(116, 42, 42)"],
html.dark [style*="color: rgb(159, 18, 57)"],
html.dark [style*="color: rgb(211, 47, 47)"],
html.dark [style*="color: rgb(154, 52, 18)"],
html.dark [style*="color: rgb(194, 65, 12)"],
html.dark [style*="color: rgb(124, 45, 18)"],
html.dark [style*="color: rgb(204, 51, 51)"],
html.dark [style*="color: rgb(157, 23, 77)"] { color: #fca5a5 !important; }
html.dark [style*="color: rgb(146, 64, 14)"],
html.dark [style*="color: rgb(120, 53, 15)"],
html.dark [style*="color: rgb(133, 77, 14)"],
html.dark [style*="color: rgb(180, 83, 9)"],
html.dark [style*="color: rgb(217, 119, 6)"],
html.dark [style*="color: rgb(245, 124, 0)"] { color: #fcd34d !important; }
html.dark [style*="color: rgb(6, 95, 70)"],
html.dark [style*="color: rgb(21, 128, 61)"],
html.dark [style*="color: rgb(22, 101, 52)"],
html.dark [style*="color: rgb(34, 84, 61)"],
html.dark [style*="color: rgb(46, 125, 50)"],
html.dark [style*="color: rgb(4, 120, 87)"],
html.dark [style*="color: rgb(5, 150, 105)"],
html.dark [style*="color: rgb(15, 118, 110)"],
html.dark [style*="color: rgb(16, 185, 129)"],
html.dark [style*="color: rgb(22, 163, 74)"],
html.dark [style*="color: rgb(39, 174, 96)"],
html.dark [style*="color: rgb(56, 161, 105)"] { color: #86efac !important; }
html.dark [style*="color: rgb(30, 64, 175)"],
html.dark [style*="color: rgb(29, 78, 216)"],
html.dark [style*="color: rgb(37, 99, 235)"],
html.dark [style*="color: rgb(30, 58, 138)"],
html.dark [style*="color: rgb(12, 74, 110)"],
html.dark [style*="color: rgb(3, 105, 161)"],
html.dark [style*="color: rgb(2, 132, 199)"],
html.dark [style*="color: rgb(55, 48, 163)"],
html.dark [style*="color: rgb(25, 118, 210)"],
html.dark [style*="color: rgb(41, 128, 185)"],
html.dark [style*="color: rgb(102, 126, 234)"] { color: #93c5fd !important; }
html.dark [style*="color: rgb(124, 58, 237)"],
html.dark [style*="color: rgb(91, 33, 182)"],
html.dark [style*="color: rgb(109, 40, 217)"],
html.dark [style*="color: rgb(107, 33, 168)"],
html.dark [style*="color: rgb(76, 29, 149)"],
html.dark [style*="color: rgb(123, 31, 162)"] { color: #c4b5fd !important; }
html.dark [style*="solid rgb(226, 232, 240)"],
html.dark [style*="solid rgb(229, 231, 235)"],
html.dark [style*="solid rgb(238, 238, 238)"],
html.dark [style*="solid rgb(240, 240, 240)"],
html.dark [style*="solid rgb(221, 221, 221)"],
html.dark [style*="solid rgb(221, 229, 224)"],
html.dark [style*="solid rgb(209, 213, 219)"],
html.dark [style*="solid rgb(217, 217, 217)"] { border-color: var(--dk-border) !important; }
html.dark [style*="solid rgb(203, 213, 225)"],
html.dark [style*="solid rgb(203, 213, 224)"],
html.dark [style*="solid rgb(204, 204, 204)"],
html.dark [style*="solid rgb(51, 51, 51)"],
html.dark [style*="solid rgb(51, 65, 85)"] { border-color: var(--dk-border-strong) !important; }
html.dark [style*="solid rgb(0, 0, 0)"] { border-color: var(--dk-muted) !important; }

/* Weiße Schrift (rgb-Form) bleibt weiß; weiße Inline-Hintergründe in Karten/Formular eine Stufe heller */
html.dark [style*="color: rgb(255, 255, 255)"] { color: #fff !important; }
html.dark .card [style*="background: rgb(255, 255, 255)"], html.dark .form-container [style*="background: rgb(255, 255, 255)"],
html.dark .card [style*="background: rgb(250, 250, 250)"], html.dark .form-container [style*="background: rgb(250, 250, 250)"] { background: var(--dk-surface-2) !important; }
html.dark input[style*="background: rgb(255, 255, 255)"], html.dark textarea[style*="background: rgb(255, 255, 255)"], html.dark select[style*="background: rgb(255, 255, 255)"] { background: var(--dk-bg) !important; color: var(--dk-text) !important; }
html.dark #signatureModal [style*="background: rgb(255, 255, 255)"] { background: #fff !important; }

/* ----------------------------------------------------------------------------
   8. Sicherheitsnetz: Bilder, Canvas, PDF-Vorschauen nie invertieren
   ---------------------------------------------------------------------------- */
html.dark img:not(.brand-logo), html.dark canvas, html.dark iframe, html.dark embed, html.dark object, html.dark video { filter: none; }

} /* Ende @media screen */