/* Paket S Sperre (Vertrag Chat § 4): Sperrbildschirm und „🔓 mm min“ in der Kopfzeile. */
.sperre { position: fixed; inset: 0; z-index: 20; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 24px 16px; background: #050607; }
.sperre[hidden] { display: none; }
.sperre .login-kopf { margin: 0 0 8px; }
.sperre .taste { min-width: 200px; text-align: center; padding: 14px 22px; font-size: 15px; }
.sperre .sperre-code { width: 200px; text-align: center; font-size: 16px; letter-spacing: .2em; }
.sperre .sperre-fehler { max-width: 320px; text-align: center; color: var(--rot); font: 500 12.5px/1.35 system-ui, sans-serif; }
/* Kopfzeile: oben rechts fest, damit sie auch im Raum (Kopf ausgeblendet) sichtbar bleibt. */
.sperre-kopf { position: fixed; top: calc(6px + env(safe-area-inset-top)); right: 12px; z-index: 9; padding: 2px 8px; border-radius: 999px; background: #0c0e10; border: 1px solid #22272b; font: 500 11px var(--mono); color: var(--grün); letter-spacing: .02em; white-space: nowrap; pointer-events: none; }
.sperre-kopf:not([hidden]) ~ .app .ttl-rechts { margin-right: 74px; }
body[data-ansicht="gesperrt"] .verbindung { display: none; }