/* Umschalter „Bis 90 Tage / Altbestand“ in Wiedervorlagen → Überfällig: flach, ein Segment, ≥ 40 px hoch.
   Schrift in Textfarbe statt geerbt (Abnahme 30.10.2026: inaktives Segment hell nur 4,41:1). */
.alt-umschalter { display: inline-flex; gap: 4px; padding: 3px; margin: 4px 0 14px; border-radius: 10px; background: rgba(127, 127, 127, .12); }
.alt-umschalter[hidden] { display: none; }
.alt-umschalter button { min-height: 36px; padding: 0 14px; border: 0; border-radius: 8px; background: transparent; color: var(--bs-body-color, #212529); font-size: 13px; font-weight: 500; cursor: pointer; transition: background-color .2s ease, color .2s ease; }
/* Abnahme 30.10.2026, zweite Runde (N1-23): --bs-body-color ist in diesem Theme hell #6f6f6f, das inaktive Segment hatte auf
   #efefef nur 4,37:1. Etwas dunkler gemischt (hell ≈ #595959 = 6,1:1, dunkel ≈ #c4c4c4 = 7,6:1); das aktive Segment bleibt wie es ist. */
.alt-umschalter button[aria-pressed="false"] { color: color-mix(in srgb, var(--bs-body-color, #212529) 80%, var(--bs-emphasis-color, #000)); }
.alt-umschalter button[aria-pressed="true"] { background: var(--bs-body-bg, #fff); box-shadow: 0 0 0 1px var(--bs-border-color, #d9dde1); font-weight: 650; }
.alt-umschalter button:focus-visible { outline: 2px solid #2b86b0; outline-offset: 1px; }
@media (max-width: 600px) { .alt-umschalter { display: flex; } .alt-umschalter button { flex: 1; min-height: 40px; padding: 0 8px; } }
@media (prefers-reduced-motion: reduce) { .alt-umschalter button { transition: none; } }