
/* Paleta → chatbot + Meu Plano + CTAs info */
#chatbotRoot,
#chatbotFab,
.chatbot-container {
  --chat-accent: var(--gold, #D4AF37);
  --chat-accent-soft: color-mix(in srgb, var(--gold, #D4AF37) 18%, transparent);
  --chat-border: color-mix(in srgb, var(--gold, #D4AF37) 35%, var(--border, rgba(255,255,255,.12)));
}
#chatbotFab {
  background: var(--gold, #D4AF37) !important;
  border-color: var(--gold, #D4AF37) !important;
  color: #111 !important;
  box-shadow: 0 8px 28px color-mix(in srgb, var(--gold, #D4AF37) 35%, transparent) !important;
}
.chatbot-header-title i,
#chatbotRoot .chatbot-header-title i {
  color: var(--gold, #D4AF37) !important;
}
#chatSendBtn,
#mfpWindow #chatSendBtn {
  background: var(--gold, #D4AF37) !important;
  border-color: var(--gold, #D4AF37) !important;
  color: #111 !important;
}
.chat-chip,
#mfpWindow .chat-chip,
.chatbot-message .chat-chip {
  border-color: var(--chat-border) !important;
  color: var(--gold, #D4AF37) !important;
  background: var(--chat-accent-soft) !important;
}
.chat-typing-dots {
  color: var(--gold, #D4AF37) !important;
}
#chatbotRoot .chatbot-header,
#mfpWindow .chatbot-header {
  border-bottom-color: var(--chat-border) !important;
}
#chatbotCloseBtn:hover {
  color: var(--gold, #D4AF37) !important;
}

/* Meu Plano — botões e CTAs */
.mfp-btn-primary,
#mfpWindow .btn-primary,
button.mfp-open,
[data-cta="plano"],
.info-card[data-cta="plano"] {
  border-color: color-mix(in srgb, var(--gold, #D4AF37) 45%, transparent) !important;
}
.info-card[data-cta="plano"] .info-card-title,
.info-card[data-title="Meu Plano"] .info-card-title {
  color: var(--gold, #D4AF37) !important;
}
/* Abrir Meu Plano / Simular com estes dados */
.term-integ-group .btn,
.btn-group.term-integ-group .btn,
#mfpWindow .mfp-actions .btn,
.mfp-actions button,
button[onclick*="MeuPlano"],
.btn[onclick*="MeuPlano"] {
  transition: border-color .15s, color .15s, background .15s;
}
.term-integ-group .btn:hover,
button[onclick*="MeuPlano.capture"],
button[onclick*="MeuPlano.apply"],
button[onclick*="Simular"] {
  border-color: var(--gold, #D4AF37) !important;
  color: var(--gold, #D4AF37) !important;
}
.mfp-primary,
.btn.mfp-primary,
#mfpSave,
#mfpApplyTerminal,
button.btn-gold {
  background: var(--gold, #D4AF37) !important;
  border-color: var(--gold, #D4AF37) !important;
  color: #111 !important;
}
.term-link[onclick*="MeuPlano"],
a.term-link {
  color: var(--gold, #D4AF37) !important;
}

/* Modal info CTA */
.info-modal-cta,
[data-info-modal-cta],
.modal-cta-plano {
  background: var(--gold, #D4AF37) !important;
  border-color: var(--gold, #D4AF37) !important;
  color: #111 !important;
}
