/* apple-einsaetze.css – Ansicht "Neu" für die Seiten der Gruppe "Einsätze":
   Einsatzübersicht (liste.html), Suche (suche.html, _suche_ergebnis.html), Einsatz ansehen (detail.html),
   Einsatz löschen (loeschen_bestaetigen.html) und "Neuer Einsatz" (formular.html).
   NUR VORSCHAU-UMGEBUNG: Alle Regeln hängen an body.apple, ohne diese Klasse hat die Datei keine Wirkung.
   Farben wie heute (Hauptfarbe aus --farbe-primaer, beige Formularflächen, weiße Felder), Dichte wie heute.
   Seitenregeln hängen an einer Klasse am <main> (seite-einsaetze-liste, seite-einsaetze-suche, seite-einsatz-detail,
   seite-einsatz-loeschen, seite-einsatz-neu), damit die geteilten Bausteine (Koordinator-Filter, Alarm-Automatik) im Kanban
   unverändert bleiben (dort gilt apple.css). Gemeinsame Bausteine (Knöpfe, Pillen, Felder, Tabellen) kommen aus apple-global.css. */

/* ===== Einsatzübersicht ===== */
body.apple .seite-einsaetze-liste .einsatzliste-layout { gap: 24px; }
body.apple .seite-einsaetze-liste .koordinator-filter-sidebar { flex: 0 0 208px; }
@media (min-width: 801px) {
  /* Filter bleibt neben der Tabelle stehen, solange man scrollt (unter der festen Kopfleiste) */
  body.apple .seite-einsaetze-liste .koordinator-filter-sidebar { position: sticky; top: calc(var(--kopf-hoehe, 64px) + 16px); }
}
body.apple .seite-einsaetze-liste .koordinator-filter { margin-bottom: 0; background: #fff; border-color: var(--a-linie); }

/* Tabelle als ruhige weiße Karte (nur Desktop; mobil sind es einzelne Karten) */
@media (min-width: 801px) {
  body.apple :is(.seite-einsaetze-liste, .seite-einsaetze-suche) .einsatzliste-tabelle-bereich {
    background: #fff; border: 1px solid var(--a-linie); border-radius: var(--a-r-karte); box-shadow: var(--a-schatten);
  }
  body.apple :is(.seite-einsaetze-liste, .seite-einsaetze-suche) .tabelle th:first-child,
  body.apple :is(.seite-einsaetze-liste, .seite-einsaetze-suche) .tabelle td:first-child { padding-left: 16px; }
  body.apple #einsatzliste { min-width: 1080px; }
  /* Scroll-Hinweis: weiche Schatten am Rand zeigen, auf welcher Seite die breite Tabelle weitergeht (verschwinden am Ende) */
  body.apple .einsatzliste-tabelle-bereich {
    background:
      linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0)) left center / 40px 100% no-repeat local,
      linear-gradient(to left, #fff 30%, rgba(255, 255, 255, 0)) right center / 40px 100% no-repeat local,
      linear-gradient(to right, rgba(58, 51, 44, .16), rgba(58, 51, 44, 0)) left center / 14px 100% no-repeat scroll,
      linear-gradient(to left, rgba(58, 51, 44, .16), rgba(58, 51, 44, 0)) right center / 14px 100% no-repeat scroll,
      #fff;
  }
  body.apple #suchergebnis { min-width: 820px; }
}

