/* ===== Base (comum aos temas) ===== */
.mc-wrap{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.mc-output{overflow:auto;padding:12px}
.mc-inputbar{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(0,0,0,.08)}
.mc-input{
  flex:1;
  padding:12px;
  border-radius:10px;
  border:1px solid;
  resize:none;
  overflow-y:auto;
  line-height:1.4;
  min-height:40px;
  max-height:150px;
}
.mc-send{
  padding:12px 16px;
  border-radius:10px;
  border:none;
  min-height:44px;
  cursor:pointer;
}

.mc-bubble{margin:8px 0;max-width:80%;padding:10px 12px;border-radius:10px}
.mc-user{border-radius:10px 10px 0 10px;margin-left:auto}
.mc-assistant{border-radius:10px 10px 10px 0}
.mc-wa-btn{display:inline-block;margin-top:10px;padding:8px 12px;border-radius:8px;font-weight:600;text-decoration:none;border:1px solid}

/* Fluxo/posicionamento das bolhas (blindagem contra CSS externo) */
#mc-output, .mc-output{display:flex;flex-direction:column;row-gap:8px}
#mc-output .mc-bubble, .mc-output .mc-bubble{display:inline-block;width:auto}
#mc-output .mc-assistant, .mc-output .mc-assistant{align-self:flex-start}
#mc-output .mc-user,      .mc-output .mc-user{align-self:flex-end}

/* Cabeçalho/identidade */
.mc-header .mc-status{display:flex;align-items:center;gap:6px}
.mc-header .mc-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 1px rgba(0,0,0,.25) inset}

/* ===== Tema: Escuro ===== */
.mc-theme-dark .mc-wrap{background:#0f172a;border-color:#1f2937}
.mc-theme-dark .mc-header, .mc-theme-dark .mc-header *{color:#e5e7eb!important}
.mc-theme-dark .mc-output{color:#e5e7eb}
.mc-theme-dark .mc-inputbar{background:#111827}
.mc-theme-dark .mc-input{background:#1f2937;color:#fff;border-color:#3b82f6}
.mc-theme-dark .mc-send{background:#3b82f6;color:#fff}
.mc-theme-dark .mc-assistant{background:#3b82f6;color:#ffffff}
.mc-theme-dark .mc-user{background:#10b981;color:#ffffff}
.mc-theme-dark .mc-wa-btn{background:#22c55e;color:#0b1b0f;border-color:#16a34a}

/* ===== Tema: Claro ===== */
.mc-theme-light .mc-wrap{background:#ffffff;border-color:#e5e7eb;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.mc-theme-light .mc-output{background:linear-gradient(180deg,#f9fafb 0%,#ffffff 100%);color:#111827}
.mc-theme-light .mc-inputbar{background:#ffffff;border-top:1px solid #eef2f7}
.mc-theme-light .mc-input{background:#ffffff;color:#111827;border-color:#93c5fd}
.mc-theme-light .mc-send{background:#3b82f6;color:#fff}
.mc-theme-light .mc-assistant{background:#dbeafe;color:#1f2937;border:1px solid #bfdbfe}
.mc-theme-light .mc-user{background:#bbf7d0;color:#065f46;border:1px solid #86efac}
.mc-theme-light .mc-wa-btn{background:#22c55e;color:#064e3b;border:1px solid #16a34a}

/* ===== Tema: Corporativo (azul) ===== */
.mc-theme-corporate .mc-wrap{background:#ffffff;border-color:#c7d2fe;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.mc-theme-corporate .mc-output{background:#f7fbff;color:#0f172a}
.mc-theme-corporate .mc-inputbar{background:#ffffff;border-top:1px solid #e2e8f0}
.mc-theme-corporate .mc-input{background:#ffffff;color:#0f172a;border-color:#93c5fd}
.mc-theme-corporate .mc-send{background:#2563eb;color:#ffffff}
.mc-theme-corporate .mc-assistant{background:#e6f2ff;color:#003366;border:1px solid #cfe3ff}
.mc-theme-corporate .mc-user{background:#cce5ff;color:#003366;border:1px solid #b3d7ff}
.mc-theme-corporate .mc-wa-btn{background:#2563eb;color:#ffffff;border:1px solid #1d4ed8}

/* ===== Tema: Nutricionista (verde) ===== */
.mc-theme-nutri .mc-wrap{background:#ffffff;border-color:#dfe7e3;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.mc-theme-nutri .mc-output{background:linear-gradient(180deg,#f7fbf8 0%,#ffffff 100%);color:#1f2937}
.mc-theme-nutri .mc-inputbar{background:#ffffff;border-top:1px solid #e8efe9}
.mc-theme-nutri .mc-input{background:#ffffff;color:#1f2937;border-color:#b4dfc4}
.mc-theme-nutri .mc-send{background:#22c55e;color:#ffffff}
.mc-theme-nutri .mc-assistant{background:#e8f7ee;color:#0f172a;border:1px solid #d5eadc}
.mc-theme-nutri .mc-user{background:#22c55e;color:#ffffff;border:1px solid #16a34a}
.mc-theme-nutri .mc-wa-btn{background:#22c55e;color:#05351f;border:1px solid #16a34a}

/* Telas pequenas: dá mais folga */
@media (max-width:480px){
  .mc-bubble{max-width:90%}
}