/* Markenfarben für LibreChat v0.8.8, erzeugt von konfig.py (Scholze Consulting) */
html {
  --accent-primary: 220 104 40;
  --accent-primary-hover: 176 83 32;
  --brand-purple: 220 104 40;
  --ring-primary: 220 104 40;
  --surface-submit: 78 81 91;
  --surface-submit-hover: 52 54 61;
  --link: 117 119 127;
  --link-hover: 78 81 91;
  --surface-primary-alt: 248 248 248;
  --surface-secondary: 248 248 248;
  --surface-active: 234 234 235;
  --surface-hover: 234 234 235;
  --border-light: 223 224 225;
}
html.dark, .dark {
  --accent-primary: 220 104 40;
  --accent-primary-hover: 232 157 115;
  --brand-purple: 220 104 40;
  --ring-primary: 220 104 40;
  --surface-submit: 220 104 40;
  --surface-submit-hover: 176 83 32;
  --link: 232 157 115;
  --link-hover: 239 187 158;
  --presentation: 78 81 91;
  --surface-primary: 52 54 61;
  --surface-primary-alt: 43 45 50;
  --surface-primary-contrast: 43 45 50;
  --surface-secondary: 78 81 91;
  --surface-secondary-alt: 78 81 91;
  --surface-tertiary: 117 119 127;
  --surface-tertiary-alt: 117 119 127;
  --surface-chat: 78 81 91;
  --surface-dialog: 52 54 61;
  --surface-active: 117 119 127;
  --surface-active-alt: 117 119 127;
  --surface-hover: 117 119 127;
  --surface-hover-alt: 131 133 140;
  --surface-composer-hover: 117 119 127;
  --border-light: 117 119 127;
  --border-medium: 131 133 140;
  --border-medium-alt: 131 133 140;
  --header-primary: 78 81 91;
  --header-hover: 117 119 127;
  --header-button-hover: 117 119 127;
}
/* Agenten-Marktplatz: Karten wachsen mit dem Text, Name nicht unter dem Kategorie-Schild */
div.group.relative.rounded-xl.h-32 { height: auto !important; min-height: 9rem; align-items: center; }
div.group.relative.rounded-xl.h-32 > div.flex-1 { padding-top: 1.6rem; padding-bottom: 0.4rem; }
div.group.relative.rounded-xl.h-32 > div.flex-1 > *:first-child { word-break: normal; overflow-wrap: normal; hyphens: auto; }
/* Logo ist ein Quadrat mit runden Ecken: runde Rahmen anpassen */
img[src*="app-logo"] { border-radius: 22% !important; object-fit: contain; }
.rounded-full:has(> img[src*="app-logo"]),
.rounded-full:has(> * > img[src*="app-logo"]),
.rounded-full:has(> * > * > img[src*="app-logo"]) { border-radius: 22% !important; }
/* Akzent dezent: Senden-Knopf und Links in der Akzentfarbe */
html:not(.dark) {
  --surface-submit: 220 104 40;
  --surface-submit-hover: 176 83 32;
  --link: 176 83 32;
  --link-hover: 78 81 91;
}
/* feiner Akzentrahmen um das Eingabefeld, während man schreibt */
[data-testid="composer-surface"]:focus-within { box-shadow: 0 0 0 1px rgb(220 104 40 / .55); }
/* Stil Website: Senden-Knopf in der Akzentfarbe (hell und dunkel) */
#send-button { background-color: rgb(220 104 40) !important; }
#send-button svg { color: #fff !important; }
#send-button:hover:not(:disabled) { background-color: rgb(176 83 32) !important; }
/* Leiste links in der Hauptfarbe, Symbole weiß, aktiver Bereich in der Akzentfarbe */
aside > div > div.border-r.bg-surface-primary-alt { background-color: rgb(78 81 91) !important; border-right-color: rgb(78 81 91) !important; }
aside > div > div.border-r.bg-surface-primary-alt :is(button, a) { color: rgb(255 255 255 / .85) !important; }
aside > div > div.border-r.bg-surface-primary-alt :is(button, a):hover { background-color: rgb(255 255 255 / .12) !important; color: #fff !important; }
aside > div > div.border-r.bg-surface-primary-alt [aria-pressed="true"] { background-color: rgb(220 104 40) !important; color: #fff !important; }
/* Vorschläge als Pillen, Akzentfarbe beim Überfahren */
button.rounded-2xl.border.bg-surface-secondary.shadow-sm { border-radius: 9999px !important; }
button.rounded-2xl.border.bg-surface-secondary.shadow-sm:hover { border-color: rgb(220 104 40) !important; color: rgb(176 83 32) !important; }
.dark button.rounded-2xl.border.bg-surface-secondary.shadow-sm:hover { color: rgb(232 157 115) !important; }
/* weißes Logo oben in der Leiste */
aside > div > div.border-r.bg-surface-primary-alt::before { content: ""; display: block; flex-shrink: 0; width: 30px; height: 30px; margin: 2px auto 6px; background: url("leiste-logo.svg?v=31654940") center / contain no-repeat; }