/* U-5: Das schwebende Hauptmenue darf nie hoeher als der Bildschirm werden.
   Bewusst ohne Media Query: die Begrenzung greift nur, wenn das Menue sonst
   tatsaechlich ueber den Rand liefe. #hauptmenue traegt bereits die
   Tailwind-Klasse overflow-hidden; diese ID-Regel hat hoehere Spezifitaet
   und setzt nur die Y-Achse auf auto, waehrend X weiterhin geklippt bleibt
   (fuer die runden Ecken). */
#hauptmenue {
  max-height: calc(100vh - 4.5rem);
  max-height: calc(100dvh - 4.5rem);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* F-55 [NEU]: Offline-Hinweisband, im Altsystem nicht vorhanden. */
#offline-hinweis {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fffbeb;
  border-bottom: 1px solid #fde68a;
  color: #92400e;
  text-align: center;
  padding: 0.4rem 1rem;
  font-size: 0.85rem;
  z-index: 200;
}

/* =====================================================================
   MOBILE-LAYER - greift ausschliesslich unter 640px (Tailwind sm), wie im
   Altsystem (U-12: "Der Mobil-Anpassungsteil des Stylesheets greift
   ausschliesslich unter 640 px, damit die Darstellung auf dem Rechner
   garantiert unveraendert bleibt"). Wird schrittweise befuellt, sobald die
   jeweiligen Dialoge/Ansichten gebaut sind - siehe PreisDB alt/index.php
   fuer die vollstaendige Regelmenge.
   ===================================================================== */
@media (max-width: 639px) {
  [id^="modal-"] > div {
    border-radius: 0.75rem !important;
    max-height: 95vh !important;
  }
  [id^="modal-"] > div.p-6 {
    padding: 0.8rem !important;
  }
  [id^="modal-"] h2 {
    font-size: 1rem !important;
    line-height: 1.25 !important;
  }
}