/* Webapp auf iOS (Homescreen), für alle Instanzen gleich; build.sh hängt die Datei vor marke.css ein und setzt
   viewport-fit=cover. Erst damit liefert env(safe-area-inset-*) Werte; LibreChat v0.8.8 nutzt sie nur in der
   unteren Leiste der Seitenleiste. Am Desktop sind alle Abstände 0. */

/* Eingabebox: auf dem Handy eine Leiste am unteren Rand (nur oben abgerundet). Innen Platz für den Home-Balken,
   damit Eingabe und Knöpfe darüber liegen und der Grund der Box bis an den Rand reicht (iPhone, 27.10.2026). */
form div:has(> div > div > #prompt-textarea) {
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;
}
/* Querformat: Inhalt nicht unter Kamera und Dynamic Island */
body {
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
/* Tastatur offen (webapp.js): App so hoch wie der sichtbare Bereich, Eingabe direkt über der Tastatur ohne Platz für
   den Home-Balken, den die Tastatur verdeckt. LibreChat setzt die Höhe inline (calc(100dvh + …)). */
html.webapp-tastatur #root > div[style*="dvh"] {
  height: var(--webapp-hoehe) !important;
}
html.webapp-tastatur form div:has(> div > div > #prompt-textarea) {
  padding-bottom: 0 !important;
}
/* Startseite eines neuen Chats: Begrüßung, Vorschläge und Eingabe passen mit Tastatur nicht in den sichtbaren
   Bereich, die Eingabe rutschte unter die Tastatur. Die Vorschläge (Knöpfe über dem Formular) sind zum Antippen da
   und beim Tippen weg. */
html.webapp-tastatur div:has(> form #prompt-textarea) > div:has(> button[class*="max-w-[16rem]"]) {
  display: none !important;
}