/* belegstrom-Oberfläche: eigene Styles (früher Inline-<style> und style="").
   Ausgelagert, damit die Content-Security-Policy ohne 'unsafe-inline'
   auskommt (Spec Nutzerkonten 5.5). */
body { background-color: #f8f9fa; }
.table th { white-space: nowrap; font-size: 0.85rem; }
.table td { font-size: 0.9rem; vertical-align: middle; }
.badge { font-size: 0.78rem; }
.audit-trail { font-size: 0.8rem; font-family: monospace; }

.badge-klein { font-size: 0.7rem; }
.text-090 { font-size: 0.9rem; }
.text-075 { font-size: 0.75rem; }
.col-auswahl { width: 2rem; }
.col-22 { width: 22%; }
.col-34 { width: 34%; }
.col-10 { width: 10%; }
.select-schmal { max-width: 16rem; }
.pdf-frame { width: 100%; border: none; }
.pdf-frame-520 { height: 520px; }
.pdf-frame-680 { height: 680px; }

/* Anmeldung/Konto: am Handy bedienbar (Spec 5.4) — Ziele mind. 44 x 44 px,
   Eingabefelder mind. 16 px (sonst zoomt iOS beim Antippen). */
.konto-karte { max-width: 26rem; margin: 0 auto; }
.konto-karte .form-control { font-size: 16px; min-height: 44px; }
.konto-karte .btn { min-height: 44px; min-width: 44px; }
/* Navigationsleiste: jedes bedienbare Element mind. 44 px hoch (Marke,
   Kontolink, Benutzer, Abmelden) — Befund e2e-tester 23.10.2026. */
.navbar a, .navbar .btn { min-height: 44px; display: inline-flex; align-items: center; }

/* Bestellungen (Spec Teil B 3.6): mobil zuerst, ab 375 px ohne Zoomen
   bedienbar. Eingabefelder mind. 16 px (iOS zoomt sonst), Ziele mind. 44 px,
   feste Aktionsleiste unten mit Speichern und Bestätigen. */
.nav-bereich { padding: 0 0.5rem; text-decoration: none; }
.bestell-seite { max-width: 48rem; margin: 0 auto; }
.bestell-seite .form-control,
.bestell-seite .form-select { font-size: 16px; min-height: 44px; }
.bestell-seite label.form-label { display: block; width: 100%; margin-top: 0.5rem; }
.bestell-knopf { min-height: 44px; min-width: 44px; }
.bestell-reiter .nav-link { min-height: 44px; display: flex; align-items: center; gap: 0.25rem; }
.bestell-seite .page-link { min-height: 44px; display: flex; align-items: center; }
.bestell-karte, .bestell-verlauf .verlauf-wert { overflow-wrap: anywhere; }
.bestell-verlauf .verlauf-wert { white-space: pre-wrap; }
.mit-aktionsleiste { padding-bottom: 5.5rem; }
.aktionsleiste {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030;
    display: flex; gap: 0.5rem; justify-content: flex-end;
    padding: 0.5rem 1rem calc(0.5rem + env(safe-area-inset-bottom));
    background: #fff; border-top: 1px solid #dee2e6;
}
.aktionsleiste .btn { flex: 1 1 0; max-width: 16rem; }
.anweisung-text { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 0.85rem; }
/* Befund e2e-tester B1: auch Textlinks und aufklappbare Zeilen mind. 44 px hoch */
.bestell-link { display: inline-flex; align-items: center; min-height: 44px; }
.bestell-seite summary { min-height: 44px; padding: 0.6rem 0; }