/* AV-Board — Stile des Moduls js/pruefplan.js (Reiter Prüfplan nach F-QM-53).
   Alles hängt unter .pp-reiter; Farben und Radien kommen aus den Tokens in style.css.
   Tabellen-Norm (V-8): Zahlen und Werte stehen neutral, Farbe bekommt nur, was
   Handlungsbedarf trägt — der Arbeitsstand, ein kritisches Merkmal, ein
   unbelegtes Feld. */

.pp-reiter { display: flex; flex-direction: column; gap: 14px; min-width: 0; }

/* Kopf: Formblatt links, Freigabestand rechts. */
.pp-kopf {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 8px 12px; background: var(--bg);
    border: 1px solid var(--border); border-radius: 8px;
}
.pp-formblatt {
    font-family: var(--font-display); font-weight: 600; font-size: .72rem;
    text-transform: uppercase; letter-spacing: .04em; color: var(--primary);
    margin-right: 8px;
}
.pp-artikel { font-size: .86rem; }

/* Eine Station = ein Block mit Überschrift und Tabelle. */
.pp-station { display: flex; flex-direction: column; gap: 4px; }
.pp-station-kopf {
    display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; padding-left: 2px;
}
.pp-wo { font-family: var(--font-display); font-weight: 600; font-size: .88rem; }

.pp-tabelle { font-size: .78rem; table-layout: fixed; width: 100%; }
.pp-tabelle th { white-space: nowrap; }
.pp-tabelle td { vertical-align: top; line-height: 1.45; overflow-wrap: anywhere; }
.pp-tabelle td.pp-stand { white-space: nowrap; }
/* Die beiden Knöpfe stehen untereinander, wenn die Spalte eng wird — nebeneinander
   sprengten sie die feste Breite. */
.pp-tabelle td.pp-stand .btn { margin: 1px 0; }
.pp-tabelle .badge { margin-left: 4px; }

/* Ein Feld ohne Grundlage sagt das am Feld, nicht nur im Sammelvorbehalt. */
.pp-unbelegt { color: var(--text-muted); }
.pp-unbelegt .badge {
    background: var(--st-work-soft); color: var(--st-work); font-size: .64rem;
}

/* Änderungszeile: zwei Auswahlfelder, kein Freitext. */
.pp-aendern td { background: var(--bg); }
.pp-aendern form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 6px 2px; }
.pp-aendern select { min-width: 15rem; }

/* Der Freigabeweg in der Standzeile: erstellt · gezeichnet · freigegeben. */
.pp-stufe {
    font-size: .74rem; color: var(--text-muted); margin-right: 12px;
}
.pp-stufe strong { color: var(--text); font-weight: 600; }


/* Blatt-Gate (Q-G): Farbe nur bei Handlungsbedarf. */
.pp-gate { margin: 6px 0 12px; padding: 8px 12px; border-radius: var(--radius); border: 1px solid var(--border); background: var(--surface); font-size: .84rem; }
.pp-gate.gelb { border-color: var(--st-work); background: var(--st-work-soft); }
.pp-gate.rot { border-color: var(--st-crit); background: var(--st-crit-soft); }
.pp-gate ul { margin: 4px 0 0; padding-left: 18px; }
.pp-gate li { margin: 2px 0; }