/* =====================================================================
   Theme-Overrides für das Lea.care Chat-Widget
   Passt die Standard-Türkis-Töne an die Praxis-Farben an:
     Primär (dunkelblau)  #6b81a8
     Sekundär (hellblau)  #849dc6
     Akzent (beige)       #c4b098
     Slate (Text)         #3e4960
     Helle Flächen        #eaf0f5 / #f4f7fc
   ===================================================================== */

/* Floating Chat-Button (rund, unten rechts) – inline gesetzt, daher !important */
#chat-fab {
  background: #6b81a8 !important;
  box-shadow: 0 4px 14px rgba(62, 73, 96, 0.22) !important;
}
#chat-fab:hover { background: #5e7596 !important; }

/* Chat-Container & Hintergrund */
#chat-widget-container { color: #3e4960 !important; }
#chatlog-wrapper {
  background: linear-gradient(180deg, #f4f7fc 0%, #eaf0f5 100%) !important;
}
#chatlog {
  background: #f7faff !important;
  border: 1px solid #cdd6e5 !important;
}

/* Nachrichten – Nutzer */
.user {
  background: linear-gradient(135deg, #dae1ee 0%, #c6d2e3 100%) !important;
  color: #3e4960 !important;
  border: 1px solid #b6c3d5 !important;
}

/* Nachrichten – KI (Lea) */
.ai {
  background: linear-gradient(135deg, #6b81a8 0%, #4f6580 100%) !important;
  color: #ffffff !important;
  border: 1px solid #4f6580 !important;
}

/* Lea-Avatar im Chat */
.lea-icon {
  background: rgba(196, 176, 152, 0.4) !important;
  color: #ffffff !important;
  border: 1px solid rgba(196, 176, 152, 0.55) !important;
}

/* Eingabefeld */
#user-input {
  border: 1px solid #b6c3d5 !important;
  color: #3e4960 !important;
  background: #ffffff !important;
}
#user-input:focus {
  border-color: #6b81a8 !important;
  box-shadow: 0 0 0 3px rgba(107, 129, 168, 0.16) !important;
}

/* Senden-Button */
#send-btn {
  background: linear-gradient(135deg, #849dc6 0%, #6b81a8 100%) !important;
  border: 1px solid #4f6580 !important;
  box-shadow: 0 2px 10px rgba(62, 73, 96, 0.18) !important;
}
#send-btn:hover {
  background: linear-gradient(135deg, #7891b9 0%, #5e7596 100%) !important;
  box-shadow: 0 4px 14px rgba(62, 73, 96, 0.24) !important;
}

/* Statuszeile */
#status { color: #5a6a82 !important; }

/* Settings-Icon (Zahnrad) */
#settings-btn svg path { fill: #6b81a8 !important; }
#settings-btn:hover { background: #eaf0f5 !important; }

/* Minimieren- und Schließen-Buttons */
#minimize-chat svg rect,
#minimize-greeting svg rect { fill: #6b81a8 !important; }
#close-chat-mobile svg circle { fill: #eaf0f5 !important; }
#close-chat-mobile svg path { stroke: #6b81a8 !important; }

/* Mikrofon-Kugel (Audio-Modus) */
button.ball-style {
  background: radial-gradient(ellipse at 60% 35%, rgba(132, 157, 198, 0.55) 38%, #6b81a8 71%, #849dc6 100%) !important;
}

/* Neustart-Button */
#neustart {
  background: linear-gradient(180deg, #eaf0f5 0%, #b6c3d5 100%) !important;
}

/* Karten / Auswahl-Optionen */
.card {
  background: #ffffff !important;
  border: 1px solid #cdd6e5 !important;
  color: #3e4960 !important;
  box-shadow: 0 2px 8px rgba(62, 73, 96, 0.08) !important;
}
.card:hover {
  border-color: #6b81a8 !important;
  background: #f4f7fc !important;
  box-shadow: 0 6px 18px rgba(62, 73, 96, 0.14) !important;
}
.card:active {
  background: #eaf0f5 !important;
  box-shadow: 0 2px 6px rgba(62, 73, 96, 0.16) !important;
}

/* Begrüßungs-Bubble (kleine Sprechblase, die einmal eingeblendet wird) */
.greeting-message {
  background: linear-gradient(120deg, #eaf0f5 0%, #dae1ee 100%) !important;
  color: #3e4960 !important;
  box-shadow: 0 6px 32px rgba(62, 73, 96, 0.18) !important;
}
.greeting-icon {
  background: #6b81a8 !important;
  box-shadow: 0 2px 8px rgba(107, 129, 168, 0.3) !important;
}
.leacare-greeting-title { color: #3e4960 !important; }
.leacare-greeting-subtitle,
.leacare-greeting-question { color: #5a6a82 !important; }
.leacare-greeting-institutions {
  background: rgba(255, 255, 255, 0.65) !important;
  border: 1px solid rgba(107, 129, 168, 0.25) !important;
  color: #3e4960 !important;
}
.greeting-card {
  background: #ffffff !important;
  border: 1px solid #cdd6e5 !important;
  color: #3e4960 !important;
}
.greeting-card:hover {
  background: #f4f7fc !important;
  box-shadow: 0 8px 16px rgba(62, 73, 96, 0.18) !important;
}

/* Einstellungs-Modal */
#settings-modal { background: rgba(62, 73, 96, 0.25) !important; }
#settings-modal h3 { color: #6b81a8 !important; }
#close-settings { color: #6b81a8 !important; }