body.apple :is(#einsatzliste, #suchergebnis) .einsatz-name { font-weight: 700; color: var(--farbe-text); }
@media (min-width: 801px) { body.apple :is(#einsatzliste, #suchergebnis) .einsatz-name { white-space: nowrap; } }
body.apple :is(#einsatzliste, #suchergebnis) td { font-size: 14px; line-height: 1.35; }
body.apple :is(#einsatzliste, #suchergebnis) td[data-label="Angefragt am"] { font-variant-numeric: tabular-nums; }
@media (min-width: 801px) { body.apple :is(#einsatzliste, #suchergebnis) td[data-label="Angefragt am"] { white-space: nowrap; } }
body.apple :is(#einsatzliste, #suchergebnis) .th-sortierbar { min-height: 24px; }

/* Status-Auswahl in der Tabelle: Pille mit Pfeil, Farbe kommt weiter aus den Status-Einstellungen (Inline-Stil) */
body.apple .liste-status-auswahl {
  -webkit-appearance: none; appearance: none; min-height: 28px; max-width: 210px; padding: 0 28px 0 12px;
  border: 0; border-radius: 999px; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.3;
  text-overflow: ellipsis; cursor: pointer;
  background-repeat: no-repeat; background-position: right 10px center; background-size: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f554a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
body.apple .liste-status-auswahl:hover { filter: brightness(.96); }
body.apple .liste-status-auswahl option { color: var(--farbe-text); background: #fff; }

/* Nächster Alarm / Letzte Nachfrage in der Tabelle: etwas größer als auf der Kanban-Kachel, gleiche Höhe, lesbar */
body.apple #einsatzliste .naechster-alarm-zeile { display: grid; gap: 4px; margin: 0; min-width: 176px; }
body.apple #einsatzliste :is(.letzte-nachfrage-auswahl, .naechster-alarm-auswahl, .letzte-nachfrage-datum, .naechster-alarm-datum) {
  min-height: 32px; font-size: 13px; padding: 0 10px;
}
body.apple #einsatzliste :is(.letzte-nachfrage-auswahl, .naechster-alarm-auswahl) { padding-right: 28px; }
body.apple #einsatzliste :is(.letzte-nachfrage-datum, .naechster-alarm-datum) { min-width: 176px; padding: 0 8px; font-variant-numeric: tabular-nums; }
body.apple #einsatzliste :is(.letzte-nachfrage-auswahl, .naechster-alarm-auswahl, .letzte-nachfrage-datum, .naechster-alarm-datum):hover { border-color: #a8977a; }
body.apple #einsatzliste :is(.letzte-nachfrage-auswahl, .naechster-alarm-auswahl, .letzte-nachfrage-datum, .naechster-alarm-datum):focus-visible {
  outline: 2px solid var(--a-petrol); outline-offset: 2px; border-color: var(--a-petrol);
}

/* Kopierknöpfe in Tabellenzeilen: ruhig und gleich ausgerichtet */
body.apple #einsatzliste .kopier-knoepfe, body.apple #suchergebnis .kopier-knoepfe { margin-top: 0; gap: 4px; flex-wrap: wrap; }
@media (min-width: 801px) { body.apple #einsatzliste .kopier-knoepfe { max-width: 120px; } }

body.apple .seite-einsaetze-liste .alarm-automatik-zeile { margin-bottom: 16px; }
body.apple .seite-einsaetze-liste #einsatzliste-meldungen:empty { display: none; }

/* Handy: Sortierung als Auswahlfeld, Karten statt Tabelle */
@media (max-width: 800px) {
  body.apple .liste-sortierung { gap: 12px; margin: 0 0 12px; font-size: 14px; font-weight: 600; color: var(--a-label, #4a4038); }
  body.apple .liste-sortierung select {
    -webkit-appearance: none; appearance: none; min-height: 44px; padding: 0 36px 0 12px;
    background-color: #fff; border: 1px solid var(--a-rand); border-radius: var(--a-r-feld, 12px);
    font-family: inherit; font-size: 16px; color: var(--farbe-text);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f554a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center; background-size: 16px;
  }
  body.apple .seite-einsaetze-liste .einsatzliste-layout { gap: 12px; }
  body.apple .seite-einsaetze-liste .koordinator-filter-sidebar { position: static; flex: none; }
  body.apple .seite-einsaetze-liste .koordinator-filter-details, body.apple .seite-einsaetze-liste .koordinator-filter-details > summary { width: 100%; }
  body.apple .seite-einsaetze-liste .koordinator-filter-details > summary::after { font-size: 16px; color: var(--farbe-text-mittel); }
  body.apple .einsatzliste-tabelle-bereich { overflow-x: visible; }
  body.apple :is(#einsatzliste, #suchergebnis) { background: transparent; }
  body.apple :is(#einsatzliste, #suchergebnis) .einsatz-name { font-size: 17px; margin-bottom: 4px; }
  body.apple :is(#einsatzliste, #suchergebnis) td { font-size: 15px; }
  body.apple #einsatzliste .liste-status-auswahl { width: 100%; max-width: 100%; min-height: 44px; font-size: 16px; padding-left: 14px; }
  body.apple #einsatzliste .naechster-alarm-zeile { min-width: 0; }
  body.apple #einsatzliste :is(.letzte-nachfrage-auswahl, .naechster-alarm-auswahl, .letzte-nachfrage-datum, .naechster-alarm-datum) {
    min-height: 44px; font-size: 16px; width: 100%; min-width: 0;
  }
  body.apple #einsatzliste :is(.letzte-nachfrage-datum, .naechster-alarm-datum) { padding: 0 44px 0 12px; }
  body.apple #einsatzliste .kopier-knoepfe { max-width: none; }
}

/* ===== Suche ===== */
body.apple .suche-leiste {
  gap: 12px; padding: 16px; margin: 0 0 20px; border-color: var(--a-linie); border-radius: var(--a-r-karte);
  background: var(--a-gruppe-bg); box-shadow: var(--a-schatten);
}
body.apple .suche-zeile { gap: 8px 16px; }
body.apple .suche-zeile:first-of-type { gap: 8px; }
body.apple .suche-feld {
  min-height: var(--a-h-feld, 40px); padding: 0 12px; gap: 8px; border: 1px solid var(--a-rand); border-radius: var(--a-r-feld, 12px);
  background: #fff; transition: border-color var(--a-sprung);
}
body.apple .suche-feld:hover { border-color: #a8977a; }
body.apple .suche-feld:focus-within { border-color: var(--a-petrol); box-shadow: none; outline: 2px solid var(--a-petrol); outline-offset: 2px; }
body.apple .suche-feld input, body.apple .suche-feld select {
  min-height: 0; padding: 6px 0; border: 0; background: transparent; font-size: 16px; color: var(--farbe-text); outline: 0; box-shadow: none;
}
body.apple .suche-feld input:focus-visible, body.apple .suche-feld select:focus-visible { outline: 0; }
body.apple .suche-vor { color: var(--farbe-text-mittel); font-size: 14px; font-weight: 600; }
body.apple .suche-gruppe { gap: 8px; }
body.apple .suche-gruppen-name { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--farbe-text-mittel); }
body.apple .suche-chip span {
  min-height: var(--a-h-chip, 36px); padding: 0 14px; gap: 6px; box-sizing: border-box;
  border: 1.5px solid var(--a-rand); border-radius: 999px; background: #fff; color: var(--farbe-text);
  font-size: 14px; font-weight: 600; line-height: 1.2;
  transition: background-color var(--a-sprung), border-color var(--a-sprung), color var(--a-sprung);
}
body.apple .suche-chip:hover span { background: var(--a-gruppe-bg); }
body.apple .suche-chip input:checked + span { background: var(--farbe-primaer); border-color: var(--farbe-primaer); color: #fff; }
body.apple .suche-chip input:checked:hover + span { background: color-mix(in srgb, var(--farbe-primaer) 82%, #000); }
body.apple .suche-chip input:checked + span::before { content: "✓"; font-size: 13px; font-weight: 700; }
body.apple .suche-chip input:focus-visible + span { outline: 2px solid var(--a-petrol); outline-offset: 2px; }
body.apple .suche-zuruecksetzen { font-size: 14px; font-weight: 600; color: var(--a-petrol); text-underline-offset: 2px; padding: 8px 4px; }
body.apple .suche-zuruecksetzen:hover { color: var(--a-petrol-dunkel); }
body.apple .suche-rechts { gap: 8px 12px; }
body.apple .suche-knopf-suchen { padding: 0 24px; }
body.apple .suche-live .suche-knopf-suchen { display: none; }   /* Livesuche braucht den Knopf nicht (wie heute) */
body.apple .suche-hinweis { font-size: 14px; line-height: 1.4; color: var(--farbe-text-mittel); }

body.apple .suche-treffer-kopf { margin-bottom: 12px; align-items: center; }
body.apple .suche-treffer-kopf h2 { margin: 0; font-size: 19px; }
body.apple .suche-blaettern { gap: 16px; margin-top: 16px; font-size: 14px; color: var(--farbe-text-mittel); }
body.apple .suche-blaettern .button { min-height: var(--a-h-knopf); }
body.apple #suche-ergebnis.suche-laedt { opacity: .55; }
@media (max-width: 800px) {
  body.apple .suche-leiste { padding: 12px; }
  body.apple .suche-feld, body.apple .suche-chip span { min-height: 44px; }
  body.apple .suche-gruppe { width: 100%; }
  body.apple .suche-knopf-suchen { min-height: 44px; }
  body.apple .suche-zuruecksetzen { min-height: 44px; display: inline-flex; align-items: center; }
}

/* ===== Einsatz ansehen (Detail) ===== */
body.apple .seite-einsatz-detail .kopfzeile-mit-aktion > div { display: flex; flex-wrap: wrap; gap: 8px; }
body.apple .seite-einsatz-detail .karte { padding: 4px 20px; margin-bottom: 16px; }
body.apple .seite-einsatz-detail .karte > p { margin: 0; padding: 12px 0; font-size: 15px; line-height: 1.5; border-bottom: 1px solid var(--a-linie); }
body.apple .seite-einsatz-detail .karte > p:last-child { border-bottom: 0; }
body.apple .seite-einsatz-detail .karte > p > strong { color: var(--farbe-text-mittel); font-weight: 600; }
body.apple .seite-einsatz-detail .karte:has(> h2) { padding: 16px 20px; }
body.apple .seite-einsatz-detail .karte > h2 { margin-bottom: 12px; }
body.apple .seite-einsatz-detail #einsatzkarte { border-radius: 12px !important; border: 1px solid var(--a-linie); }
body.apple .seite-einsatz-detail .karte ul { list-style: none; margin: 0; padding: 0; }
body.apple .seite-einsatz-detail .karte li { padding: 10px 0; font-size: 14px; line-height: 1.4; color: var(--farbe-text); }
body.apple .seite-einsatz-detail .karte li + li { border-top: 1px solid var(--a-linie); }
body.apple .seite-einsatz-detail .hinweis-klein { margin: -8px 0 16px; }
@media (max-width: 800px) {
  body.apple .seite-einsatz-detail .karte { padding: 2px 16px; }
  body.apple .seite-einsatz-detail .karte > p { overflow-wrap: anywhere; }
  body.apple .seite-einsatz-detail .karte:has(> h2) { padding: 14px 16px; }
  body.apple .seite-einsatz-detail .kopfzeile-mit-aktion > div { width: 100%; }
}

/* ===== Einsatz löschen ===== */
body.apple .seite-einsatz-loeschen { max-width: 640px; }
body.apple .seite-einsatz-loeschen h1 { font-size: 26px; line-height: 1.25; }
body.apple .seite-einsatz-loeschen p { font-size: 16px; line-height: 1.5; margin: 0 0 20px; color: var(--farbe-text); }
body.apple .seite-einsatz-loeschen form { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
body.apple .seite-einsatz-loeschen button.button-gefahr {
  display: inline-flex; align-items: center; justify-content: center; min-height: var(--a-h-knopf); padding: 0 24px; margin: 0;
  border: 0; border-radius: 999px; box-shadow: none; background: var(--a-gefahr); color: #fff;
  font-family: inherit; font-size: 15px; font-weight: 700; cursor: pointer;
  transition: background-color var(--a-sprung), transform var(--a-sprung);
}
body.apple .seite-einsatz-loeschen button.button-gefahr:hover { background: var(--a-gefahr-dunkel); }
body.apple .seite-einsatz-loeschen button.button-gefahr:active { background: #752a24; transform: translateY(.5px); }
@media (max-width: 800px) {
  body.apple .seite-einsatz-loeschen form > * { flex: 1 1 100%; }
}

/* ===== Neuer Einsatz / Fotograf anfordern (formular.html) ===== */
/* Farben des Formulars angleichen: Hauptknöpfe in der Hauptfarbe, Hilfetexte lesbar (>= 4,5:1), ruhiges Rot für Pflichtangaben */
body.apple .seite-einsatz-neu .lf-seite {
  --fa-primary: var(--farbe-primaer); --fa-required: var(--a-pflicht); --fa-border: var(--a-rand);
  --fa-muted: var(--farbe-text-mittel); --fa-fieldset-bg: var(--a-gruppe-bg); --fa-section-border: var(--a-linie);
}
body.apple .seite-einsatz-neu .lf-logo { margin-bottom: 16px; }
body.apple .seite-einsatz-neu .lf-formspalte { container-type: inline-size; container-name: lf-form; }

/* Beige Flächen mit weißen Feldern (wie heute), ruhige Ränder */
body.apple .seite-einsatz-neu #kombiniertformular .fa-formular {
  background: var(--a-gruppe-bg); border-color: var(--a-linie); margin-bottom: 16px;
}
body.apple .seite-einsatz-neu #kombiniertformular .fa-formular .fa-titel { font-size: 19px; line-height: 1.25; margin: 0 0 16px; }
body.apple .seite-einsatz-neu #kombiniertformular .fa-formular h3.fa-section {
  margin: 24px 0 12px; padding: 16px 0 0; border-top: 1px solid var(--a-linie);
}
body.apple .seite-einsatz-neu #kombiniertformular .fa-formular > h3.fa-section:first-child { margin-top: 0 !important; padding-top: 0; border-top: 0; }
body.apple .seite-einsatz-neu #kombiniertformular .fa-grid2,
body.apple .seite-einsatz-neu #kombiniertformular .fa-grid3 { margin-bottom: 16px; }
body.apple .seite-einsatz-neu #kombiniertformular .fa-feld { gap: 6px; }
body.apple .seite-einsatz-neu #kombiniertformular .klinik-manuell-felder {
  background: #efe6d8; border: 1px solid var(--a-linie); border-radius: 14px; padding: 16px;
}
body.apple .seite-einsatz-neu #kombiniertformular button.fa-knopf {
  background: var(--farbe-primaer); min-height: var(--a-h-knopf); padding: 0 20px; font-size: 14px; box-shadow: none;
}
body.apple .seite-einsatz-neu #kombiniertformular button.fa-knopf:hover { background: color-mix(in srgb, var(--farbe-primaer) 82%, #000); }
body.apple .seite-einsatz-neu #kombiniertformular button.fa-knopf:active { transform: translateY(.5px); }

/* Beschriftungen im Forumsbereich wie oben: 14 px fett, über dem Feld */
body.apple .seite-einsatz-neu #kombiniertformular .lf-wizard label:not(.option) {
  font-size: 14px !important; line-height: 1.3; font-weight: 600 !important; color: var(--a-label) !important; margin-bottom: 0 !important;
}
body.apple .seite-einsatz-neu .field-wrap { gap: 6px; }

/* Häkchen und Auswahlpunkte: 20 px, volle Zeile klickbar */
body.apple .seite-einsatz-neu #kombiniertformular :is(.fa-option, .option) {
  font-size: 15px !important; line-height: 1.4; margin: 8px 0 !important; gap: 10px; align-items: center; min-height: 28px;
}
body.apple .seite-einsatz-neu #kombiniertformular :is(input[type="radio"], input[type="checkbox"]) { width: 20px !important; height: 20px !important; flex: 0 0 20px; margin-top: 0; }
@media (pointer: coarse) {
  body.apple .seite-einsatz-neu #kombiniertformular :is(.fa-option, .option) { min-height: 44px; }
  body.apple .seite-einsatz-neu #kombiniertformular :is(input[type="radio"], input[type="checkbox"]) { width: 24px !important; height: 24px !important; flex-basis: 24px; }
}

/* Hinweiskästen */
body.apple .seite-einsatz-neu .lf-seite .hinweis { color: var(--a-hinweis-text) !important; font-size: 15px; line-height: 1.4; }
body.apple .seite-einsatz-neu :is(#anlegen-hilfe, #kopieren-hilfe) { color: var(--a-hinweis-text) !important; border-radius: 10px; padding: 10px 14px; }

/* Klinik-Suche: Trefferliste */
body.apple .seite-einsatz-neu .klinik-ergebnisse { border-radius: 14px; padding: 6px; box-shadow: 0 12px 28px -12px rgba(58, 38, 28, .3); }
body.apple .seite-einsatz-neu .klinik-ergebnisse li { display: flex; align-items: center; min-height: 40px; padding: 8px 12px; border-radius: 10px; }
body.apple .seite-einsatz-neu .klinik-ergebnisse li:hover { background: var(--a-petrol-tint); }
@media (pointer: coarse) { body.apple .seite-einsatz-neu .klinik-ergebnisse li { min-height: 44px; } }

/* Forumsbereich (Schritte) */
body.apple .seite-einsatz-neu .lf-wizard { background: var(--a-gruppe-bg); border: 1px solid var(--a-linie); border-radius: 20px; padding: 24px; box-shadow: var(--a-schatten); }
body.apple .seite-einsatz-neu .lf-step { border-bottom: 1px solid var(--a-linie); padding: 20px 0; }
body.apple .seite-einsatz-neu .lf-step:first-child { padding-top: 0; }
body.apple .seite-einsatz-neu .lf-step:last-child { border-bottom: 0; }
body.apple .seite-einsatz-neu .lf-step-titel { font-size: 19px; line-height: 1.25; margin-bottom: 16px; }
body.apple .seite-einsatz-neu .lf-step.lf-collapsed { padding: 0; border-bottom: 0; margin: 8px 0; }
body.apple .seite-einsatz-neu .lf-step.lf-collapsed .lf-step-titel {
  display: flex; align-items: center; min-height: 48px; margin: 0; padding: 0 16px; font-size: 16px; border-radius: 14px;
  border: 1px solid var(--a-rand); box-shadow: var(--a-schatten); transition: background-color var(--a-sprung);
}
body.apple .seite-einsatz-neu .lf-step.lf-collapsed .lf-step-titel:hover { background: #f9f4ec; }
body.apple .seite-einsatz-neu .lf-step.lf-fehlt.lf-collapsed .lf-step-titel { border: 2px solid var(--a-pflicht); padding: 0 15px; background: #fff1ee; }
body.apple .seite-einsatz-neu .lf-step.lf-done.lf-collapsed:not(.lf-fehlt) .lf-step-titel { border-color: var(--a-petrol); }
body.apple .seite-einsatz-neu .lf-step.lf-done.lf-collapsed:not(.lf-fehlt) .lf-step-titel::after { color: var(--a-petrol); }
body.apple .seite-einsatz-neu .lf-step.lf-fehlt .lf-step-titel::after { font-weight: 600; }

/* Knöpfe: Weiter in der Hauptfarbe, Zurück als Umriss, nur "Einsatz anlegen" in Terrakotta */
body.apple .seite-einsatz-neu .lf-step-nav { gap: 12px; margin-top: 16px; flex-wrap: wrap; }
body.apple .seite-einsatz-neu .lf-step-nav button, body.apple .seite-einsatz-neu .lf-bericht button {
  display: inline-flex; align-items: center; justify-content: center; min-height: var(--a-h-knopf); padding: 0 24px;
  font-size: 15px; font-weight: 600; line-height: 1.2; box-shadow: none; transition: background-color var(--a-sprung), transform var(--a-sprung);
}
body.apple .seite-einsatz-neu .lf-step-nav .lf-next, body.apple .seite-einsatz-neu .lf-bericht button { background: var(--farbe-primaer); }
body.apple .seite-einsatz-neu .lf-step-nav .lf-next:hover, body.apple .seite-einsatz-neu .lf-bericht button:hover { background: color-mix(in srgb, var(--farbe-primaer) 82%, #000); }
body.apple .seite-einsatz-neu .lf-step-nav .lf-prev { background: transparent; border: 1.5px solid var(--a-rand); padding: 0 22.5px; color: var(--farbe-text); }
body.apple .seite-einsatz-neu .lf-step-nav .lf-prev:hover { background: #fff; }
body.apple .seite-einsatz-neu .lf-step-nav button[type="submit"] { background: var(--a-terrakotta); font-size: 19px; font-weight: 700; padding: 0 32px; }
body.apple .seite-einsatz-neu .lf-step-nav button[type="submit"]:hover { background: var(--a-terrakotta-dunkel); }
body.apple .seite-einsatz-neu :is(.lf-step-nav, .lf-bericht) button:active { transform: translateY(.5px); }
/* gesperrt: bleibt klar als gesperrt erkennbar, aber lesbar (>= 4,5:1) */
body.apple .seite-einsatz-neu :is(.lf-step-nav, .lf-bericht) button:disabled { background: #e6dfd3 !important; color: var(--farbe-text-mittel) !important; opacity: 1; }
body.apple .seite-einsatz-neu :is(.lf-step-nav, .lf-bericht) button:focus-visible { outline: 2px solid var(--a-petrol); outline-offset: 2px; }

/* Bericht rechts: ruhige Karte */
body.apple .seite-einsatz-neu .lf-bericht { border: 1px solid var(--a-linie); border-radius: 20px; padding: 16px; box-shadow: var(--a-schatten); }
body.apple .seite-einsatz-neu .lf-berichtbox { border-color: var(--a-linie); border-radius: 14px; }

/* Schmale Formularspalte (z. B. 1000 px Fensterbreite neben dem Bericht): weniger Spalten, damit nichts gequetscht wird */
@container lf-form (max-width: 620px) {
  body.apple .seite-einsatz-neu .grid4 { grid-template-columns: 1fr 1fr; }
  body.apple .seite-einsatz-neu .grid3 { grid-template-columns: 1fr 1fr; }
  body.apple .seite-einsatz-neu #kombiniertformular .fa-grid3 { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  body.apple .seite-einsatz-neu .lf-wizard { padding: 16px; border-radius: 16px; }
  body.apple .seite-einsatz-neu #kombiniertformular .klinik-manuell-felder { padding: 12px; }
}
@media (max-width: 949px) {
  body.apple .seite-einsatz-neu .lf-step-nav button { min-height: 48px; }
  body.apple .seite-einsatz-neu #beitrag-kopieren-knopf { min-height: 48px; box-shadow: 0 8px 24px -8px rgba(58, 38, 28, .45); }
}

/* Tablet (801 bis 1180 px): Der Koordinator:innen-Filter liegt wie am Handy über der Liste, die dadurch die volle Breite bekommt; Auf- und Zuklappen wie am Handy */
@media (min-width: 801px) and (max-width: 1180px) {
  body.apple .seite-einsaetze-liste .einsatzliste-layout { flex-direction: column; align-items: stretch; gap: 12px; }
  body.apple .seite-einsaetze-liste .koordinator-filter-sidebar { position: static; flex: none; width: 100%; }
  body.apple .seite-einsaetze-liste .koordinator-filter-sidebar .koordinator-filter-optionen { flex-direction: row; flex-wrap: wrap; gap: 8px 16px; }
  body.apple .seite-einsaetze-liste .koordinator-filter-details > summary { pointer-events: auto; cursor: pointer; display: flex; align-items: center; min-height: 36px; }
  body.apple .seite-einsaetze-liste .koordinator-filter-details > summary::after { content: "▾"; margin-left: auto; font-size: 16px; color: var(--farbe-text-mittel); }
  body.apple .seite-einsaetze-liste .koordinator-filter-details:not([open]) > summary::after { content: "▸"; }
}

/* Neuer Einsatz: Die Überschrift "Fotograf anfordern" stand doppelt (Seitentitel und Kartentitel). Der Seitentitel bleibt, der Kartentitel entfällt. */
body.apple .seite-einsatz-neu .fa-titel { display: none; }

/* Klinik manuell erfassen als Pillenknopf (aus = weiß mit Rand, an = Hauptfarbe mit Häkchen); das echte Kästchen liegt unsichtbar daneben */
body.apple .seite-einsatz-neu #kombiniertformular label.fa-option:has(> input[name="manuell_modus"]) { display: inline-flex !important; align-items: center; position: relative; cursor: pointer; margin: 0 !important; }
body.apple .seite-einsatz-neu #kombiniertformular input[name="manuell_modus"] { position: absolute !important; opacity: 0; width: 1px !important; height: 1px !important; margin: 0 !important; pointer-events: none; }
body.apple .seite-einsatz-neu #kombiniertformular input[name="manuell_modus"] + span {
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 16px; border: 1px solid #c4b399; border-radius: 999px; background: #fff;
  color: var(--farbe-text, #3a332c) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2; user-select: none; -webkit-user-select: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
body.apple .seite-einsatz-neu #kombiniertformular label.fa-option:hover > input[name="manuell_modus"] + span { background: #f5efe8; }
body.apple .seite-einsatz-neu #kombiniertformular input[name="manuell_modus"]:checked + span { background: var(--farbe-primaer); border-color: var(--farbe-primaer); color: #fff !important; }
body.apple .seite-einsatz-neu #kombiniertformular input[name="manuell_modus"]:checked + span::before { content: "\2713"; font-size: 13px; font-weight: 700; }
body.apple .seite-einsatz-neu #kombiniertformular input[name="manuell_modus"]:focus-visible + span { outline: 2px solid var(--a-petrol, #0c577f); outline-offset: 2px; }
@media (max-width: 800px) { body.apple .seite-einsatz-neu #kombiniertformular input[name="manuell_modus"] + span { min-height: 44px; } }

/* Auswahl-Pillen statt kleiner Kästchen: Listen "Infekte", "Besonderheiten" und "Kommunikation".
   Das echte Kästchen bleibt (Tastatur, Screenreader, Forumstext-Logik), liegt unsichtbar über der ganzen Pille.
   Gewählt = Hauptfarbe mit Häkchen, wie bei den Alarmkreisen. */
body.apple .seite-einsatz-neu #kombiniertformular :is(#id_infekte, #id_besonderheiten, #id_kommunikation) { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
body.apple .seite-einsatz-neu #kombiniertformular :is(#id_infekte, #id_besonderheiten, #id_kommunikation) > div { margin: 0; padding: 0; }
body.apple .seite-einsatz-neu #kombiniertformular :is(#id_infekte, #id_besonderheiten, #id_kommunikation) label {
  position: relative; display: inline-flex !important; align-items: center !important; justify-content: center; gap: 6px; margin: 0 !important;
  min-height: 36px; padding: 0 16px !important; border: 1px solid #c4b399; border-radius: 999px; background: #fff;
  color: var(--farbe-text, #3a332c) !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; cursor: pointer;
  user-select: none; -webkit-user-select: none; transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
body.apple .seite-einsatz-neu #kombiniertformular :is(#id_infekte, #id_besonderheiten, #id_kommunikation) label:hover { background: #f5efe8; }
body.apple .seite-einsatz-neu #kombiniertformular :is(#id_infekte, #id_besonderheiten, #id_kommunikation) input[type="checkbox"] {
  position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; margin: 0 !important;
  opacity: 0; cursor: pointer; -webkit-appearance: none; appearance: none;
}
body.apple .seite-einsatz-neu #kombiniertformular :is(#id_infekte, #id_besonderheiten, #id_kommunikation) label:has(input:checked) { background: var(--farbe-primaer); border-color: var(--farbe-primaer); color: #fff !important; }
body.apple .seite-einsatz-neu #kombiniertformular :is(#id_infekte, #id_besonderheiten, #id_kommunikation) label:has(input:checked)::before { content: "✓"; font-size: 13px; font-weight: 700; }
body.apple .seite-einsatz-neu #kombiniertformular :is(#id_infekte, #id_besonderheiten, #id_kommunikation) label:has(input:focus-visible) { outline: 2px solid var(--a-petrol, #0c577f); outline-offset: 2px; }
@media (pointer: coarse), (max-width: 800px) { body.apple .seite-einsatz-neu #kombiniertformular :is(#id_infekte, #id_besonderheiten, #id_kommunikation) label { min-height: 44px; } }

/* Besonderheiten: gleich große Kacheln im Raster (statt Kapseln und Karten gemischt), rechts ein Auswahlkreis wie bei iOS-Listen:
   leer = antippbar, gefüllt mit Häkchen = gewählt. Titel und Erklärung bleiben sichtbar. */
body.apple .seite-einsatz-neu #kombiniertformular #id_besonderheiten { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; align-items: stretch; }
body.apple .seite-einsatz-neu #kombiniertformular #id_besonderheiten > div { display: flex; }
body.apple .seite-einsatz-neu #kombiniertformular #id_besonderheiten label {
  flex: 1 1 auto; width: 100%; min-height: 60px; flex-direction: column; align-items: flex-start !important; justify-content: flex-start;
  gap: 2px; text-align: left; padding: 12px 48px 12px 14px !important; border-radius: 12px; max-width: none;
}
body.apple .seite-einsatz-neu #kombiniertformular #id_besonderheiten label::before {
  content: ""; position: absolute; right: 14px; top: 50%; width: 22px; height: 22px; margin-top: -11px; box-sizing: border-box;
  border: 1.5px solid #c4b399; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; line-height: 1; transition: background-color .15s ease, border-color .15s ease;
}
body.apple .seite-einsatz-neu #kombiniertformular #id_besonderheiten label:has(input:checked)::before { content: "✓"; background: #fff; border-color: #fff; color: var(--farbe-primaer); }
body.apple .seite-einsatz-neu #kombiniertformular #id_besonderheiten .option-hint {
  display: block; margin: 0 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.3 !important;
  color: var(--a-text-2, #5f554a) !important;
}
body.apple .seite-einsatz-neu #kombiniertformular #id_besonderheiten label:has(input:checked) .option-hint { color: rgba(255, 255, 255, .9) !important; }
@media (max-width: 800px) { body.apple .seite-einsatz-neu #kombiniertformular #id_besonderheiten { grid-template-columns: 1fr; } }

/* Ja/Nein/Unklar-Fragen als Pillen (Skript ja-nein-pillen.js): das echte Auswahlfeld bleibt im Formular, aber unsichtbar;
   die Pillen setzen nur seinen Wert. Zweiter Tipp auf die gewählte Pille = zurück auf "–". Nicht beantwortete Pflichtfragen
   bekommen einen roten Rand wie die anderen Pflichtfelder. */
body.apple .seite-einsatz-neu #kombiniertformular select[data-ja-nein] { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
body.apple .seite-einsatz-neu #kombiniertformular .ja-nein-pillen { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
body.apple .seite-einsatz-neu #kombiniertformular .ja-nein-pille {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; min-width: 84px; min-height: 36px; margin: 0 !important; padding: 0 18px !important;
  border: 1px solid #c4b399 !important; border-radius: 999px !important; background: #fff !important; color: var(--farbe-text, #3a332c) !important;
  font-size: 15px !important; font-weight: 600 !important; line-height: 1.2; cursor: pointer; box-shadow: none !important;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
body.apple .seite-einsatz-neu #kombiniertformular .ja-nein-pille:hover { background: #f5efe8 !important; }
body.apple .seite-einsatz-neu #kombiniertformular .ja-nein-pille[aria-checked="true"] { background: var(--farbe-primaer) !important; border-color: var(--farbe-primaer) !important; color: #fff !important; }
body.apple .seite-einsatz-neu #kombiniertformular .ja-nein-pille[aria-checked="true"]::before { content: "\2713"; font-size: 13px; font-weight: 700; }
body.apple .seite-einsatz-neu #kombiniertformular .ja-nein-pille:focus-visible { outline: 2px solid var(--a-petrol, #0c577f); outline-offset: 2px; }
body.apple .seite-einsatz-neu #kombiniertformular .ja-nein-offen .ja-nein-pille:not([aria-checked="true"]) { border-color: #d92d20 !important; }
@media (max-width: 800px) { body.apple .seite-einsatz-neu #kombiniertformular .ja-nein-pille { min-height: 44px; } }