/* qm.css — QM-Handbuch (ADR-083). Farben nur aus farben.css. */
.qm-balken { display: flex; height: 14px; border-radius: 7px; overflow: hidden; background: var(--rand); margin: 4px 0 6px; }
.qm-balken-teil { flex-basis: 0; min-width: 0; }
.qm-balken-teil.qm-gruen, .qm-punkt.qm-gruen { background: var(--gruen); }
.qm-balken-teil.qm-gelb, .qm-punkt.qm-gelb { background: var(--orange); }
.qm-balken-teil.qm-rot, .qm-punkt.qm-rot { background: var(--rot); }
.qm-punkt.qm-grau { background: var(--still); }
.qm-legende, .qm-leise { color: var(--text-leise); font-size: .92rem; margin: 0 0 12px; }
.qm-punkt { display: inline-block; width: 14px; height: 14px; border-radius: 50%; flex: none; }
.qm-knoepfe { display: flex; gap: 8px; padding: 0 12px 10px; flex-wrap: wrap; }
.qm-karte { background: var(--karte); border: 1px solid var(--rand); border-radius: 14px; padding: 20px; display: flex; flex-direction: column; gap: 6px; max-width: 560px; }
.qm-karte-titel { font-size: 1.25rem; }
.qm-wahl { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.qm-wahl > * { flex: 1 1 180px; }
.qm-treffer { display: flex; flex-direction: column; gap: 4px; max-height: 50vh; overflow-y: auto; }
.qm-treffer-zeile { text-align: left; padding: 10px 12px; border: 1px solid var(--rand); border-radius: 8px; background: var(--karte); color: var(--text); cursor: pointer; font: inherit; }
.qm-treffer-zeile:hover, .qm-treffer-zeile:focus-visible { border-color: var(--akzent); }
.qm-prozess { margin-bottom: 14px; }
.qm-prozess-teile { display: flex; flex-wrap: wrap; gap: 6px; }
.qm-prozess-teil { border: 1px solid var(--rand); border-radius: 999px; padding: 4px 10px; font-size: .9rem; background: var(--karte); }
.qm-politik { white-space: pre-wrap; }
/* Nachtrag 08.11.2026: Melden, Fälle, Befragung, Rollen */
.qm-haken { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; cursor: pointer; }
.qm-haken input { width: 22px; height: 22px; flex: none; margin-top: 1px; }
.qm-haken-liste { display: flex; flex-direction: column; max-height: 50vh; overflow-y: auto; }
.qm-frage { font-weight: 600; margin: 0 0 6px; }
.qm-punkte { margin: 0; padding-left: 1.3em; display: grid; gap: 6px; }

/* Auditbericht 2026-11 (G-1, G-10, G-13): Kurztext des Kapitels unter der Frage, Silbentrennung statt abgeschnittener Titel */
.qm-kurztext { margin: 8px 0 14px; padding: 10px 12px; border-left: 3px solid var(--rand); background: var(--karte);
  font-size: 14px; line-height: 1.5; white-space: pre-line; max-height: 14em; overflow: auto; }
.qm-karte, .qm-frage, .qm-politik, .bs-zeile { hyphens: auto; -webkit-hyphens: auto; }
/* Zwei Knöpfe am Zeilenende (Risiken): am Handy unter den Text, sonst drückt die Knopfgruppe den Titel auf einen Buchstaben je Zeile */
.bs-zeile > .qm-knoepfe { flex: none; padding: 0; flex-wrap: nowrap; }
@media (max-width: 640px) {
  .bs-zeile:has(> .qm-knoepfe) { flex-wrap: wrap; }
  .bs-zeile > .qm-knoepfe { width: 100%; }
  .bs-zeile > .qm-knoepfe > .bs-knopf { flex: 1; }
}

/* Kritik C-2 (ADR-083 Nachtrag 3): das Team hat im QM einen großen Weg — melden */
.qm-team-melden .bs-knopf { width: 100%; justify-content: center; min-height: 52px; font-size: 1.05rem; }

/* Kritik C-3 (ADR-083 Nachtrag 3): Zusatzabschnitte eines Kapitels zugeklappt hinter „Mehr“ — sieht aus wie „Über dieses Kapitel“ */
#inhalt .hb-mehr-teile { border-top: 1px solid var(--rand); padding-top: 12px; margin-top: 8px; }
#inhalt .hb-mehr-teile > summary { cursor: pointer; font-weight: 600; min-height: 44px; display: flex; align-items: center; color: var(--text-leise); }

/* Note 1 (09.11.2026): Leitungssicht — Zustandsgruppen und „Mehr“ als Klapp-Zeilen, jedes Tippziel mindestens 48 px hoch */
#inhalt .qm-gruppe .bs-zeile-ziel { min-height: 48px; }
#inhalt .qm-gruppe.bs-klapp { margin-top: 12px; }
/* Klicktest 11.11.: „Beschwerde oder Fehler melden“ klebte an der Jetzt-Karte — gleicher Abstand wie die Klapp-Gruppen */
#inhalt .bs-liste.qm-gruppe { margin-top: 12px; }