/* ============================================================
   personal-standort.css — Note 1 (09.11.2026), Bausitzung B
   ============================================================
   Wer macht was (Suche), Standort-Steckbrief, Personen-Steckbrief, Geräte.
   Farben nur über die Variablen aus farben.css — hell und dunkel gleich.
   Schrift nie unter 12 px (Kritik E-2).
   ============================================================ */

/* ---------- Wer macht was ---------- */
.zu-suchfeld { margin: 0 0 1rem; }
.zu-suche { width: 100%; min-height: 48px; padding: .7rem 1rem; font-size: 1rem; border-radius: 14px;
  border: 1px solid var(--rand); background: var(--karte); color: var(--text); box-sizing: border-box; }
.zu-suche::placeholder { color: var(--platzhalter); }
.zu-liste .bs-abschnitt { margin-bottom: 1rem; }
.zu-liste .bs-klapp { margin-bottom: .6rem; }
.zu-zeile > .zu-felder:first-child { margin-top: 0; }

/* ---------- Standort-Steckbrief ---------- */
a.stb-person { color: inherit; text-decoration: none; }
a.stb-person:hover, a.stb-person:focus-visible { border-color: var(--akzent); }
.stb-person small { font-size: .8rem; color: var(--platzhalter); }
/* Grau = noch nicht geplant oder zu (wie im Kalender), rot nur bei echtem Mangel (Kritik B-1) */
.stb-lage-grau { color: var(--still); }
.stb-lage-rot { color: var(--rot); font-weight: 700; }
.stb-gemeldet { margin-top: .6rem; }
.stb-adresse { margin-top: .6rem; }
.stb-titel + .bs-klapp, .bs-klapp + .bs-klapp { margin-top: .8rem; }
section.karte + .bs-klapp, .dg-karte + .bs-klapp { margin-top: 1rem; }
.bs-klapp h3 { font-size: 1rem; margin: .4rem 0; }

/* ---------- Personen-Steckbrief ---------- */
.bs-abschnitt > .bs-liste + .bs-knopf-leise, .bs-abschnitt > .bs-leer + .bs-knopf-leise { margin-top: .7rem; }
.ps-datenschutz { margin: 1rem 0 .7rem; }

/* ---------- Tarife: „Frühere Sätze“ als volle Tippfläche (Klicktest 11.11., war 40 px hoch) ---------- */
.tf-knopf { min-height: 44px; }

/* ---------- Zusammenfassung: Monat für Monat, am Handy ohne gequetschte Mitte ---------- */
.mb-monat .zt-mitte { min-width: 0; }
.mb-monat .zt-dauer { white-space: nowrap; }
/* Kennzahl-Kacheln heißen nicht mehr .mb-zahl: so heißt auch das Zähl-Abzeichen der Menükacheln, das patientenbogen.css
   absolut oben rechts festsetzt — die drei Kacheln schwebten dadurch über der Überschrift (Klicktest 11.11.) */
.mb-kennzahl { min-height: 84px; gap: 2px; }

/* ---------- Aufgaben → Vorlagen: das Fenster einer Vorlage, Knöpfe immer untereinander (auch am Rechner) ---------- */
#modal-box .bs-fuss.af-wahl-fuss { grid-auto-flow: row; justify-content: stretch; }
#modal-box .af-wahl-fuss > :is(.bs-knopf, .bs-knopf-leise) { width: 100%; }

/* ---------- Schlüssel und Dienstgeräte ---------- */
.inv-zeile-unter { display: block; }
.inv-gruppe { margin: 0; }

/* Standort-Steckbrief Note 1, Nachmessung: Knöpfe einer aufgeklappten Zeile nebeneinander, „Alle Standorte“ am Ende */
.stb-klapp-knoepfe { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; margin-top: .75rem; }
.stb-alle { display: inline-block; margin: 1rem 0 .5rem; }

