/* AGNUM: ajustes pedidos no ADAPTACAO-AGNUM.md (seção 4) que os anexos não cobrem. Os anexos ficam intocados. */

/* login: vitrine em carvão, sem nuvens e sem o Pipo */
.lg-arte { background: radial-gradient(120% 80% at 85% 10%, rgba(255,255,255,.08), transparent 55%), linear-gradient(155deg, #3A3532 0%, #2D2926 50%, #1F1C1A 100%); }
.lg-arte::before { opacity: .28; }
.lg-brilho { background: radial-gradient(circle, rgba(248, 247, 242, .16), transparent 65%); }
.lg-barra i { background: linear-gradient(90deg, #2D2926, #888789); }
.lg-etapas span.on:last-child { background: #B08D57; box-shadow: 0 8px 16px -6px rgba(176, 141, 87, .8); }
.lg-etapas span { line-height: 1.15; }
.lg-venda > span { background: #F3F2EE; color: #2D2926; }
.lg-venda > span svg { width: 22px; height: 22px; }
.lg-frase { position: relative; z-index: 4; color: #fff; font-size: 18px; font-weight: 600; margin: 0; }
.lg-cel-cab b { font-size: 12.5px; }
.lg-bot .av-agnum { border-radius: 50%; background: #2D2926; display: grid; place-items: center; }
.lg-bot .av-agnum img { width: 34px; height: 34px; object-fit: contain; filter: brightness(0) invert(1); }
.lg-bot small { color: #6D6C6C; }
.lg-msg b { font-weight: 700; }

/* meta do mês: barra em carvão → cinza */
.pn-meta-barra i { background: linear-gradient(90deg, #2D2926, #888789); }

/* faixa de notificação fora do Bate-papo */
.cv-avisos.solta { margin: 0 0 18px; }

/* módulo ainda não ativado */
.inativo-box { background: #fff; border-radius: 10px; box-shadow: 0 1px 3px rgba(31, 28, 26, .05); }

/* menu: botão do grupo sem ícone de ação ocupa a linha */
nav.menu .grupo button { display: flex; align-items: center; gap: 8px; }
nav.menu .grupo button .pillcount { margin-left: 0; }
.pillcount.verde { background: var(--accent); }

/* ficha: dados de campanha recolhíveis */
.lp-origem summary small { margin-left: 4px; }

/* ícone "verde" dos KPIs em carvão (sem verde de marca) */
.kpi-ic.verde { color: #2D2926; }

/* seletor de módulo (CRM | Gestão) no topo da barra lateral */
.workspace .ws-sel { padding: 0; gap: 0; overflow: hidden; }
.ws-sel b, .ws-sel a { display: inline-flex; align-items: center; height: 100%; padding: 0 18px; }
.ws-sel a { background: #fff; color: var(--accent); font-weight: 600; }
.ws-sel a:hover { background: #F3F2EE; }