/* ═══════════════════════════════════════════════════════════
   GESUNDHEITS-KI — White-Label Override
   Blendet alle LibreChat-Referenzen aus und ersetzt sie
   durch die Gesundheits-KI-Brand (Orange #F97316 / Navy #0D1B2A)
   ═══════════════════════════════════════════════════════════ */

/* ── Brand-Variablen ─────────────────────────────────────── */
:root {
  --gki-orange: #F97316;
  --gki-orange-light: #FB923C;
  --gki-navy: #0D1B2A;
  --gki-white: #FFFFFF;
}

/* ── 0. Hintergrund: Leichter Grün-Verlauf ───────────────── */
/* Sehr subtil — fast weiß, minimal grüner Touch */
body {
  background: linear-gradient(160deg, #f8feff 0%, #f0faf2 50%, #f8feff 100%) !important;
}

/* Sidebar und Overlays bleiben weiß/grau */
nav,
aside,
[role="dialog"],
[data-radix-popper-content-wrapper] {
  background: unset !important;
}

/* ── 0b. Feder-Icon auf dem Startscreen ausblenden ────────── */
/* Das Icon ist in div.relative.size-10 im Landing-Bereich */
.transform-gpu .relative.size-10,
.transform-gpu div[class*="size-10"] {
  display: none !important;
}

/* ── 1. LibreChat-Logo ausblenden ────────────────────────── */
/* Das Logo ist ein <img src="assets/logo.svg"> — exakt targetbar */
img[src*="logo.svg"],
img[src*="logo.png"],
img[alt="Gesundheits-KI"],
img[alt*="LibreChat"] {
  display: none !important;
}

/* Fallback: SVGs in der Sidebar-Header-Zeile */
nav a[href="/"] svg,
nav a[href="/"] img,
[aria-label="LibreChat"] svg,
[aria-label="LibreChat"] img {
  display: none !important;
}

/* ── 1b. Feder/Pen-Icon in der Chatliste ausblenden ─────── */
/* data-testid="convo-icon" ist das feather/pen Icon pro Chat */
[data-testid="convo-icon"] {
  display: none !important;
}

/* ── 2. Footer LibreChat-Links ausblenden ────────────────── */
a[href*="librechat.ai"],
a[href*="danny-avila"],
a[href*="github.com/LibreChat"],
footer a,
.footer-link {
  display: none !important;
}

/* Footer-Container wenn leer */
footer:empty,
.footer:empty {
  display: none !important;
}

/* ── 3. Login-Seite: LibreChat-Logo ersetzen ─────────────── */
/* Die große SVG auf der Login-Seite */
.login-container svg.logo,
form + svg,
[class*="login"] svg:first-child,
[class*="Login"] svg:first-child {
  display: none !important;
}

/* ── 4. Brand-Farben: Orange-Akzent ─────────────────────── */

/* Primary-Buttons (Login, Senden, etc.) */
button[type="submit"],
button[data-testid="login-button"],
button.btn-primary,
[class*="bg-green-"] {
  background-color: var(--gki-orange) !important;
  border-color: var(--gki-orange) !important;
}

button[type="submit"]:hover,
button[data-testid="login-button"]:hover {
  background-color: var(--gki-orange-light) !important;
}

/* Aktiver Agent / aktive Konversation in der Sidebar */
[aria-selected="true"],
[class*="active"] [class*="border-l"],
li[class*="active"],
a[class*="active"] {
  border-left-color: var(--gki-orange) !important;
}

/* Fokus-Ringe */
*:focus-visible {
  outline-color: var(--gki-orange) !important;
}

/* Links (inline) */
a[class*="text-green"],
a[class*="text-blue-"] {
  color: var(--gki-orange) !important;
}

/* ── 5. "Kommt bald"-Agenten visuell ausgrauen ───────────── */
/*
   Agenten mit "Kommt bald" im Namen werden in der Sidebar
   ausgegraut dargestellt. Da LibreChat den Agent-Namen als
   Text rendert, greifen wir über has()-Selektor (Chrome 105+).
   Fallback: Beide Agenten haben bekannte Klassen durch die Position.
*/
li:has([title*="Kommt bald"]),
li:has([aria-label*="Kommt bald"]),
li:has(span:last-child) ~ li,  /* Kommt-bald-Einträge am Ende der Liste */
[data-agent-id="agent_AXv8hnAYUpXYQ4Y9IMX9"],
[data-agent-id="agent_Wyy1HetuHuYcYhXMgZzN"] {
  opacity: 0.45 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
  filter: grayscale(0.3) !important;
}

/* ── 6. "New Conversation"-Button – Orange ───────────────── */
button[data-testid="new-conversation-button"],
button[aria-label*="New"],
button[aria-label*="Neu"],
button[class*="new-conversation"] {
  color: var(--gki-orange) !important;
}

button[data-testid="new-conversation-button"] svg,
button[aria-label*="New"] svg {
  stroke: var(--gki-orange) !important;
}

/* ── 7. Page-Title Guard (Fallback für <title>) ──────────── */
/* Der Browser-Tab-Titel wird über appTitle in der YAML gesetzt.
   Diese Regel ist ein visueller Fallback falls irgendwo noch
   "LibreChat" als Text erscheint. */

/* ── 8. "Made with LibreChat" o.ä. Texte ────────────────── */
/* Elemente die bekanntermaßen die LibreChat-Attribution zeigen */
[class*="powered-by"],
[class*="poweredBy"],
.attribution,
small:last-child {
  display: none !important;
}

/* ── 9. Sidebar-Breite anpassen (optisch cleaner) ────────── */
/* Standard bleibt, kein Eingriff — kommentiert als Reserve */

/* ── 10. Scrollbar-Akzent (Chrome/Edge) ──────────────────── */
::-webkit-scrollbar-thumb {
  background-color: rgba(249, 115, 22, 0.3) !important;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(249, 115, 22, 0.6) !important;
}

/* ── 11. Agenten-Marktplatz: Kategorien ausblenden ──────── */
/* Versteckt die Kategorie-Filter-Tabs (Allgemein, Personalwesen etc.)
   + die Sub-Navigation im Marktplatz komplett */

/* Kategorie-Filter-Leiste */
[role="tablist"],
nav[role="tablist"],
div[role="tablist"] {
  display: none !important;
}

/* Kategorie-Chips / Tab-Buttons */
button[role="tab"],
a[role="tab"] {
  display: none !important;
}

/* Marktplatz-Überschrift "Alle Agenten" + Untertext anpassen */
/* (bleibt sichtbar, wird aber nicht mit Kategorie-Beschreibung überlagert) */

/* ── 12. "Kommt bald"-Overlay für Placeholder-Agenten ────── */
/*
   Fügt ein "Bald verfügbar"-Badge über die Kommt-bald-Agenten-Karten.
   Greift über :has() auf Karten mit "Kommt bald" im Titel.
*/
article:has([title*="Kommt bald"]),
article:has(h2:contains("Kommt")),
div[class*="agent-card"]:has(*[data-name*="Kommt"]) {
  opacity: 0.5 !important;
  pointer-events: none !important;
  position: relative !important;
}

/* Fallback: die letzten beiden Agenten-Karten im Marktplatz grau */
/* (wenn :has() nicht greift) */
[data-agent-id="agent_AXv8hnAYUpXYQ4Y9IMX9"],
[data-agent-id="agent_Wyy1HetuHuYcYhXMgZzN"] {
  opacity: 0.45 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}

/* ── 13. "Agenten-Marktplatz"-Text in Sidebar anpassen ────── */
/* Bleibt auf Deutsch — LibreChat übersetzt schon korrekt */

/* ── 14. "Du hast das Ende der Ergebnisse erreicht" ausblenden */
p:last-child {
  /* Bewusst nicht versteckt — kann nützliche Info enthalten */
}

/* ── 15. Agent-Popup / Dialog: Hintergrund fix ───────────── */
/* Das Agent-Detail-Popup braucht soliden Hintergrund */

/* Radix Dialog Overlay - dunkler Hintergrund */
[data-radix-dialog-overlay],
[data-radix-alert-dialog-overlay] {
  background-color: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(2px) !important;
}

/* Dialog Content - weißer Hintergrund mit Schatten */
[role="dialog"]:not([data-radix-dialog-overlay]) {
  background-color: #ffffff !important;
  color: #0D1B2A !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.3) !important;
}

/* Text innerhalb Dialogs immer lesbar */
[role="dialog"] h1,
[role="dialog"] h2,
[role="dialog"] h3,
[role="dialog"] p,
[role="dialog"] span,
[role="dialog"] div {
  color: #0D1B2A !important;
}

/* Ausnahme: weiße Texte auf farbigen Buttons bleiben weiß */
[role="dialog"] button[class*="bg-green"],
[role="dialog"] button[class*="primary"],
[role="dialog"] .btn-primary {
  color: white !important;
}

/* ── 16. "Allgemein"-Badge auf Agent-Karten ausblenden ────── */
/* Kategorie-Chips auf den Karten */
[class*="category"],
[class*="badge"][class*="allgemein" i],
.agent-card-category {
  display: none !important;
}

/* Zielgenauer: Badge oben rechts auf Karten */
article > div:first-child > span,
article > div > span[class*="text-xs"],
li > div > span[class*="rounded"] {
  display: none !important;
}