:root {
  /* falls das Widget CSS-Variablen nutzt, wirken diese oft direkt */
  --chat-primary: #2563eb;
  --chat-bg: #ffffff;
  --chat-surface: #ffffff;
  --chat-border: #e2e8f0;
  --chat-text: #0f172a;
  --chat-muted: #475569;
}

/* häufige Container-Namen in Chat-Widgets */
.n8n-chat,
.n8n-chat * {
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

/* helle Oberfläche, dezente Schatten */
.n8n-chat {
  color: var(--chat-text);
}

/* Header dunkelfrei, clean */
.n8n-chat .chat-header {
  background: var(--chat-bg) !important;
  border-bottom: 1px solid var(--chat-border) !important;
}

/* Eingabebereich */
.n8n-chat .chat-input,
.n8n-chat textarea,
.n8n-chat input {
  background: #fff !important;
  border: 1px solid var(--chat-border) !important;
  color: var(--chat-text) !important;
}

/* Button */
.n8n-chat button {
  border-radius: 10px !important;
}

/* User/Assistant Bubbles (falls vorhanden) */
.n8n-chat .message-bubble,
.n8n-chat .chat-message {
  border-radius: 14px !important;
  border: 1px solid rgba(226,232,240,.8) !important;
}

/* Optional: Header entfernen (falls du es minimal willst) */
.n8n-chat .chat-header {
  display: none !important;
}