/* Lohnmonat am Handy: je Person eine Zeile, Zahlen zum Aufklappen (Note 1) */
.ln-kurz { padding: .7rem 1rem; }
.ln-kurz > summary { cursor: pointer; list-style: none; min-height: 44px; }
.ln-kurz > summary::-webkit-details-marker { display: none; }
.ln-kurz > summary::after { content: '›'; margin-left: auto; color: var(--still); transition: transform .15s; }
.ln-kurz[open] > summary::after { transform: rotate(90deg); }
.ln-kurz[open] > summary ~ * { margin-top: .6rem; }
@media (max-width: 1100px) {
  #inhalt .ln-ampel { gap: 8px; }
  #inhalt .ln-ampel .ab-zahl { padding: 10px 12px; }
  #inhalt .ln-ampel .ab-zahl-wert { font-size: 1.5rem; margin: 2px 0 0; }
  #inhalt .ln-ampel .ab-zahl-titel { white-space: nowrap; }
  #inhalt .ln-ampel .ab-zahl .feld-hinweis { display: none; }
}
.ln-kurz > summary { color: var(--text); }

/* Standort-Umschalter im Steckbrief: eine Zeile, waagrecht wischbar, ein Tipp wechselt */
.stb-umschalter { display: flex; gap: .5rem; overflow-x: auto; margin: .25rem 0 1rem; padding-bottom: .25rem; scrollbar-width: none; }
.stb-umschalter::-webkit-scrollbar { display: none; }
.stb-ort { flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 1rem; border-radius: 999px;
  border: 1px solid var(--rand); background: var(--karte); color: var(--text); text-decoration: none; font-weight: 600; white-space: nowrap; }
.stb-ort.aktiv { background: var(--akzent); border-color: transparent; color: var(--auf-akzent); }

/* Mitarbeiterliste je Standort (Note 1, lange Seiten): Gruppen zum Aufklappen, am Rechner mehrspaltig */
#inhalt .ma-liste:has(> .bs-klapp) { display: grid; gap: 12px; }
#inhalt .ma-liste > .bs-klapp + .bs-klapp { border-top: 0; }
.ma-gruppe { display: grid; }
@media (min-width: 1101px) {
  .ma-gruppe { grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); column-gap: 24px; }
  #inhalt .ma-gruppe > .ma-zeile + .ma-zeile { border-top: 0; }
  #inhalt .ma-gruppe > .ma-zeile { border-bottom: 1px solid var(--rand); }
}

/* Mitarbeiterliste am Rechner (W3, Note 1: höchstens 2,5 Bildschirme): Anlegen, Suche und Standorte in einer Zeile,
   „Personal“ als eine Reihe, Zeilen je Person niedriger. Am Handy bleibt alles untereinander. */
.ma-anzahl { margin-left: .4rem; font-weight: 400; font-size: .9rem; }
@media (min-width: 1101px) {
  #inhalt .ma-personal .bs-liste { display: grid; grid-template-columns: repeat(3, 1fr); }
  #inhalt .ma-personal .bs-liste > * + * { border-top: 0; border-left: 1px solid var(--rand); }
  #inhalt .ma-werkzeuge { display: grid; grid-template-columns: auto minmax(220px, 320px) 1fr; align-items: center; gap: 12px 16px; margin-bottom: 14px; }
  #inhalt .ma-werkzeuge > .ma-neu { width: auto; min-height: 44px; margin: 0; padding: 0 1.4rem; }
  #inhalt .ma-werkzeuge > .ma-suche { max-width: none; margin: 0; }
  #inhalt .ma-werkzeuge > .ma-filter { margin: 0; }
  #inhalt .ma-werkzeuge > .ma-sammel { grid-column: 1 / -1; order: 9; margin: 0; max-width: none; }
  #inhalt .ma-gruppe .ma-person { min-height: 52px; padding-block: 4px; }
  #inhalt .ma-gruppe .ma-bericht { align-self: center; min-height: 44px; }
  #inhalt .ma-liste:has(> .bs-klapp) { gap: 8px; }
}

/* W3b (09.11.2026): Personen- und Geräte-Kapseln sind Links — am Handy mindestens 44 px hoch (Daumen) */
a.stb-person, a.stb-geraet { display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; }

/* Standorte (Klicktest 11.11.2026): Legende dicht unter der Besetzung — das leere Ausgabefeld für angetippte Tage
   hielt sonst eine Leerzeile frei */
#inhalt .dg-karte .dg-heatmap { margin: 0; }
#inhalt .dg-karte .dg-heatmap .dg-ausgabe:empty { min-height: 0; }