/* ============================================================================
   App-Modus (body.pwa): Der Prototyp zeigte die App in einem iPad-Rahmen
   auf einer „Bühne“. In der echten App füllt der Schirm den ganzen
   Bildschirm; Rahmen, Umschalter und Erklärtexte werden ausgeblendet.
   Die Büro-Ansicht bleibt im Code, wird aber nicht angezeigt (S5).
   ============================================================================ */

html, body.pwa { height:100%; }
body.pwa { background:var(--anthrazit); overscroll-behavior:none; }

body.pwa .hinweisband,
body.pwa .leiste,
body.pwa .bildunterschrift,
body.pwa .fussnote,
body.pwa #bueroAnsicht { display:none !important; }

body.pwa .buehne { padding:0; display:block; height:100%; }

body.pwa .geraet {
  width:100%; height:100vh; height:100dvh;
  padding:0; border-radius:0; box-shadow:none; background:none;
}
body.pwa .schirm { border-radius:0; }

/* Sichere Ränder (Kamera-Aussparung, Home-Balken) */
body.pwa .appkopf {
  padding-top:calc(14px + env(safe-area-inset-top));
  padding-left:calc(18px + env(safe-area-inset-left));
  padding-right:calc(18px + env(safe-area-inset-right));
}
body.pwa .inhalt {
  padding-left:calc(18px + env(safe-area-inset-left));
  padding-right:calc(18px + env(safe-area-inset-right));
}
body.pwa .appfuss { padding-bottom:calc(14px + env(safe-area-inset-bottom)); }
body.pwa .inhalt:last-child { padding-bottom:calc(26px + env(safe-area-inset-bottom)); }

/* Hinweis „Zum Home-Bildschirm hinzufügen“ — nur im Browser-Tab */
.installhinweis {
  position:fixed; left:12px; right:12px;
  bottom:calc(12px + env(safe-area-inset-bottom));
  background:var(--warn-flaeche); color:var(--text);
  border:1px solid var(--warn); border-radius:var(--r);
  padding:14px 16px; box-shadow:var(--schatten);
  display:flex; flex-direction:column; gap:4px; z-index:50;
  font-size:16px; line-height:1.4;
}
.installhinweis[hidden] { display:none; }
.installhinweis strong { color:var(--warn); }