/* ===== Skin Mãe Intuitiva — Atendimento ===== */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* azul primário -> #2F6B4F (CRM) */
:root, html, body, .light { --blue-9: 47 107 79 !important; }

/* corpo em Inter, títulos em Manrope */
* { font-family:'Manrope', ui-sans-serif, system-ui, sans-serif; }
h1, h2, h3, .page-title, [class*='page-title'], [class*='-heading'], [class*='page-header'] {
  font-family:'Manrope',sans-serif !important; font-weight:800 !important; letter-spacing:-0.012em;
}

/* ===== Coluna lateral interna (cara do CRM) ===== */
/* item ativo = pill azul cheio */
aside.bg-n-background a:hover { background:#EAF2ED !important; }
aside.bg-n-background a.router-link-exact-active,
aside.bg-n-background a.active { background:#2F6B4F !important; border-radius:10px !important; }
aside.bg-n-background a.router-link-exact-active *,
aside.bg-n-background a.active * { color:#fff !important; }
aside.bg-n-background a.router-link-exact-active:hover,
aside.bg-n-background a.active:hover { background:#1B4D33 !important; }

/* esconde itens pouco usados (declutter) */
aside.bg-n-background a[href*='/mentions/'],
aside.bg-n-background a[href*='/participating/'],
aside.bg-n-background a[href*='/unattended/'] { display:none !important; }

/* ===== Botão do painel de dados do lead — destacado ===== */
button[class*='rounded-full']:has(.i-ph-user-bold){ background:#2F6B4F !important; box-shadow:0 0 0 3px rgba(47,107,79,.22) !important; }
button[class*='rounded-full']:has(.i-ph-user-bold) .i-ph-user-bold{ color:#fff !important; }

/* painel de contato em fonte/acento do CRM */
[class*='contact--panel'] h1,[class*='contact--panel'] h2,[class*='contact-panel'] h3,[class*='conversation--actions'] { font-family:'Manrope',sans-serif !important; }

/* ===== Etiquetas e Canais com cara do CRM ===== */
aside.bg-n-background a[href*='/label/'] .truncate,
aside.bg-n-background a[href*='/inbox/'] .truncate,
aside.bg-n-background a[href*='/custom_view/'] .truncate {
  font-family:'Manrope',ui-sans-serif,sans-serif !important; font-weight:500 !important; letter-spacing:.004em;
}
/* chips de etiqueta na lista/cabecalho de conversas -> pill arredondado */
[class*='conversation'] [class*='label'], .label-pill, span[class*='label--'] {
  font-family:'Manrope',ui-sans-serif,sans-serif !important; font-weight:600 !important;
}

/* ===== PASSO 3 — Premium Atendimento (Íris) — fonte persistente (10/06) ===== */
/* token de marca (botão Enviar/Resolver) azul -> fúcsia */
:root, .light, html { --n-brand: 47 107 79 !important; }
.bg-n-brand { background-color:#2F6B4F !important; }
.text-n-brand, [class*='text-n-brand'] { color:#2F6B4F !important; }
.border-n-brand { border-color:#2F6B4F !important; }
.outline-n-brand, [class*='outline-n-brand'] { outline-color:#2F6B4F !important; }

/* bolha da equipe (outgoing) azul -> fúcsia clarinho; cliente fica cinza */
.right-bubble { background:#D8F0E1 !important; border-radius:14px !important; }
.left-bubble { border-radius:14px !important; }
.right-bubble a { color:#1B4D33 !important; text-decoration:underline; }

/* esconder a coluna de pastas do Chatwoot (só existe 1 aside.bg-n-background) */
aside.bg-n-background { display:none !important; } /* coluna escondida (busca vai pro topo da lista via qm.js) */

/* etiqueta de canal -> pill premium (igual chips do topo), sem o "{}" */
.i-woot-api { display:none !important; }
div[title]:has(.i-woot-api) {
  background:#E7F0EA !important; border-radius:7px !important; padding:1px 7px !important;
  flex:0 0 auto !important; width:auto !important; max-width:max-content; align-items:center;
}
div[title]:has(.i-woot-api) > span:first-child { display:none !important; }
div[title]:has(.i-woot-api) span { color:#1B4D33 !important; font-weight:600 !important; }
div[title="Comercial"]:has(.i-woot-api)::before { content:"💼"; margin-right:3px; }
div[title="Suporte"]:has(.i-woot-api)::before  { content:"🎧"; margin-right:3px; }
div[title="Renovação"]:has(.i-woot-api)::before{ content:"🔄"; margin-right:3px; }

/* ===== Conversa mais larga (estilo WhatsApp Web) — 30/06 ===== */
.conversations-list-wrap{ flex:0 0 328px !important; width:328px !important; max-width:328px !important; min-width:328px !important; }
.conversation-panel{ padding-left:10px !important; padding-right:10px !important; }
.right-bubble, .left-bubble{ max-width:74% !important; }

/* ===== Unnichat Live Chat (Íris) — 11/07 ===== */
.conversation-panel{ background:#EAE6DD !important; }
.right-bubble{ background:#D8F0E1 !important; color:#0E3F26 !important; }
.left-bubble{ background:#ffffff !important; border:1px solid #E4EDE8 !important; }
.reply-box, .reply-box__top{ border-radius:14px !important; }
/* ===== Input compacto — mais espaço pra conversa (Íris/Unnichat) 11/07 ===== */
.reply-box .ProseMirror{ min-height:46px !important; max-height:150px !important; }
.reply-box__top{ padding-top:4px !important; padding-bottom:4px !important; }
/* ===== input ainda mais compacto + barra qm slim (12/07) ===== */
.reply-box .ProseMirror{ min-height:36px !important; max-height:130px !important; }
.reply-box__top{ padding-top:2px !important; padding-bottom:2px !important; }
.qm-bar{ padding:4px 12px !important; gap:5px !important; }
.qm-bar button{ width:30px !important; height:30px !important; }
.qm-bar span:first-child{ font-size:11.5px !important; }
/* aperto final seguro do input (12/07) */
.reply-box{ padding-top:2px !important; padding-bottom:6px !important; }
.qm-bar{ padding:3px 12px !important; gap:5px !important; }
.qm-bar button{ width:28px !important; height:28px !important; }
/* ===== ajuste manha 12/07: input mais baixo + lista arredondada ===== */
.reply-box .ProseMirror{ min-height:32px !important; }
.reply-box > div{ padding-top:3px !important; padding-bottom:3px !important; }
.conversations-list-wrap a, .conversations-list-wrap li{ border-radius:12px !important; }