/* Welle 4, W4-3: das Faden-Band (Befund → Ticket → Arbeitsgang → Nachprüfung), nur wenn der Riegel `PVM_FADEN` offen ist. Zeichen UND Wort je Stufe, nie nur Farbe; Schrift ≥ 7:1 (Farben aus Welle 1 / F-3). */
.faden-band { margin: var(--ab-2) 0; padding: var(--ab-2) var(--ab-alt-10); border: 1px solid #484d56; border-radius: 8px; background: #fff; color: #111418; font-size: var(--gr-klein); line-height: 1.35; }
.faden-band p { margin: var(--ab-1) 0 0; }
.faden-stufen { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ab-1); margin: 0; padding: 0; list-style: none; }
.faden-stufe { display: flex; flex-direction: column; min-width: 0; font-size: var(--gr-alt-13); overflow-wrap: anywhere; }
.faden-name { font-weight: 600; }
.faden-wort { font-size: var(--gr-alt-12); }
.faden-zeichen { font-size: var(--gr-text); line-height: 1; }
.faden-erledigt { color: #185736; }
.faden-laeuft { color: #1841b5; }
.faden-offen, .faden-nicht_noetig { color: #484d56; }
.faden-gesperrt { color: #981717; }
.faden-grund { color: #981717; font-weight: 600; }
.faden-naechster { font-weight: 600; }
.faden-fertig { color: #185736; }
.faden-alt { color: #464d57; }
.faden-fehler { border-color: #981717; }
.faden-knopf { min-height: 44px; min-width: 44px; margin-top: var(--ab-alt-6); }
.faden-knopf:focus-visible { outline: 3px solid var(--border-focus); outline-offset: 2px; }
.faden-skelett { min-height: 64px; color: #464d57; }
@media (max-width: 420px) { /* Gate W4-10 L-4: bei 390 px brachen „Arbeitsgang“ und „Nachprüfung“ mitten im Wort */ .faden-stufen { grid-template-columns: repeat(2, minmax(0, 1fr)); } .faden-stufe { flex-direction: row; flex-wrap: wrap; align-items: baseline; column-gap: var(--ab-1); } }
/* K-1: kompakte Form (eine Zeile, aufklappbar) — Karte (unter dem Schritt) und Heute-Zeile. Das Band im Kopf der Karte schob das Zustandswort unter die Leiste (Nr. 125/126/180 c). */
.faden-kompakt { padding: 0 var(--ab-alt-10); }
.faden-kompakt > .faden-stufen, .faden-kompakt > p { margin-bottom: var(--ab-2); }
.faden-zeile { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--ab-alt-10); min-height: 44px; cursor: pointer; font-size: var(--gr-alt-13); }
.faden-zeile:focus-visible { outline: 3px solid var(--border-focus); outline-offset: 2px; }
.faden-kz { white-space: nowrap; }
.faden-lesen { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* W4-3 Heute-Zeile: das kompakte Band über die ganze Breite der Zeile (die Rückmeldungs-Zeile ist ein Flex-Behälter). */
.heute-zeile > .faden-band { flex: 1 1 100%; min-width: 0; }