/* ============================================================
   SWEETALERT2 – kontrastreicher INHALT (Variante C: schwebende Karten), sitewide
   Dark: Popup am dunkelsten, Blöcke etwas heller, Eingabefelder wieder dunkel; blauer Rand, goldene Überschriften.
   Light: mittelgraues Popup, weiße Blöcke mit hellen Titelleisten, kräftige Ränder.
   Wird nach light.css geladen; !important überschreibt die Inline-Farben der Swal-Optionen.
   ============================================================ */
.swal2-popup {
    --sw-pop: #07080d; --sw-pb: #5a6cf0; --sw-title: #f2c14e; --sw-tx: #eceef7;
    --sw-bk: #171b27;  --sw-bd: #434c68; --sw-hd: #222839;    --sw-ht: #f2c14e;
    --sw-in: #0b0d14;  --sw-ib: #434c68; --sw-ph: #9aa1b9;
}
:root[data-theme="light"] .swal2-popup {
    --sw-pop: #cfcce0; --sw-pb: #3a3fb5; --sw-title: #25217a; --sw-tx: #16132a;
    --sw-bk: #ffffff;  --sw-bd: #6f6a8c; --sw-hd: #e8e6f4;    --sw-ht: #25217a;
    --sw-in: #f3f2f9;  --sw-ib: #6f6a8c; --sw-ph: #58536f;
}

/* Popup selbst (Rahmen, Farbleiste, Titel) bleibt wie bisher; nur im Dark Mode ist der Hintergrund dunkler (18 % Schwarz über der Kartenfarbe). Light Mode unverändert. */
:root:not([data-theme="light"]) .swal2-popup {
    background: color-mix(in srgb, var(--bg-card) 82%, #000) !important;
}

/* Eingabefelder: klar abgesetzt */
.swal2-popup input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not([type="file"]),
.swal2-popup select,
.swal2-popup textarea {
    background: var(--sw-in) !important;
    border: 1px solid var(--sw-ib) !important;
    color: var(--sw-tx) !important;
}
.swal2-popup ::placeholder { color: var(--sw-ph) !important; opacity: 1; }

/* Auswahl-Buttons im Terminformular (aktive Buttons behalten ihr Primärfarb-Design) */
.swal2-popup .cal-vis-btn:not(.active),
.swal2-popup .cal-day-pick-btn:not(.active) {
    background: var(--sw-in);
    border-color: var(--sw-ib);
}

/* Blöcke (Terminformular): Box mit Titelleiste */
.swal2-popup .cal-fs {
    background: var(--sw-bk);
    border: 1px solid var(--sw-bd);
}
.swal2-popup .cal-fs::before {
    background: var(--sw-hd);
    color: var(--sw-ht);
    border-bottom: 1px solid var(--sw-bd);
}