/**
 * AETERNA — Branding alineado con aeterna-ia.com (paleta beige minimalista).
 * Servido como /custom.css (bind mount → Chatwoot /app/public/custom.css).
 */

:root {
  --aeterna-bg: #f9f7f2;
  --aeterna-sidebar: #efebe0;
  --aeterna-primary: #c2b280;
  --aeterna-text: #333333;
  --aeterna-border: #c2b280;
  --aeterna-bubble-agent-bg: #FFFFFF;
  --aeterna-bubble-user-bg: #c2b280;
}

html,
body {
  background-color: var(--aeterna-bg) !important;
  color: var(--aeterna-text) !important;
}

#app,
.app-wrapper,
[class*="app-container"],
[class*="AppContainer"] {
  background-color: var(--aeterna-bg) !important;
  color: var(--aeterna-text) !important;
}

aside,
nav,
[class*="Sidebar"],
[class*="sidebar"],
[class*="Navigation"],
[class*="navigation"],
[class*="sidebar-wrap"] {
  background: var(--aeterna-sidebar) !important;
  border-color: rgba(194, 178, 128, 0.35) !important;
  color: var(--aeterna-text) !important;
}

main,
[class*="Main"],
[class*="main-content"],
[class*="Content"],
[class*="content"],
[class*="conversation-panel"],
[class*="ConversationPanel"] {
  background-color: var(--aeterna-bg) !important;
  color: var(--aeterna-text) !important;
}

[class*="Card"],
[class*="card"],
[class*="Conversation"],
[class*="conversation"],
[class*="Panel"],
[class*="panel"],
[class*="inbox-view"] {
  background: var(--aeterna-bg) !important;
  border-color: rgba(194, 178, 128, 0.4) !important;
  color: var(--aeterna-text) !important;
}

input,
textarea,
select,
[class*="Search"],
[class*="search"] {
  background: #FFFFFF !important;
  border: 1px solid rgba(194, 178, 128, 0.55) !important;
  color: var(--aeterna-text) !important;
}

a:not([href*="//"]) {
  color: var(--aeterna-primary) !important;
}

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

[class*="powered-by"],
[class*="PoweredBy"],
[class*="branding-footer"] {
  visibility: hidden !important;
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Botones primarios */
button[class*="primary"],
[class*="Button--primary"],
.btn-primary {
  background-color: var(--aeterna-primary) !important;
  border-color: var(--aeterna-primary) !important;
  color: #FFFFFF !important;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--aeterna-sidebar);
}
::-webkit-scrollbar-thumb {
  background: var(--aeterna-primary);
  border-radius: 4px;
}

/* ── Burbujas: agente = blanco + borde beige; usuario/contacto = dorado ── */
.message.message--outgoing .message-text__wrap,
.message.message--outgoing .prose,
.message.message--outgoing [class*="bubble"],
.message.message--outgoing [class*="Bubble"],
.message--outgoing .content,
.message--outgoing .text-block-wrap {
  background: var(--aeterna-bubble-agent-bg) !important;
  border: 1px solid var(--aeterna-border) !important;
  color: var(--aeterna-text) !important;
  border-radius: 12px !important;
}

.message.message--incoming .message-text__wrap,
.message.message--incoming .prose,
.message.message--incoming [class*="bubble"],
.message.message--incoming [class*="Bubble"],
.message--incoming .content,
.message--incoming .text-block-wrap {
  background: var(--aeterna-bubble-user-bg) !important;
  border: 1px solid rgba(51, 51, 51, 0.12) !important;
  color: var(--aeterna-text) !important;
  border-radius: 12px !important;
}

/* Fallbacks por estructura alternativa del widget Vue */
[class*="message-wrap"].message--incoming [class*="content"],
[class*="message-wrap"].message--incoming .prose {
  background: var(--aeterna-bubble-user-bg) !important;
  color: var(--aeterna-text) !important;
}

[class*="message-wrap"].message--outgoing [class*="content"],
[class*="message-wrap"].message--outgoing .prose {
  background: var(--aeterna-bubble-agent-bg) !important;
  border: 1px solid var(--aeterna-border) !important;
  color: var(--aeterna-text) !important;
}