/*
  BiMont final override.
  This file intentionally neutralizes leftover EcoAyuda/Madrigal colors.
*/

:root {
  --verde-madrigal: #006d77 !important;
  --verde-oscuro: #004f56 !important;
  --naranjo-acento: #d7a94b !important;
  --fondo-suave: #fbf7ee !important;
  --gris-borde: rgba(0, 109, 119, 0.16) !important;
  --texto-suave: #1f3437 !important;
}

body,
#chatbox {
  color: #1f3437 !important;
}

#page-header,
#chat-header {
  background: linear-gradient(135deg, #006d77, #004f56) !important;
}

#btn-send {
  background: #006d77 !important;
}

#btn-send:hover {
  background: #004f56 !important;
}

.from-bot {
  border-left-color: #006d77 !important;
}

.from-bot h3,
.from-bot h4 {
  color: #004f56 !important;
}

.from-user {
  background: #e7f2fb !important;
}

.system-note {
  background: #e8f4f3 !important;
}

/* ============================================================
   BiMont refinement: soften internal chat banner
   ============================================================ */

#chat-header {
  background:
    radial-gradient(circle at top left, rgba(143, 211, 207, 0.28), transparent 38%),
    linear-gradient(135deg, #ffffff 0%, #f4fbfa 55%, #e8f4f3 100%) !important;
  color: #1f3437 !important;
  border-bottom: 3px solid rgba(0, 109, 119, 0.28) !important;
  box-shadow: 0 8px 22px rgba(0, 79, 86, 0.10) !important;
}

#chat-header .title {
  color: #004f56 !important;
}

#chat-header .subtitle {
  color: #4f686b !important;
}

#chat-header .eco-avatar img,
#chat-header #eco-avatar-img {
  background: #ffffff !important;
  border: 1px solid rgba(0, 109, 119, 0.14) !important;
  box-shadow: 0 8px 18px rgba(0, 79, 86, 0.12) !important;
}

/* soften remaining strong green/teal blocks */
#chatbox {
  background:
    radial-gradient(circle at top right, rgba(143, 211, 207, 0.20), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fbf7ee 100%) !important;
}

#btn-send {
  background: #006d77 !important;
}

#btn-send:hover {
  background: #004f56 !important;
}