/* H1: Fußzeile mit Version und Stand, Leiste „Neuer Stand“ (werkbank/static/live_inplace.js). Nur Variablen der Oberfläche. */
.live-fuss { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 8px; font-size: .8rem; color: var(--muted); }
.live-fuss-seite { margin: 18px 16px 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.live-fuss .live-version { letter-spacing: .02em; }
.live-fuss .live-stand { font-variant-numeric: tabular-nums; }
.live-fuss .live-stand[data-live-ton="warn"]::before { content: "\26A0\FE0E\00a0"; }
.live-fuss .live-stand[data-live-ton="ok"]::before { content: "\25CF\00a0"; }
/* Die Leiste (Neuer Stand, Claude zeigt) liegt ÜBER der Seite und schiebt nichts: sonst springt der Inhalt (und der Browser zieht die Scrollposition nach,
   h1 test_90 Scrollposition 189 statt 150). */
.live-leiste { position: fixed; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); right: 8px; z-index: 9990; display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
               margin: 0; padding: 6px 10px; max-width: calc(100% - 80px); background: var(--surface); border: 1px solid var(--line); border-radius: 8px; }
/* Rh1-N-06: Overlay UNTEN rechts (schiebt nichts, die Scrollposition bleibt), rechts mit Abstand zum Ordner-Knopf links unten; das Skript setzt sie über jede feste Leiste am
   unteren Rand (Navigation des Handys bei 360 px). Oben liegen Kopfleiste und Suche: dort nie. */
.live-leiste { pointer-events: none; }                   /* Rh1-N-06: nur die Knöpfe der Leiste nehmen Klicks an – alles andere darunter bleibt bedienbar */
.live-leiste button, .live-leiste a { pointer-events: auto; }
.live-leiste .live-zu { padding: 2px 8px; line-height: 1; }
/* Rh1-P2-03 (Finanz-Schloss D2-272): darf die Sitzung die Seite nicht mehr sehen und es ist etwas eingetragen, bleibt alles im Fenster (die Felder
   gehen nicht verloren), wird aber ausgeblendet – nur Leiste und Fußzeile bleiben sichtbar. */
body[data-live-gesperrt] > *:not(.live-sperre) { visibility: hidden; }
body[data-live-gesperrt] .live-fuss, body[data-live-gesperrt] .live-sperre { visibility: visible; }
.live-sperre { pointer-events: auto; position: sticky; top: 0; bottom: auto; right: auto; z-index: 9999; margin: 0; padding: 10px 16px; max-width: none; border-radius: 0; background: var(--surface); }
