/* Welle 5, W5-10/W5-11 (hinter PVM_AKTE): die Anlagenakte in sieben Abschnitten — Streifen oben, EIN offener Abschnitt, Wechselzeile unten.
   Ohne den Riegel gibt es keines dieser Elemente (`anlage-abschnitte.js` baut sie nur bei offener Auskunft), die Regeln hier greifen dann nirgends.
   Handy 390 x 844 / 375 x 667 / 360 x 740: der Streifen UMBRICHT (Gitter, nie horizontales Rollen, Nr. 127), jeder Knopf mindestens 44 px; die Wechselzeile haftet unten (56 px)
   und das Feld mit dem Fokus wird vom Skript in die Mitte des Sichtfelds gerollt (`anlage-abschnitte.js`, focusin), damit es bei geöffneter Tastatur nicht unter der Zeile liegt (M-1, Nr. 183; keine neuen margin-Werte, Ratsche RA-b). Der Abschnitt wird nie nur durch Farbe gezeigt: dicker Unterstrich und Fettschrift. */

.akte-streifen { display: grid; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)); gap: var(--ab-alt-6); position: sticky; top: 0; z-index: 2; margin: 0 0 var(--ab-3); padding: var(--ab-1) 0 var(--ab-2); background: var(--bg-card); border-bottom: 1px solid var(--border); }
.akte-streifen-knopf { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--ab-alt-2) var(--ab-alt-6); min-height: 44px; padding: var(--ab-alt-6) var(--ab-2); font: inherit; font-size: var(--gr-klein); color: var(--text-primary); background: var(--bg-page); border: 1px solid var(--border); border-bottom: 4px solid transparent; border-radius: var(--radius-sm); cursor: pointer; }
.akte-streifen-knopf[aria-current="step"] { font-weight: 700; border-color: var(--text-primary); border-bottom-color: var(--accent); background: var(--bg-card); }
.akte-streifen-nr { font-weight: 700; }
.akte-streifen-zahl { font-size: var(--gr-alt-12); color: var(--text-secondary); }
.akte-streifen-zahl:empty { display: none; }

.akte-abschnitt[hidden] { display: none; }
.akte-kopf { margin-top: var(--ab-1); }
.akte-kopf:focus { outline: 2px solid var(--accent); outline-offset: 2px; }
.akte-zaehler { margin: 0 0 var(--ab-alt-10); color: var(--text-secondary); }

.akte-wechsel { position: sticky; bottom: 0; z-index: 2; display: flex; gap: var(--ab-2); margin-block-start: var(--ab-4); padding: var(--ab-2) 0; background: var(--bg-card); box-shadow: 0 -1px 0 var(--border); }
.akte-wechsel .btn { flex: 1 1 0; min-height: 56px; min-width: 0; justify-content: center; text-align: center; white-space: normal; }
.akte-wechsel .btn:disabled { opacity: 0.45; cursor: default; }

.akte-feld-fehler { display: block; margin-top: var(--ab-alt-6); }

/* Niedriges Sichtfeld (Handy quer oder mit geöffneter Tastatur; 600 px: 390 × 844 mit Tastatur misst 524, Gate W5-13 M-1): der Streifen haftet nicht mehr (zwei Zeilen Knöpfe nähmen das Sichtfeld), die Wechselzeile bleibt: der Hauptknopf ist immer erreichbar (M-1). */
@media (max-height: 600px) {
    .akte-streifen { position: static; }
}

@media (min-width: 900px) {
    .akte-streifen { grid-template-columns: repeat(7, 1fr); }
    .akte-wechsel .btn { flex: 0 1 auto; min-width: 180px; }
    .akte-wechsel { justify-content: space-between; }
}