/* TIDY — HB Management Theme
   Dezente Cyan/Teal Akzente, Inter Font, clean & professionell */

/* ============================================
   Chainlit-Branding entfernen
   ============================================ */

a[href*="chainlit"], a[href*="github.com/Chainlit"] {
  display: none !important;
}

[class*="watermark"],
[class*="Watermark"],
footer a[target="_blank"] {
  display: none !important;
}

/* Login-Seite: Bild-Panel dezenter Hintergrund */
.relative.hidden.bg-muted.lg\:block {
  background: hsl(200, 20%, 96%) !important;
}

/* ============================================
   Background — dezenter Gradient
   ============================================ */

body {
  background: linear-gradient(160deg,
    hsl(200, 25%, 96%) 0%,
    hsl(0, 0%, 99%) 50%,
    hsl(200, 20%, 96%) 100%
  ) !important;
}

.dark body,
[data-theme="dark"] body {
  background: linear-gradient(160deg,
    hsl(210, 50%, 8%) 0%,
    hsl(215, 40%, 10%) 50%,
    hsl(210, 50%, 8%) 100%
  ) !important;
}

/* ============================================
   Chatbox / Composer — weiss statt tuerkis
   Tailwind-Klasse bg-accent ueberschreiben
   ============================================ */

#message-composer,
#message-composer.bg-accent,
div.bg-accent.rounded-3xl {
  background: hsl(0, 0%, 100%) !important;
  border: 1px solid hsl(214, 32%, 88%) !important;
}

.dark #message-composer,
.dark div.bg-accent.rounded-3xl {
  background: hsl(215, 30%, 14%) !important;
  border-color: hsl(215, 20%, 22%) !important;
}

/* Textarea */
textarea {
  background: transparent !important;
  border: none !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
}

/* ============================================
   Chat-Nachrichten
   ============================================ */

[class*="message"] {
  border-radius: 0.75rem !important;
}

/* ============================================
   Scrollbar
   ============================================ */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: hsl(215, 16%, 75%);
  border-radius: 3px;
}

.dark ::-webkit-scrollbar-thumb {
  background: hsl(215, 20%, 30%);
}

::-webkit-scrollbar-thumb:hover {
  background: hsl(188, 50%, 46%);
}

/* ============================================
   Links — Teal Akzent
   ============================================ */
a {
  color: hsl(188, 60%, 38%);
}

a:hover {
  color: hsl(170, 60%, 38%);
}

.dark a {
  color: hsl(188, 65%, 55%);
}

/* ============================================
   Quellenangaben
   ============================================ */
strong {
  color: hsl(210, 30%, 25%);
}

.dark strong {
  color: hsl(188, 50%, 70%);
}

/* ============================================
   Code-Bloecke
   ============================================ */
pre, code {
  border-radius: 0.5rem !important;
}