/* Marke der Instanz demo: neutral, Name „HAPAK-Agent Demo“, Vorlage deploy/instanzen/_vorlage/marke.css.
   Systemschrift, Akzent Petrol #00796b (0 121 107), damit die Demo sich von den WECOMP-Instanzen (Dunkelblau)
   unterscheidet. LibreChat v0.8.8 führt Farben als RGB-Tripel in CSS-Variablen; das Theme-Skript setzt sie
   teils inline am <html>, deshalb !important. Dazu gehört logo-mark.png: seit dem 24.10.2026 die HAPAK-Bildmarke (von Johannes), vorher ein Platzhalter „HA“ in Petrol. */
html, html.dark {
  --theme-font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  --surface-submit: 0 121 107 !important;
  --link: 0 121 107 !important;
  --accent-primary: 0 121 107 !important;
  --ring-primary: 0 121 107 !important;
}
html, body, #root, button, input, textarea, select {
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}

/* Oberfläche für Anwender, LibreChat v0.8.8. Hier steht nur, wofür librechat.yaml keinen Schalter hat
   (apps/chat/README.md, „Oberfläche für Anwender“). LibreChat vergibt keine eigenen Klassen; die Selektoren
   gehen über data-testid, Lucide-Icons und aria-label. Bei einem Image-Wechsel prüfen. */

/* Seitenleiste: „Dateien anhängen“ (Dateiverwaltung) ist in v0.8.8 immer da; „MCP Einstellungen“ hängt an
   interface.mcpServers.use, das die Werkzeuge der Model Spec braucht. Leiste am Desktop und Menü am Handy. */
[data-testid="nav-panel-files"], #nav-panel-files,
[data-testid="nav-panel-mcp-builder"], #nav-panel-mcp-builder {
  display: none !important;
}
/* Projekte und das Filtermenü der Chatliste: ohne Schalter, immer über bzw. neben der Chatliste. */
div:has(> div > button > svg.lucide-folders),
[data-testid="chat-filter-menu"] {
  display: none !important;
}
/* Modellwahl: Mit Model Specs zeigt LibreChat den Wähler auch bei modelSelect: false. Er bleibt als Name und
   Marken-Icon des Assistenten stehen, ohne Rahmen und ohne Klick. */
[data-testid="model-selector-button"] {
  pointer-events: none !important;
  cursor: default !important;
  border-color: transparent !important;
  background: transparent !important;
}
/* iOS zoomt beim Fokus in Eingabefelder unter 16 px. Nur auf Touch-Geräten, der Desktop behält seine Größen;
   kein maximum-scale im Viewport, damit Zoomen für alle möglich bleibt. */
@media (hover: none) and (pointer: coarse) {
  input, textarea, select {
    font-size: 16px !important;
  }
}