/* ===== Branding FIDUZIA TREUHAND AG ===== */

:root {
  --brand-accent: #1a5fb4;
  --brand-accent-hover: #2a6fc4;
}

/* Login: LibreChat-Logo durch Kundenlogo ersetzen */
img[src*="logo.svg"],
img[alt="LibreChat"],
img[alt="logo"] {
  content: url("/branding/logo.png");
  width: auto !important;
  max-width: 320px !important;
  height: auto !important;
}

/* Footer-Hinweis entfernen */
footer a[href*="librechat"],
footer > div > a,
.text-xs a[href*="github.com/danny-avila"] {
  display: none !important;
}

/* Primaerbuttons in Kundenfarbe */
button[type="submit"],
.btn-primary {
  background-color: var(--brand-accent) !important;
  border-color: var(--brand-accent) !important;
}

button[type="submit"]:hover,
.btn-primary:hover {
  background-color: var(--brand-accent-hover) !important;
}

/* Links */
a {
  color: var(--brand-accent);
}

/* Logo mittig ueber der Login-Box */
img[src*="/branding/logo.png"] {
  display: block !important;
  margin: 0 auto 2.5rem auto !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  max-width: 340px !important;
}

/* Footer-Version ausblenden */
a[href*="librechat.ai"],
a[href*="github.com/danny-avila"] { display: none !important; }

/* Logo-Variante fuer dunkles Theme */
html.dark img[src*="/branding/logo.png"],
.dark img[src*="/branding/logo.png"] {
  content: url("/branding/logo-dark.png") !important;
}

/* Roboter-Icon durch Fiduzia-F ersetzen */
h1 svg, h2 svg,
.text-4xl svg, .text-3xl svg {
  display: none !important;
}
h1::before, h2::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.4em;
  vertical-align: -0.2em;
  background: url("/branding/favicon.png") no-repeat center/contain;
}

/* Roboter-Icon durch Fiduzia-F ersetzen */
svg.lucide-bot { display: none !important; }
div.shadow-stroke {
  background: url("/branding/favicon.png") no-repeat center/70% !important;
  box-shadow: none !important;
}

}

/* Endpoint-Auswahl als erkennbares Dropdown */
button[aria-haspopup="menu"]:has(> span),
header button:first-of-type {
  border: 1px solid rgba(128,128,128,.45) !important;
  border-radius: 8px !important;
  padding-right: 2rem !important;
  position: relative !important;
}
button[aria-haspopup="menu"]::after,
header button:first-of-type::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: .6;
}

/* Endpoint-Auswahl sichtbar als Dropdown */
button[data-testid="model-selector-button"] {
  border: 1px solid rgba(128,128,128,.45) !important;
  border-radius: 8px !important;
  padding-right: 1.9rem !important;
  position: relative !important;
}
button[data-testid="model-selector-button"]::after {
  content: "";
  position: absolute;
  right: 10px; top: 50%;
  width: 7px; height: 7px;
  margin-top: -5px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: .6;
}




/* Skyline hinter der Login-Seite */
body.fid-login::before {
  content: "";
  position: fixed;
  inset: 0;
  background: url("/branding/hero.jpg") no-repeat center/cover;
  z-index: -1;
}
body.fid-login,
body.fid-login > div,
body.fid-login main {
  background-color: transparent !important;
}