/* Painel Soluciona iA: a única folha de estilo. Visual de design/v3.html (Hoje) e design/v4.html (Todas as funções).
   Sem as fontes, cai em system-ui e Georgia e nada quebra. */
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(geist-variavel.woff2?v=19f9c925) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(instrument-serif-400.woff2?v=5eb09b5a) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(instrument-serif-italic.woff2?v=5a51946d) format("woff2")}

*{box-sizing:border-box}
:root{--fundo:#F5F2EC;--tinta:#1A1814;--suave:#6B655B;--linha:#E6E0D5;--ouro:#B8862E;--ouro-t:#80590F;--ourocl:#F3E7CC;--verde:#256B49;--serifa:"Instrument Serif",Georgia,serif}
body{margin:0;font:16px/1.5 Geist,system-ui,sans-serif;background:var(--fundo);color:var(--tinta)}
a{color:inherit}
[hidden]{display:none!important}
main{max-width:760px;margin:0 auto;padding:6px 20px 140px}
body.larga main{max-width:1180px;padding:0 40px 140px}

/* cabeçalho */
.topo{display:flex;justify-content:space-between;align-items:center;padding:26px 56px;max-width:1440px;margin:0 auto}
.logo{display:flex;gap:10px;align-items:center;font-weight:700;font-size:17px;text-decoration:none}
.topo .dir{display:flex;gap:12px;align-items:center}
.marca{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;color:var(--suave);background:#fff;border:1px solid var(--linha);border-radius:99px;padding:8px 16px}
.marca label{font-size:12px;color:var(--suave)}
.marca select{width:auto;max-width:180px;margin:0;padding:0 4px;border:0;background:transparent;color:var(--tinta);font-size:14px}
.marca button{width:auto;margin:0;padding:4px 10px;border-radius:99px;background:var(--ourocl);color:#7A5A16;font-size:12px}
.eu{width:38px;height:38px;border-radius:50%;background:var(--tinta);color:#fff;display:grid;place-items:center;font-weight:600;text-decoration:none}
.topo .sair{font-size:14px;color:var(--suave);text-decoration:none}

/* títulos */
.voltar-tela{display:inline-block;margin:8px 0 0;font-size:14px;font-weight:600;color:var(--suave);text-decoration:none;padding:6px 12px 6px 0}
.voltar-tela:hover{color:var(--tinta)}
h1{font:400 44px/1.08 var(--serifa);letter-spacing:-.5px;margin:14px 0 10px}
h1 em{color:var(--suave);font-style:italic}
h2{font-size:18px;font-weight:600;margin:0 0 8px}
body.larga h1{font-size:64px;line-height:1.05;margin-top:14px}

/* telas antigas, repintadas */
.card{background:#fff;border:0;border-radius:20px;padding:18px 20px;margin:14px 0;box-shadow:0 6px 24px rgba(26,24,20,.05)}
.linha{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--linha)}
.linha:last-child{border:0}
.n{font-weight:600;white-space:nowrap}
.peq{font-size:14px;color:var(--suave)}
.bar{height:10px;background:var(--fundo);border-radius:8px;overflow:hidden;margin:2px 0 10px}
.bar i{display:block;height:100%;background:var(--ouro)}
.alerta{background:var(--ourocl)}
.alerta a{color:#7A5A16;font-weight:600}
.ok{background:#E3EFE8}
a.item{display:block;color:inherit;text-decoration:none}
.chip{display:inline-block;padding:2px 10px;border-radius:99px;background:var(--fundo);border:1px solid var(--linha);color:var(--suave);font-size:13px;margin-right:4px}
.chip.ad{background:var(--ourocl);border-color:var(--ourocl);color:#7A5A16}
.msg{margin:8px 0;display:flex}
.msg.s{justify-content:flex-end}
.bal{max-width:84%;padding:10px 14px;border-radius:18px 18px 18px 6px;background:#fff;box-shadow:0 2px 10px rgba(26,24,20,.05);white-space:pre-wrap;overflow-wrap:anywhere}
.s .bal{border-radius:18px 18px 6px 18px;background:var(--ourocl)}
.s.hu .bal{background:var(--tinta);color:#fff}
.s.hu .bal small{color:#CFC8BB}
.s.au .bal{background:#fff;border:1px dashed var(--ouro)}
.bal small{display:block;color:var(--suave);font-size:13px;margin-top:3px}
.cab{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:-2px 0 6px}
.cab .chip{margin:0}
.cab a.chip{text-decoration:none;color:var(--tinta)}
form[action="/conversas"]{display:flex;gap:10px;align-items:center;padding:12px}
form[action="/conversas"] input,form[action="/conversas"] button{margin:0}
form[action="/conversas"] select{display:none}
form[action="/conversas"] button{width:auto;padding:12px 20px}
.ev{text-align:center;color:var(--suave);font-size:14px;margin:12px 0}
.erro .bal{background:#FDECEC}
.msg.s.erro .bal{background:#FDECEC;color:var(--tinta)}
.msg.s.erro .bal small{color:var(--suave)}
table{width:100%;border-collapse:collapse;font-size:15px}
td,th{padding:8px 4px;border-bottom:1px solid var(--linha);text-align:right}
td:first-child,th:first-child{text-align:left}
input,button,select,textarea{font:inherit;padding:12px;border-radius:12px;border:1px solid var(--linha);background:#fff;color:var(--tinta);width:100%;margin:6px 0}
textarea{min-height:90px}
button{background:var(--tinta);color:#fff;border:0;font-weight:600;cursor:pointer}
button:disabled{opacity:.4;cursor:not-allowed}
.pag{display:flex;justify-content:space-between;margin:16px 0}
.pag a{font-weight:600;color:var(--tinta)}
.acoes form{margin:0}
.acoes button{margin:4px 0}
.btn2{background:#fff;color:var(--suave);border:1px solid var(--linha)}
.btn-ia{background:#EAE4D8;color:var(--tinta);border:1px solid var(--linha);box-shadow:0 1px 3px rgba(26,24,20,.12)}
.btn-ia.on{background:#E3EFE8;color:var(--verde);border-color:var(--verde)}
.acao-ia button.link{background:none;border:0;box-shadow:none;color:var(--suave);font-weight:400;font-size:13px;text-decoration:underline;width:auto;margin:4px 0 0;padding:4px 0}
.perigo{background:#B42318}
.ficha img{max-width:100%;border-radius:14px;margin:6px 0}
.toast{position:fixed;left:12px;right:12px;bottom:90px;max-width:520px;margin:0 auto;padding:14px 16px;border-radius:14px;background:var(--tinta);color:#fff;font-weight:600;box-shadow:0 12px 40px rgba(26,24,20,.2);z-index:9}

/* Hoje */
.resumo{font-size:19px;color:var(--suave);margin:14px 0 0;line-height:1.5}
.resumo b{color:var(--tinta);font-weight:600}
.aviso-ouro{display:inline-block;margin-top:20px;background:var(--ourocl);color:#7A5A16;border-radius:99px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none}
.aviso-ouro.arq{display:block;margin:14px 0 4px;border-radius:14px}
.filtros{display:flex;gap:8px;margin:30px 0 16px;align-items:center;flex-wrap:wrap}
.filtros a{font-size:14px;padding:9px 15px;border-radius:99px;background:#fff;border:1px solid var(--linha);color:var(--suave);text-decoration:none;white-space:nowrap}
.filtros a b{color:var(--tinta);margin-left:4px}
.filtros a.on{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.filtros a.on b{color:#D4A54A}
.filtros a.zero{color:var(--suave)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.c{background:#fff;border-radius:20px;padding:20px;box-shadow:0 6px 24px rgba(26,24,20,.05);display:flex;flex-direction:column;min-width:0}
.quem{display:flex;align-items:center;gap:12px}
.quem>div:nth-child(2){min-width:0}
.av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:14px}
.quem b{font-size:16px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quem small{font-size:13px;color:var(--suave)}
.motivo{margin-left:auto;white-space:nowrap;font-size:12px;padding:4px 10px;border-radius:99px}
.tom-responder{background:var(--ourocl);color:#7A5A16}
.tom-aprovar{background:#E3EFE8;color:var(--verde)}
.tom-sumiram{background:#E8E6F5;color:#4B3FA0}
.motivo.tom-responder{background:#FDECEC;color:#B42318}
.motivo.tom-sumiram{background:var(--ourocl);color:#7A5A16}
.diz{font-size:15px;color:var(--suave);margin:16px 0 12px;line-height:1.45;overflow-wrap:anywhere}
.ia{background:var(--fundo);border-radius:14px;padding:14px;font-size:15px;line-height:1.45}
.ia small{display:block;font-size:12px;color:var(--ouro-t);font-weight:600;margin-bottom:6px}
.bt{display:flex;gap:8px;margin-top:auto;padding-top:14px}
.bt a{flex:1;text-align:center;padding:11px;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;border:1px solid var(--linha);color:var(--suave)}
.bt a.prim{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.bf{margin-top:auto;display:flex;flex-direction:column;padding-top:14px}
.bf form{margin:0;display:flex;flex-direction:column;flex:1}
.bf textarea{min-height:84px;margin:0 0 4px;resize:vertical}
.bf .bt{margin-top:0;padding-top:10px}
.bt form{flex:1;display:flex;margin:0}
.bt button{flex:1;white-space:nowrap;width:auto;margin:0;padding:11px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--linha);background:#fff;color:var(--suave)}
.bt button.prim{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.ia small.aviso{display:inline;margin:0;color:var(--suave);font-weight:400;font-size:12px}
.nota{margin:18px 0 0;display:inline-block;border-radius:14px;padding:10px 16px;font-size:14px;color:var(--verde)}
.mais{text-align:center;font-size:14px;color:var(--suave);margin-top:18px}
.mais a{color:var(--tinta)}
.vazio{grid-column:1/-1;background:#fff;border-radius:20px;padding:28px;text-align:center;color:var(--suave);box-shadow:0 6px 24px rgba(26,24,20,.05)}
details.numeros{margin-top:40px}
details.numeros summary{cursor:pointer;display:inline-block;font-size:14px;color:var(--suave);border:1px solid var(--linha);border-radius:99px;padding:9px 16px;background:#fff}
details.numeros[open] summary{margin-bottom:10px}

/* barra flutuante */
.dock{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#fff;border-radius:99px;padding:8px;display:flex;gap:6px;box-shadow:0 12px 40px rgba(26,24,20,.12);z-index:5;max-width:calc(100% - 24px)}
.dock a{position:relative;white-space:nowrap;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:99px;font-size:14px;color:var(--suave);text-decoration:none}
.dock a.on{background:var(--tinta);color:#fff}
.dock a.tudo{background:var(--ourocl);color:#7A5A16;font-weight:600}
.dock a.tudo.on{background:var(--tinta);color:#fff}
.dock svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dock .curto{display:none}

/* Todas as funções */
.gaveta{background:#fff;border-radius:28px;box-shadow:0 30px 80px rgba(26,24,20,.10);padding:30px 36px 26px;margin-top:6px}
.gaveta h1{font-size:44px!important;margin:0 0 22px}
.grade{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.grupo h3{font-size:13px;color:var(--ouro-t);font-weight:600;margin:0 0 10px}
.it{display:block;padding:11px 12px;border-radius:12px;margin-bottom:6px;border:1px solid var(--linha);text-decoration:none;color:inherit}
a.it:hover{border-color:var(--ouro)}
.it b{display:block;font-size:15px;font-weight:600}
.it small{font-size:12.5px;color:var(--suave)}
.it.breve{opacity:.5}
.it.breve em{display:inline-block;margin-left:6px;font-style:normal;font-size:11px;font-weight:600;color:#7A5A16;background:var(--ourocl);border-radius:99px;padding:1px 8px}
.dica{margin-top:20px;font-size:14px;color:var(--suave);text-align:center}

/* gaveta em sobreposição (<dialog>, só com JavaScript) e busca da gaveta */
.so-js{display:none}
.js .so-js{display:block}
.busca-gav{margin:0 0 20px;border-radius:99px;padding:12px 18px;background:var(--fundo);border-color:transparent}
.gaveta .tit{font:400 44px/1.08 var(--serifa);letter-spacing:-.5px;margin:0}
.gav-topo{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.gav-topo .fechar{width:40px;height:40px;min-height:0;margin:0;padding:0;border-radius:50%;background:var(--fundo);color:var(--tinta);font-size:22px;line-height:1}
dialog.gav{border:0;padding:0;background:transparent;width:calc(100% - 32px);max-width:1180px;max-height:calc(100dvh - 32px);overflow:auto;color:var(--tinta)}
dialog.gav::backdrop{background:rgba(26,24,20,.38)}
dialog.gav .gaveta{margin:0}
.sem-gav{text-align:center;color:var(--suave);margin:10px 0}
.js .sugerir.so-js{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sugerir button{width:auto;margin:4px 0;padding:8px 16px}
.sugerir .sug-aviso{margin:0;flex:1 1 160px}

/* caixa de busca (Hoje e /buscar) */
.pede{display:flex;align-items:center;gap:10px;background:#fff;border-radius:99px;padding:8px 8px 8px 24px;margin:26px 0 0;box-shadow:0 6px 24px rgba(26,24,20,.05)}
.pede input{flex:1;margin:0;border:0;padding:8px 0;font-size:19px;background:transparent;outline:none;min-width:0}
.pede button{flex:none;width:44px;height:44px;min-height:0;margin:0;padding:0;border-radius:50%;font-size:18px}
.chips{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.chips a{font-size:14px;border:1px solid var(--linha);border-radius:99px;padding:8px 14px;color:var(--suave);text-decoration:none}
.chips a:hover{border-color:var(--ouro)}
.chips a.on{background:var(--tinta);border-color:var(--tinta);color:#fff}
h2.sec{font-size:13px;color:var(--ouro-t);font-weight:600;margin:26px 0 10px}
.res{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.res .peq{grid-column:1/-1;margin:0}

/* Ajustes */
.ajustes h2{margin-top:6px}
.ajustes .peq{margin:0 0 12px}
.posicoes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:10px 0 8px}
label.pos{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:1px solid var(--linha);border-radius:16px;cursor:pointer;font-size:14px;color:var(--suave)}
label.pos:has(input:checked){border-color:var(--tinta);color:var(--tinta);box-shadow:0 0 0 1px var(--tinta)}
label.pos input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
label.pos:has(input:focus-visible){outline:2px solid var(--ouro);outline-offset:2px}
.mini{position:relative;display:block;width:76px;height:50px;border-radius:8px;background:var(--fundo);border:1px solid var(--linha)}
.mini i{position:absolute;background:var(--tinta);border-radius:99px}
.mini-baixo i{left:16px;right:16px;bottom:5px;height:7px}
.mini-cima i{left:16px;right:16px;top:12px;height:7px}
.mini-esquerda i{left:5px;top:12px;bottom:12px;width:7px}
.mini-direita i{right:5px;top:12px;bottom:12px;width:7px}
.fixadas{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 14px;margin-bottom:8px}
label.fix{display:flex;align-items:center;gap:10px}
label.fix b{flex:none;width:26px;height:26px;border-radius:50%;background:var(--ourocl);color:#7A5A16;display:grid;place-items:center;font-size:13px}
.sair-btn{display:inline-block;padding:11px 18px;border-radius:12px;text-decoration:none;font-weight:600}

/* barra fora de baixo (só no computador; no celular fica sempre embaixo) */
@media (min-width:721px){
  .barra-esquerda .dock,.barra-direita .dock{top:50%;bottom:auto;left:20px;transform:translateY(-50%);flex-direction:column;border-radius:32px;padding:8px}
  .barra-direita .dock{left:auto;right:20px}
  .barra-esquerda .dock a,.barra-direita .dock a{padding:13px}
  .barra-esquerda .dock a>span,.barra-direita .dock a>span{display:none;position:absolute;top:50%;transform:translateY(-50%);background:var(--tinta);color:#fff;font-size:13px;padding:6px 12px;border-radius:99px;pointer-events:none;box-shadow:0 8px 24px rgba(26,24,20,.2)}
  .barra-esquerda .dock a>span{left:calc(100% + 12px)}
  .barra-direita .dock a>span{right:calc(100% + 12px)}
  .barra-esquerda .dock a:hover>span:not(.curto),.barra-esquerda .dock a:focus-visible>span:not(.curto),
  .barra-direita .dock a:hover>span:not(.curto),.barra-direita .dock a:focus-visible>span:not(.curto){display:block}
  body.barra-esquerda main{padding-left:104px}
  body.barra-direita main{padding-right:104px}
  .barra-cima .dock{top:92px;bottom:auto}
  body.barra-cima main{padding-top:92px}
  /* nada fica escondido atrás da barra: o conteúdo some suave antes dela e o foco rola pra cima dela */
  body.barra-baixo::after{content:"";position:fixed;left:0;right:0;bottom:0;height:104px;background:linear-gradient(rgba(245,242,236,0),var(--fundo) 18px);pointer-events:none;z-index:4}
  html:has(body.barra-baixo){scroll-padding-bottom:130px}
  html:has(body.barra-cima){scroll-padding-top:170px}
}

/* celular */
@media (max-width:720px){
  .topo{padding:16px}
  .marca label{display:none}
  .topo .sair{display:none}
  main,body.larga main{padding:0 16px 120px}
  h1,body.larga h1{font-size:34px}
  .resumo{font-size:17px}
  .cards{grid-template-columns:1fr}
  .filtros{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;-webkit-overflow-scrolling:touch}
  input,button,select,textarea{font-size:16px;min-height:44px}
  .bt a,.bt button{padding:14px 11px;min-height:44px}
  .dock{left:0;right:0;bottom:0;transform:none;max-width:none;width:100%;border-radius:20px 20px 0 0;justify-content:space-around;gap:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(26,24,20,.10)}
  .dock a{flex:1;flex-direction:column;gap:2px;padding:8px 2px;min-height:48px;font-size:11px;justify-content:center;border-radius:14px}
  .dock a.q5{display:none}
  .dock .longo{display:none}
  .dock .curto{display:inline}
  .toast{bottom:84px}
  .gaveta{padding:22px 18px;border-radius:22px}
  .gaveta h1{font-size:34px!important}
  .grade{grid-template-columns:1fr;gap:14px}
  .pede{padding-left:18px;margin-top:20px}
  .pede input{font-size:16px}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px}
  .chips a{white-space:nowrap}
  .res{grid-template-columns:1fr}
  .posicoes{grid-template-columns:repeat(2,1fr)}
  .fixadas{grid-template-columns:1fr}
  .gaveta .tit{font-size:34px}
  dialog.gav{width:100%;max-width:none;max-height:100dvh;height:100dvh}
}

/* conversa (fase 2): computador em 3 colunas (lista | conversa | detalhes em abas); celular (<900px) uma coluna só */
.conv-main,.conv-lado,.conv-lista{min-width:0}
.conv-resp:empty{display:none}
.av{flex:none;width:40px;height:40px;border-radius:50%;background:#EDE7DC;color:#5A554C;display:grid;place-items:center;font-weight:600;font-size:16px}
.av.grande{width:44px;height:44px}
.conv-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:4px 0 12px}
.cab-quem{display:flex;gap:12px;align-items:center;min-width:0}
.cab-nome{min-width:0}
.conv-cab h1{font:600 21px/1.25 Geist,system-ui,sans-serif;letter-spacing:0;margin:0 0 4px;overflow-wrap:anywhere}
.conv-cab .cab{margin:0}
.cab-ia{flex:none;max-width:330px}
.cab-aviso{border-radius:14px;padding:10px 14px;margin:0 0 10px;font-size:15px}
/* botões da conversa: #EDE7DC com sombra leve (não somem no fundo) */
body.conversa button:not(.link):not(.perigo){background:#EDE7DC;color:var(--tinta);border:1px solid #E3DBCB;box-shadow:0 1px 3px rgba(26,24,20,.12)}
body.conversa button.perigo{box-shadow:0 1px 3px rgba(26,24,20,.12)}
body.conversa button:not(:disabled):hover{filter:brightness(.97)}
.acao-ia form{margin:0}
.acao-ia .peq{margin:4px 0 0;line-height:1.3;font-size:12px;min-height:32px}
.acao-ia button.link{padding:0;min-height:32px;margin:0}
/* botão da IA: pequeno, sem contorno grande, sempre no mesmo lugar (o texto de baixo tem altura fixa) */
body.conversa .btn-ia{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;font-weight:600;font-size:14px;padding:6px 14px;min-height:34px;width:auto;border-radius:99px}
body.conversa .btn-ia:focus{outline:none}
body.conversa .btn-ia:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}
.btn-ia .chave{width:28px;height:16px}
.btn-ia .chave::after{width:12px;height:12px}
.btn-ia.on .chave::after{left:14px}
body.conversa .btn-ia.on{background:#DCEBE1;color:var(--verde);border-color:#9CC4AE}
.chave{position:relative;width:34px;height:20px;border-radius:99px;background:#BDB5A6;flex:none;transition:background .15s}
.chave::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(26,24,20,.3);transition:left .15s}
.on .chave{background:var(--verde)}
.on .chave::after{left:16px}
.selo-lgpd{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:14px;background:#F0ECE4;border:1px solid var(--linha)}
.selo-lgpd b{font-size:15px}
.selo-lgpd .peq{margin:0}
/* mensagens, estilo WhatsApp */
.conv-chat{padding:6px 2px}
body.conversa .msg{margin:3px 0}
body.conversa .msg.s.ia{background:none;padding:0;border-radius:0;font-size:inherit;line-height:inherit}
body.conversa .ia small{font-weight:400;margin-bottom:0}
body.conversa .bal{max-width:min(78%,560px);padding:8px 12px 6px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 1px 2px rgba(26,24,20,.10)}
body.conversa .s .bal{border-radius:14px 14px 4px 14px;background:#E4F0DC}
body.conversa .s.hu .bal{background:#D3E8C5;color:var(--tinta)}
body.conversa .s.au .bal{background:#fff;border:1px dashed var(--ouro)}
body.conversa .bal small{display:block;text-align:right;color:#5A554C;font-size:12px;margin-top:2px;line-height:1.3}
body.conversa .s.hu .bal small{color:#4A5A41}
body.conversa .st{letter-spacing:-2px;color:#5A554C}
body.conversa .st.lida{color:#2F6FB5}
body.conversa .msg.s.erro .bal{background:#FDECEC}
.dia{text-align:center;margin:14px 0 8px}
.dia span{display:inline-block;background:#fff;color:#5A554C;font-size:12px;font-weight:600;padding:4px 12px;border-radius:99px;box-shadow:0 1px 2px rgba(26,24,20,.10)}
body.conversa .ev{margin:8px 0}
body.conversa .ev span{display:inline-block;background:#E8E1D2;color:#5A554C;font-size:12px;padding:3px 12px;border-radius:99px}
/* caixa de escrever */
.conv-resp .card{margin:0;border-radius:18px;padding:10px 12px;box-shadow:0 1px 3px rgba(26,24,20,.12)}
.conv-resp .card.responder form{display:grid;grid-template-columns:1fr auto;grid-template-areas:"t b" "s s" "p p";gap:6px 10px;align-items:end}
.conv-resp label[for=txt]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.conv-resp #txt{grid-area:t;margin:0;min-height:44px;height:44px;max-height:140px;resize:vertical;border-radius:22px;padding:11px 16px;font-size:16px;background:#fff}
.conv-resp .sugerir{grid-area:s}
.conv-resp .card.responder button[type=submit]{grid-area:b;width:auto;margin:0;min-height:44px;padding:0 22px;border-radius:22px}
.conv-resp .card.responder>form>.peq{grid-area:p;margin:0;font-size:13px}
.conv-resp .card.responder form.anexo{display:grid;grid-template-areas:none;grid-template-columns:auto 1fr auto;gap:6px 10px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--linha)}
.conv-resp .card.responder form.anexo input[type=file]{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);min-height:0;padding:0;border:0;margin:0;opacity:0;cursor:pointer}
.conv-resp label.anexar{display:block;min-width:0;text-align:center;line-height:42px;min-height:44px;padding:0 18px;border-radius:22px;border:1px solid var(--linha);background:#fff;font-weight:600;cursor:pointer;margin:0}
.conv-resp .card.responder form.anexo:focus-within label.anexar{outline:2px solid var(--ouro)}
.conv-resp .card.responder form.anexo input[name=legenda],.conv-resp .card.responder form.anexo button{margin:0;min-height:44px;border-radius:22px}
.conv-resp .card.responder form.anexo button[type=submit]{grid-area:auto;width:auto;padding:0 18px}
.conv-resp label.anexar{position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:720px){.conv-resp .card.responder form.anexo{grid-template-columns:1fr auto}.conv-resp .card.responder form.anexo input[name=legenda]{grid-column:1/-1;order:3}}
.conv-resp .sugerir button{background:#E6DFF5!important;color:#4B33A0!important;border-color:#D5CBEF!important;min-height:44px;margin:0}
.conv-resp .card.fora{background:#FBF1D6;box-shadow:none;color:#7A5A16}
.conv-resp .card.fora .peq{color:#7A5A16}
.conv-resp .card.falhas{background:#FDECEC;margin-bottom:8px;box-shadow:none}
.conv-resp .card.falhas h2{font-size:16px;color:#B42318}
.conv-resp .card.falhas .linha{padding:2px 0}
/* detalhes em abas (sem JavaScript: botões de rádio) */
.aba-r{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.abas-rot{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.abas-rot label{padding:8px 14px;border-radius:99px;background:#EDE7DC;color:var(--tinta);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 1px 3px rgba(26,24,20,.12)}
.abas .card{box-shadow:0 1px 3px rgba(26,24,20,.08);border-radius:16px;margin:0 0 12px}
.abas .aba:empty{display:none}
.pag.voltar{display:none}
@media (min-width:900px){
  body.conversa{--h-conv:calc(100dvh - 90px - 130px)}
  body.conversa.barra-esquerda,body.conversa.barra-direita{--h-conv:calc(100dvh - 90px - 30px)}
  body.conversa.barra-cima{--h-conv:calc(100dvh - 182px - 30px)}
  body.conversa main{max-width:1600px;padding:0 24px 0}
  body.conversa.barra-baixo main{padding-bottom:130px}
  body.conversa.barra-cima main{padding-top:92px}
  body.conversa.barra-esquerda main{padding-left:104px}
  body.conversa.barra-direita main{padding-right:104px}
  .conv{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;gap:18px;height:max(var(--h-conv),460px);min-height:0}
  .conv-lista,.conv-main,.conv-lado{display:flex;flex-direction:column;min-height:0;background:#fff;border-radius:20px;box-shadow:0 6px 24px rgba(26,24,20,.05)}
  .conv-lado{display:block;overflow-y:auto;background:transparent;box-shadow:none;padding:0 2px 0 0}
  .conv-main{background:#F3EEE4;padding:14px 16px 12px}
  .conv-chat{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .conv-resp{flex:none;padding-top:10px;max-height:45%;overflow-y:auto}
  .conv-cab{border-bottom:1px solid #E3DBCB;margin-bottom:6px}
  .conv-lista{padding:14px 10px 10px}
  .cv-busca{margin:0 4px 8px}
  .cv-busca input{margin:0;border-radius:99px;padding:10px 16px;background:var(--fundo);border-color:transparent;font-size:16px}
  .cv-itens{flex:1;min-height:0;overflow-y:auto}
  .cv-item{display:grid;grid-template-columns:40px 1fr;grid-template-areas:"a t" "a p" "a e";column-gap:10px;padding:9px 8px;border-radius:14px;text-decoration:none;color:inherit}
  .cv-item:hover{background:#F7F4EE}
  .cv-item.on{background:#EDE7DC}
  .cv-item .av{grid-area:a;align-self:center}
  .cv-t{grid-area:t;display:flex;justify-content:space-between;gap:6px;min-width:0}
  .cv-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
  .cv-t small{flex:none;color:#5A554C;font-size:12px}
  .cv-p{grid-area:p;font-size:14px;color:#5A554C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cv-e{grid-area:e;font-size:12px;color:#7A5A16}
  .cv-todas{display:block;text-align:center;padding:10px;font-size:14px;color:var(--suave);font-weight:600;text-decoration:none}
  .abas-rot{position:sticky;top:0;background:var(--fundo);padding-bottom:8px;z-index:1}
  .aba{display:none}
  #ab0:checked~.aba0,#ab1:checked~.aba1,#ab2:checked~.aba2,#ab3:checked~.aba3{display:block}
  #ab0:checked~.abas-rot label[for=ab0],#ab1:checked~.abas-rot label[for=ab1],#ab2:checked~.abas-rot label[for=ab2],#ab3:checked~.abas-rot label[for=ab3]{background:var(--tinta);color:#fff}
  #ab0:focus-visible~.abas-rot label[for=ab0],#ab1:focus-visible~.abas-rot label[for=ab1],#ab2:focus-visible~.abas-rot label[for=ab2],#ab3:focus-visible~.abas-rot label[for=ab3]{outline:2px solid var(--ouro);outline-offset:2px}
}
@media (max-width:899px){
  .conv-lista{display:none}
  .abas-rot,.aba-r{display:none}
  .conv-cab{flex-wrap:wrap}
  .cab-ia{flex:1 1 100%;max-width:none}
  .conv-chat{background:#F3EEE4;border-radius:16px;padding:8px;margin:0 0 10px}
  .conv-resp .card{margin:0 0 10px}
  .abas{margin-top:8px}
  .pag.voltar{display:flex}
  body.conversa main{padding-bottom:120px}
}
@media (max-width:720px){
  body.conversa main{padding:0 16px 120px}
}

/* P.6: Relatórios, Funil, Cadastros e aprovar vários */
.filtros .lote{margin-left:auto;background:var(--tinta);color:#fff;border-color:var(--tinta);font-weight:600}
.pilula{display:inline-block;font-size:13px;font-weight:600;padding:5px 14px;border-radius:99px;background:var(--fundo);color:var(--suave);margin-right:6px}
.pilula.pq{font-size:12px;padding:3px 10px;font-weight:600}
.tom-bom{background:#E3EFE8;color:var(--verde)}
.tom-medio{background:var(--ourocl);color:#7A5A16}
.tom-ruim{background:#FDECEC;color:#B42318}
.tom-nada{background:var(--fundo);color:var(--suave)}
.rel-hero{padding:26px 28px;margin:22px 0 14px}
.rel-resumo{font-size:21px;line-height:1.5;margin:14px 0 0;max-width:62ch}
.rel-listas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:22px;padding-top:20px;border-top:1px solid var(--linha)}
.rel-lista h3{font-size:13px;font-weight:600;margin:0 0 8px}
.rel-lista ul{list-style:none;margin:0;padding:0}
.rel-lista li{position:relative;padding:0 0 10px 18px;font-size:15px;line-height:1.45;color:var(--tinta)}
.rel-lista li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--suave)}
.l-bom h3{color:var(--verde)}.l-bom li::before{background:var(--verde)}
.l-medio h3{color:#7A5A16}.l-medio li::before{background:var(--ouro)}
.l-ruim h3{color:#B42318}.l-ruim li::before{background:#B42318}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}
.kpi{background:#fff;border-radius:20px;padding:18px 20px;box-shadow:0 6px 24px rgba(26,24,20,.05);min-width:0}
.kpi small{display:block;font-size:13px;color:var(--suave)}
.kpi b{display:block;font:400 42px/1.1 var(--serifa);margin-top:6px}
.kpi em{display:block;font-style:normal;font-size:13px;color:var(--suave);margin-top:2px}
.rel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.rel-grid .rel-sec{margin:0}
.rel-grid .larga2{grid-column:1/-1}
.rel-sec{padding:22px 24px}
.rel-sec h2{font-size:19px;margin:0 0 4px}
.rel-ajuda{margin:0 0 16px;line-height:1.4}
.rel-sub{font-size:13px;font-weight:600;color:var(--ouro-t);margin:22px 0 10px}
.rel-frase{font-size:16px;margin:0 0 14px;line-height:1.5}
.rel-vazio{color:var(--suave);font-size:15px;padding:6px 0}
.fb{margin:0 0 12px}
.fb-t{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.fb-t b{font-weight:600;white-space:nowrap}
.fb-t small{font-weight:400;color:var(--suave);font-size:13px}
.fb .bar{margin:6px 0 4px}
.fb .peq{font-size:13px}
.rel-sec .bar{height:8px}
.rel-sec table{margin-top:4px}
.rolar{overflow-x:auto}
.rel-rank{list-style:none;margin:0;padding:0}
.rel-rank li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--linha);font-size:15px}
.rel-rank li:last-child{border:0}
.horas{display:grid;grid-template-columns:repeat(24,1fr);gap:4px;align-items:end;height:110px;margin-top:6px}
.hc{height:100%;display:flex;align-items:flex-end}
.hc i{display:block;width:100%;background:var(--ouro);border-radius:5px 5px 2px 2px;min-height:0}
.horas-eixo{display:flex;justify-content:space-between;font-size:12px;color:var(--suave);margin:6px 0 4px}
.quadro{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:18px;align-items:start}
.coluna{background:#fff;border-radius:20px;padding:16px;box-shadow:0 6px 24px rgba(26,24,20,.05);min-width:0}
.coluna h2{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:15px;margin:0 0 4px}
.coluna h2 b{font-weight:600;background:var(--fundo);border-radius:99px;padding:2px 10px;font-size:13px}
.parados-n{display:block;color:#7A5A16;font-size:12.5px;margin-bottom:8px}
.pessoa{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;margin-top:8px;border:1px solid var(--linha);border-radius:12px;text-decoration:none;color:inherit;min-width:0}
.pessoa b{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pessoa .peq,.pessoa .chip{flex:none;font-size:12px;margin:0}
.pessoa.parada{background:#FBF5E8;border-color:var(--ourocl)}
.pessoa:hover{border-color:var(--ouro)}
.mais-col{display:block;margin-top:10px;font-size:13px;color:var(--suave)}
.lote-card{padding:6px 20px}
.lote-lin{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--linha)}
.lote-lin:last-child{border:0}
.lote-lin label{display:flex;align-items:center;gap:14px;cursor:pointer;min-width:0;flex:1}
.lote-lin label span{display:block;min-width:0}
.lote-lin small{display:block;color:var(--suave);font-size:13px}
.lote-lin a{flex:none;font-size:14px;color:var(--suave)}
input[type=checkbox],input[type=radio]{width:22px;height:22px;min-height:0;padding:0;margin:0;flex:none;accent-color:var(--tinta)}
.lote-card+button{margin-top:6px}
body.rel .pilula.pq{margin-left:6px}
details.nova{margin:14px 0;border:1px solid var(--linha);border-radius:16px;background:#fff;padding:0 20px}
details.nova summary{cursor:pointer;font-weight:600;min-height:48px;display:flex;align-items:center}
details.nova[open]{padding-bottom:16px}
.cargos{margin:12px 0 4px}
.cargo-op{display:flex;align-items:flex-start;gap:12px;padding:10px 0;cursor:pointer}
.cargo-op input{margin-top:2px}
.cargo-op span{display:block;min-width:0}
.cargo-op small{display:block;color:var(--suave);font-size:13px;line-height:1.4;font-weight:400}
.card .peq+label{display:block;margin-top:14px}
.par{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dias{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.dias .dia{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--linha);border-radius:12px;background:#fff;cursor:pointer;margin:0;font-size:16px}
.membro-dir a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 4px}
@media (min-width:721px){
  body.rel main{max-width:1180px;padding:0 40px 140px}
  body.rel.barra-esquerda main{padding-left:104px}
  body.rel.barra-direita main{padding-right:104px}
  body.rel.barra-cima main{padding-top:92px}
}
@media (max-width:720px){
  body.rel main{padding:0 16px 120px}
  .rel-hero{padding:20px}
  .rel-resumo{font-size:18px}
  .kpis{grid-template-columns:repeat(2,1fr);gap:10px}
  .kpi{padding:14px 16px}
  .kpi b{font-size:34px}
  .rel-grid{grid-template-columns:minmax(0,1fr)}
  .rel-sec{padding:18px}
  .filtros .lote{order:-1;margin-left:0}
  .quadro{grid-template-columns:1fr}
  .horas{gap:2px}
  .rel-sec td,.rel-sec th{font-size:13px;padding:8px 3px}
  input[type=checkbox]{min-height:0}
}
.pessoa.parada{flex-wrap:wrap;gap:4px 8px}
.pessoa.parada b{flex:1 1 100%}

/* P.8 e P.9: Agente, Modelos, Números de WhatsApp, Equipe e Distribuição (só leitura) */
.info{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--linha);font-size:15px}
.info:last-child{border:0}
.info span{color:var(--suave)}
.info b{font-weight:600;text-align:right;min-width:0;overflow-wrap:anywhere}
.sel-topo{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.sel-topo>div:not(.av){flex:1;min-width:0}
.sel-topo h2{margin:0 0 2px;font-size:20px}
.sel-topo .pilula{flex:none;margin:0}
.rel-hero .sel-topo h2{font:400 34px/1.1 var(--serifa)}
.rel-hero .av{width:52px;height:52px;font-size:20px}
.lista-simples{list-style:none;margin:0;padding:0}
.lista-simples li{padding:10px 0;border-bottom:1px solid var(--linha);font-size:15px;line-height:1.45}
.lista-simples li:last-child{border:0}
.lista-simples li .pilula{margin-right:8px}
.equipe-bloco{margin-top:22px}.equipe-bloco:first-of-type{margin-top:14px}
.equipe-bloco h3{font-size:16px;font-weight:600;margin:0 0 4px}.equipe-bloco h3 .peq{font-weight:400}
.membro{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--linha)}
.membro:last-child{border:0}
.membro.inativo{opacity:.6}
.membro-quem{flex:1;min-width:0}
.membro-quem b{display:block;font-weight:600}
.membro-quem small,.membro-dir small{display:block;color:var(--suave);font-size:13px;line-height:1.4}
.membro-dir{flex:none;text-align:right;max-width:46%}
.membro-dir .pilula{margin:0 0 4px 6px}
@media (max-width:720px){
  .membro{flex-wrap:wrap}
  .membro-dir{max-width:none;width:100%;text-align:left;padding-left:54px}
  .membro-dir .pilula{margin:0 6px 4px 0}
  .rel-hero .sel-topo{flex-wrap:wrap}
  .rel-hero .sel-topo h2{font-size:28px}
  .info{flex-direction:column;gap:2px}
  .info b{text-align:left}
}

/* final do número ao lado do nome (Funil, Cadastros, Aprovar vários) */
.fim{font-weight:400;color:var(--suave);white-space:nowrap}

/* P.7: Remarketing, Prospecção, Problemas e Quanto custou no visual novo (só aparência) */
body.vender h2,body.conta h2{font:400 26px/1.15 var(--serifa);letter-spacing:-.2px;margin:0 0 8px}
body.vender .card,body.conta .card{padding:20px 24px}
body.vender a.item b{color:#7A5A16}
.acoes-regra{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:14px}
.acoes-regra form{margin:0}
.acoes-regra button{width:auto;margin:0;padding:11px 20px}
.acoes-regra .peq{margin:0}
.acoes-regra .peq a{font-weight:600;color:var(--tinta)}
body.vender textarea{background:var(--fundo);border-color:transparent}
body.conta table{font-variant-numeric:tabular-nums}
body.conta th{font-size:13px;color:var(--suave);font-weight:600}
body.conta td,body.conta tr:last-child th{white-space:nowrap}
body.conta a.item{transition:box-shadow .15s}
body.conta a.item:hover{box-shadow:0 8px 28px rgba(26,24,20,.09)}
@media (max-width:720px){
  body.vender .card,body.conta .card{padding:16px}
  body.vender h2,body.conta h2{font-size:23px}
  body.conta table{font-size:13px}
  body.conta td,body.conta th{padding:8px 6px}
}

/* P.10: celular e acabamento (só aparência) */
.linha .n{white-space:normal;text-align:right;min-width:0;overflow-wrap:anywhere}
.eu{flex:none;width:44px;height:44px}
.logo{white-space:nowrap}
.aviso-ouro,.sair-btn{min-height:44px;align-items:center}
.aviso-ouro{display:inline-flex}
.aviso-ouro.arq{display:flex}
@media (max-width:720px){
  .topo{gap:10px}
  .topo:has(select){flex-wrap:wrap}
  .topo:has(select) .dir{flex:1 1 100%;justify-content:space-between}
  .topo .dir{flex:1;min-width:0;justify-content:flex-end;gap:8px}
  .marca{flex:1 1 auto;min-width:0;padding:4px 6px 4px 14px}
  .marca select{flex:1;min-width:0;max-width:none;font-size:16px;text-overflow:ellipsis}
  .marca button{flex:none;padding:0 12px;border-radius:99px}
  .filtros a,.chips a,.mais-col,.lote-lin a,.pag a,.acoes-regra a,.sair-btn,.pessoa{display:inline-flex;align-items:center;min-height:44px}
  .filtros a,.chips a{padding-top:0;padding-bottom:0}
  .filtros a b{margin-left:4px}
  a.item{min-height:44px}
  a.item:not(.card){display:flex;align-items:center}
  a.item:not(.card)>*{flex:1;min-width:0}
  .pessoa{display:flex}
  .mais-col{display:flex;width:100%}
  .peq>a:only-child,.acoes-regra .peq a,.lote-lin a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
  .rel-arq a{display:flex;align-items:center;min-height:44px;margin-top:4px}
  .gav-topo .fechar{width:44px;height:44px}
  .logo{min-height:44px}
  .lote-lin label span .fim{display:inline}
  form[action="/conversas"]{flex-wrap:wrap}
  form[action="/conversas"] input{flex:1 1 100%;text-overflow:ellipsis}
  form[action="/conversas"] button{flex:1 1 100%}
  .card:has(>table){overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.conta td,body.conta th{white-space:nowrap}
  .linha{gap:14px;padding:8px 0}
  details.numeros summary{display:inline-flex;align-items:center;min-height:44px}
}
.it em.deslig{display:inline-block;margin-left:6px;font-style:normal;font-size:11px;font-weight:600;color:#7A5A16;background:var(--ourocl);border-radius:99px;padding:1px 8px}
.dock a.deslig{opacity:.6}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cargo-op em.tag{display:inline-block;margin-left:8px;font-style:normal;font-size:12px;font-weight:600;color:#7A5A16;background:var(--ourocl);border-radius:99px;padding:1px 9px}
.cargo-op.trava{cursor:default;opacity:.75}
.card form+form{margin-top:10px}
/* Computador: no 100% ficava grande (Tiago, 09/10, achou bom no zoom 80%). Celular não muda. */
@media (min-width:1024px){html{zoom:.8}body.larga h1{font-size:52px}}
/* o html tem zoom .8 a partir de 1024px e as unidades de tela não acompanham: divide pelo zoom */
@media (min-width:1024px){
  body.conversa{--h-conv:calc((100dvh - 184px) / .8)}
  body.conversa.barra-esquerda,body.conversa.barra-direita{--h-conv:calc((100dvh - 120px) / .8)}
  body.conversa.barra-cima{--h-conv:calc((100dvh - 210px) / .8)}
}

/* menu ⋮ da conversa (fase 3): <details> no cabeçalho; a lista abre por cima, sem ser cortada pelas colunas */
.conv-cab{position:relative}
details.menu{flex:none;position:relative}
details.menu>summary{list-style:none;cursor:pointer;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:24px;line-height:1;background:#EDE7DC;color:var(--tinta);border:1px solid #E3DBCB;box-shadow:0 1px 3px rgba(26,24,20,.12);user-select:none}
details.menu>summary::-webkit-details-marker{display:none}
details.menu[open]>summary{background:#E3DBCB}
.menu-lista{position:absolute;right:0;top:50px;z-index:20;width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 210px);overflow-y:auto;background:#fff;border:1px solid var(--linha);border-radius:16px;box-shadow:0 6px 24px rgba(26,24,20,.16);padding:4px 14px 8px}
.menu-sec{padding:8px 0;border-bottom:1px solid var(--linha)}
.menu-sec:last-child{border-bottom:0}
.menu-sec h3{font:600 12px/1.2 Geist,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--suave);margin:2px 0 6px}
.menu-sec form{margin:0 0 6px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center}
.menu-sec form:last-child{margin-bottom:0}
.menu-sec form>label,.menu-sec form>.peq{grid-column:1/-1}
.menu-sec form:not(:has(select,input:not([type=hidden])))>button{grid-column:1/-1}
.menu-sec label{display:block;margin:0}
.menu-sec select,.menu-sec input:not([type=hidden]){margin:0;min-height:44px;font-size:16px}
.menu-sec button{min-height:44px;margin:0;width:100%;padding:0 14px}
.menu-sec form>select+button,.menu-sec form>input+button{width:auto}
.menu-sec>.peq{margin:2px 0 6px;line-height:1.35}
.menu-apagar{display:flex;align-items:center;min-height:44px;color:#B42318;font-weight:600;text-decoration:none}
.menu-apagar:hover{text-decoration:underline}
@media (max-width:899px){
  .cab-quem{flex:1}
  details.menu{order:1}
  .cab-ia{order:2}
}
.menu-sec.perigo{position:sticky;bottom:-8px;background:#fff;padding:4px 0 8px}
.menu-sec.perigo{border-top:1px solid var(--linha)}
@media (max-width:899px){.menu-lista{max-height:calc(100dvh - 290px)}}

/* Modelos da Meta (/modelos): cartão com a prévia da mensagem como aparece no WhatsApp */
.mod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:14px}
.mod-card{margin:0;box-shadow:0 1px 3px rgba(26,24,20,.06)}
.mod-chips{margin:6px 0 2px}
.mod-motivo{background:#FDECEC;color:#8A1F14;border-radius:12px;padding:10px 14px;margin:10px 0;font-size:14px}
.mod-ensaio{background:var(--ourocl);color:#5E4510;border:1px solid #E9D7A8;font-size:15px}
.mod-var{background:var(--fundo);border-radius:14px;padding:12px 14px;margin:10px 0}
.mod-var b{font-size:14px}
.bol-fundo{background:#EFEAE2;border-radius:16px;padding:16px 14px;margin:12px 0}
.bol{max-width:300px}
.bol-msg{background:#fff;border-radius:4px 14px 14px 14px;padding:10px 12px;box-shadow:0 1px 1px rgba(26,24,20,.12);font-size:15px;line-height:1.4}
.bol-cab{font-weight:700;margin-bottom:4px;overflow-wrap:anywhere}
.bol-txt{white-space:pre-wrap;overflow-wrap:anywhere}
.bol-rod{color:#5F5A51;font-size:13px;margin-top:6px;overflow-wrap:anywhere}
.bol-bt{background:#fff;color:#1B6EA8;text-align:center;font-weight:600;font-size:14px;border-radius:12px;padding:10px;margin-top:4px;box-shadow:0 1px 1px rgba(26,24,20,.12);overflow-wrap:anywhere}
@media (max-width:760px){.mod-grid{grid-template-columns:minmax(0,1fr)}}

/* Funil como quadro (kanban.py): cartão arrastável, valor do lead, totais por coluna */
.cartao{margin-top:8px}
.cartao .pessoa{margin-top:0}
.cartao[draggable=true]{cursor:grab}
.cartao.arrasta{opacity:.45}
.coluna.alvo{outline:2px dashed var(--ouro);outline-offset:-6px}
.kb-tot{display:block;color:var(--suave);font-size:13px;margin:0 0 6px}
.kb-linha{display:flex;justify-content:space-between;align-items:center;padding:6px 4px 0;font-size:13px}
.kb-valor{font-weight:600;color:var(--verde)}
.kb-valor.vazio{font-weight:400;color:var(--suave);background:none;padding:0;box-shadow:none;border-radius:0;display:inline;grid-column:auto;text-align:left}
.kb-motivo{padding:2px 4px 0;font-size:13px;color:var(--suave);overflow-wrap:anywhere}
.kb-mais{margin-top:4px;padding:0 4px 6px}
.kb-mais summary{cursor:pointer;color:var(--suave);font-size:13px;list-style:none;min-height:32px;display:flex;align-items:center}
.kb-mais summary::-webkit-details-marker{display:none}
.kb-mais[open] summary{color:var(--tinta)}
.kb-mais label{font-size:13px;color:var(--suave)}
.kb-dialog{border:0;border-radius:20px;padding:24px;box-shadow:0 20px 60px rgba(26,24,20,.25);max-width:420px;width:calc(100% - 32px)}
.kb-dialog::backdrop{background:rgba(26,24,20,.35)}
.kb-dialog h2{margin:0 0 6px;font-size:20px}
.kb-botoes{display:flex;gap:10px;margin-top:10px}
.kb-botoes button{margin:0}
@media (max-width:760px){
  .kb-mais summary{min-height:44px}
}

/* Tarefas (tarefas.py): lista de tarefas com selos de vencimento e prioridade */
.tarefas-lista{list-style:none;margin:12px 0;padding:0;display:grid;gap:12px}
.tarefa-lin{background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 1px 3px rgba(26,24,20,.06);border:1px solid var(--linha)}
.tarefa-topo{font-size:16px;overflow-wrap:anywhere}
.tarefa-selos{margin:8px 0 4px}
.tarefa-lin form{margin-top:6px}
.tarefa-lin button{width:auto;margin:6px 0 0}
.card .tarefas-lista{margin-top:8px}

/* Disparo: biblioteca de mídia e listas importadas */
.bib-lin{display:flex;align-items:center;gap:12px;padding:8px 0}
.bib-lin>div{flex:1;min-width:0;overflow-wrap:anywhere}
.bib-lin form{margin:0}
.bib-lin button{margin:0}
.bib-mini{border-radius:10px;object-fit:cover;background:var(--fundo);flex:none}

/* Conversas: fixadas no topo e não lidas (chat.py) */
.chip.fixa{background:var(--ourocl);color:#7A5A16}
.chip.nova{background:#E3EFE8;color:var(--verde);font-weight:600}
a.item.nao-lida>b{font-weight:700}
a.item.nao-lida{border-left:4px solid var(--verde)}

/* Números que a IA não atende (ignorados.py) */
.ign-lin{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0}
.ign-lin form{margin:0}
.ign-lin button{margin:0}
.tarefa-pessoa a{display:inline-flex;align-items:center;min-height:32px}
@media (max-width:760px){
  .tarefa-pessoa a{min-height:44px}
  .lista-simples li>a:first-child{display:inline-flex;align-items:center;min-height:44px}
}

/* avisos do sistema na conversa: recolhidos, abrem com "mostrar detalhes" */
details.evs{margin:8px 0;text-align:center}
details.evs summary{display:inline-block;cursor:pointer;list-style:none;color:#7A756A;font-size:12px;padding:3px 12px;border-radius:99px;background:#F0ECE4}
details.evs summary::-webkit-details-marker{display:none}
details.evs[open] summary{margin-bottom:4px}

/* ===== lote 2 (17/10): telas aprovadas pelo Tiago ===== */
/* lote 2: botão "i" (item 14) — funciona sem JS (details/summary) */
.tit-i{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tit-i h1{margin:0}
details.i-ajuda{display:inline-block;position:relative}
details.i-ajuda>summary{list-style:none;cursor:pointer;width:28px;height:28px;border-radius:50%;border:1.5px solid #c9c2b2;
  color:#5b5446;font:700 15px/25px Georgia,serif;text-align:center;background:#fff}
details.i-ajuda>summary::-webkit-details-marker{display:none}
details.i-ajuda[open]>summary{background:#1A1814;color:#fff;border-color:#1A1814}
details.i-ajuda .i-caixa{position:absolute;z-index:20;top:36px;left:0;width:min(380px,86vw);background:#fff;border-radius:14px;
  padding:14px 16px;box-shadow:0 12px 32px -12px rgba(26,24,20,.35);font-size:15px;line-height:1.5;color:#2b2822}
/* 19/10: botão ▶ do vídeo tutorial, pequeno do lado do "i"; aberto, cobre a tela e o próprio botão vira o × */
details.v-ajuda{display:inline-block}
details.v-ajuda>summary{list-style:none;cursor:pointer;height:28px;padding:0 10px 0 8px;border-radius:14px;border:1.5px solid #c9c2b2;
  color:#5b5446;background:#fff;font:600 13px/25px system-ui,sans-serif;display:inline-flex;gap:5px;align-items:center}
details.v-ajuda>summary::-webkit-details-marker{display:none}
details.v-ajuda>summary:hover{border-color:#1A1814;color:#1A1814}
details.v-ajuda[open]>summary{position:fixed;top:14px;right:14px;z-index:61;height:40px;width:40px;padding:0;justify-content:center;
  border-radius:50%;background:#fff;border-color:#fff;font-size:0;color:transparent}
details.v-ajuda[open]>summary::after{content:"×";font:400 28px/1 system-ui,sans-serif;color:#1A1814}
.v-fundo{position:fixed;inset:0;z-index:60;background:rgba(14,12,10,.86);display:flex;align-items:center;justify-content:center;
  padding:64px 16px 24px;overflow-y:auto}
.v-caixa{width:min(1100px,100%);max-height:100%;color:#fff}
.v-topo{font-size:17px;margin-bottom:10px}
.v-caixa figure{margin:0 0 18px}.v-caixa figcaption{font-size:15px;margin-bottom:6px;opacity:.85}
.v-caixa video{width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;display:block}
.i-caixa b{display:block;margin-bottom:4px}.i-caixa .ex{background:#f6f2e8;border-radius:10px;padding:8px 10px;margin-top:8px;font-size:14px}
/* item 17: cor leve alternada nas listas e nos blocos de regra */
.zebra>li:nth-child(even),.zebra>.linha:nth-child(even),.zebra>label:nth-of-type(even){background:#faf7f0}
.zebra>li,.zebra>.linha{padding:10px 12px;border-radius:10px}
.bloco-regra{padding:12px 14px;border-radius:12px;margin:8px 0}.bloco-regra:nth-of-type(odd){background:#faf7f0}
.opcao{display:flex!important;gap:10px;align-items:flex-start;font-weight:400;margin:0;cursor:pointer}
.opcao input{width:auto!important;margin-top:4px;flex:none}.opcao>span{flex:1;text-align:left;display:block}
/* item 18: atalhos fixos no topo */
.atalhos-topo{position:sticky;top:0;z-index:15;display:flex;gap:8px;overflow-x:auto;padding:10px 0;background:#F3EFE6}
.atalhos-topo a{white-space:nowrap;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #e3ddcf;font-size:14px;color:#2b2822;text-decoration:none}
.bom-para{font-size:13px;color:#5b5446;margin:2px 0 0 26px}
.liga{display:flex;align-items:center;gap:12px;font-weight:600}.liga i{width:44px;height:26px;border-radius:999px;background:#1A1814;position:relative}
.liga i:after{content:"";position:absolute;right:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff}
.liga.off i{background:#cfc8b8}.liga.off i:after{left:3px;right:auto}
/* item 19: prêmio com foto */
.premio-foto{display:flex;gap:14px;align-items:center;background:#faf7f0;border-radius:14px;padding:12px}
.premio-foto .img{width:84px;height:84px;border-radius:12px;background:linear-gradient(135deg,#e8d9b0,#c9a85a);flex:none;display:grid;place-items:center;font-size:34px}
.linha-num{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.linha-num input{width:90px}
.regua{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}.regua div{border-radius:10px;padding:8px;font-size:13px;text-align:center}
.regua .r1{background:#e2f0d9}.regua .r2{background:#eef5d6}.regua .r3{background:#f3efe6}.regua .r4{background:#f8e1dc}
.falta{background:#fff;border:1px dashed #c9a85a;border-radius:12px;padding:10px 12px;margin-top:8px}
/* item 20: passos de conectar */
.passos{counter-reset:p;list-style:none;padding:0;margin:8px 0}.passos li{counter-increment:p;padding:6px 0 6px 34px;position:relative}
.passos li:before{content:counter(p);position:absolute;left:0;top:5px;width:24px;height:24px;border-radius:50%;background:#1A1814;color:#fff;
  font-size:13px;font-weight:700;display:grid;place-items:center}
/* item 21: botão flutuante "Pergunte à IA" */
/* "Pergunte à IA": widget de chat de suporte (estilo Chatbotify) — botão flutuante que abre um chat e fecha de volta */
.fab-ia{position:fixed;right:22px;top:calc(50dvh - 28px);z-index:30}
.fab-ia[data-pos="cima"]{top:84px}
.fab-ia[data-pos="baixo"]{top:auto;bottom:26px}
.fab-ia>summary{list-style:none;cursor:pointer;position:relative;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--btn-bg,#1A1814);color:var(--btn-fg,#fff);box-shadow:0 12px 28px -10px rgba(0,0,0,.45)}
.fab-rot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fab-mover{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--superficie,#fff);color:var(--tinta,#2b2822);border:1px solid var(--linha,#e6e8ec);display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;opacity:.6;cursor:pointer;box-shadow:0 2px 6px -2px rgba(0,0,0,.4)}
.fab-mover:hover{opacity:1}
.fab-ia[open] .fab-mover{display:none}
.fab-ia>summary::-webkit-details-marker{display:none}
.fab-ia .fab-caixa{position:fixed;right:22px;bottom:84px;width:min(372px,92vw);height:min(520px,72vh);display:flex;flex-direction:column;background:var(--superficie,#fff);color:var(--tinta,#2b2822);border:1px solid var(--linha,#e6e8ec);border-radius:18px;overflow:hidden;box-shadow:0 20px 50px -14px rgba(0,0,0,.5)}
.fab-cab{flex:none;display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--btn-bg,#1A1814);color:var(--btn-fg,#fff)}
.fab-cab .fab-tit{font-weight:700}
.fab-cab .fab-on{font-size:12px;opacity:.85;display:inline-flex;align-items:center;gap:5px}
.fab-cab .fab-on::before{content:"";width:8px;height:8px;border-radius:50%;background:#2ecc71}
.fab-cab .fab-x{margin-left:auto;background:transparent;border:0;color:inherit;font-size:22px;line-height:1;cursor:pointer;width:32px;height:32px;padding:0}
.fab-corpo{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px}
.fab-ola{background:var(--superficie-2,#f6f2e8);border-radius:14px 14px 14px 4px;padding:12px 14px;font-size:14px;line-height:1.5;margin-bottom:12px}
.fab-corpo .onde{font-size:12px;color:var(--suave,#5b5446);margin-bottom:8px}
.fab-corpo .sug button{display:block;width:100%;text-align:left;margin:6px 0;padding:10px 12px;border-radius:12px;background:var(--superficie-2,#f6f2e8);color:var(--tinta,#2b2822);font-size:14px;font-weight:400;border:1px solid var(--linha,#eee);cursor:pointer}
.fab-corpo .fab-resp{margin-top:10px;font-size:14px;line-height:1.5}
.fab-corpo .fab-resp p{margin:0 0 8px;padding:10px 12px;border-radius:14px 14px 14px 4px;background:var(--superficie-2,#faf7f0);white-space:pre-line;overflow-wrap:anywhere}.fab-corpo .fab-resp p:last-child{margin-bottom:0}
.fab-pe{flex:none;display:flex;align-items:flex-end;gap:8px;padding:10px;border-top:1px solid var(--linha,#eee);background:var(--superficie,#fff)}
.fab-pe textarea{flex:1 1 auto;min-width:0;margin:0;resize:none;max-height:90px;border-radius:12px}
.fab-enviar{flex:none;width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--btn-bg,#1A1814);color:var(--btn-fg,#fff);border:0;cursor:pointer}
/* item 22: conversas e "posso corrigir?" */
.tab-conv{width:100%;border-collapse:collapse;font-size:14px}.tab-conv td,.tab-conv th{padding:8px 6px;text-align:left}
.tab-conv tr:nth-child(even) td{background:#faf7f0}
/* item 22: "Posso corrigir?" no relatório */
.cr-lista{list-style:none;margin:0;padding:0}
.cr-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--linha)}
.cr-item:last-child{border:0}
.cr-txt{min-width:0}.cr-txt a{color:var(--tinta);text-decoration:none}
.cr-item form{margin:0;flex:0 1 46%}
.cr-acao{display:flex;align-items:center;gap:12px}.cr-acao button{white-space:nowrap;margin:0;flex:0 0 170px;width:170px}.cr-acao .peq{flex:1}.cr-acao .peq{font-size:13px;line-height:1.35}
.cr-auto{margin-top:16px;padding:14px 16px;border-radius:14px;background:#faf7f0}
.cr-auto form{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cr-auto button{margin:0;width:auto;padding-left:22px;padding-right:22px}
@media (max-width:640px){.cr-item{flex-direction:column;align-items:stretch}.cr-item form{flex:none}.cr-acao{flex-direction:column;align-items:stretch}.cr-acao button{width:100%;flex:none}}
.corrigir{border:1.5px solid #d9b45a;background:#fffaf0}.corrigir .botoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.botoes .btn2{background:#fff;border:1px solid #1A1814;color:#1A1814}
/* item 23 */
.tab-custo{width:100%;border-collapse:collapse}.tab-custo td,.tab-custo th{padding:9px 6px;text-align:right}.tab-custo td:first-child,.tab-custo th:first-child{text-align:left}
.tab-custo tr:nth-child(even) td{background:#faf7f0}.tab-custo tfoot td{font-weight:700;border-top:2px solid #1A1814}

/* lote 2 aplicado (17/10): a chave liga/desliga é um checkbox escondido dentro do label .liga (.chave já é a do botão IA) */
label.liga{cursor:pointer;margin:10px 0 0;position:relative}
label.liga i{flex:none}
label.liga input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
label.liga input:not(:checked)+i{background:#cfc8b8}
label.liga input:not(:checked)+i:after{left:3px;right:auto}
label.liga input:focus-visible+i{outline:2px solid var(--ouro);outline-offset:2px}
label.liga input:disabled+i{opacity:.5}
.premio-foto img.img{object-fit:cover;background:#f6f2e8}
.premio-foto input[type=file]{margin:6px 0 0}
/* "Pergunte à IA": só com JavaScript (a pergunta vai por fetch); sem ele o botão nem aparece */
html:not(.js) .fab-ia{display:none}
.fab-corpo .fab-resp:empty{display:none}
@media (min-width:900px){
  .fab-ia{right:24px}body.barra-direita .fab-ia{right:112px}
  .conv-lado{padding-bottom:64px}
}
form:has(label.liga input:not(:checked)) .voz-quando{display:none}
@media (max-width:760px){
  details.i-ajuda>summary{width:44px;height:44px;line-height:41px}
  .tit-i{position:relative}details.i-ajuda{position:static}details.i-ajuda .i-caixa{left:0;top:100%;width:100%}
  .atalhos-topo a{display:inline-flex;align-items:center;min-height:44px}
  label.liga{min-height:44px}
}

/* Item 26 aplicado (17/10): revisão de design, foco em menos rolagem. Aprovado pelo Tiago.
   Só aparência (nenhuma rota, formulário ou campo muda). Mesma paleta clara, mesma sombra leve; nada escuro, nada de efeito. */

/* --- geral: cabeçalho mais baixo e sem a linha "Nome · Cargo" (o avatar no topo já diz quem é) --- */
@media (min-width:721px){.topo{padding:14px 56px}}
main>.peq:first-child,main>.voltar-tela+.peq{display:none}
.voltar-tela{margin:0;padding:2px 12px 2px 0}
h1{margin:6px 0 8px}

/* --- Hoje --- */
body.larga h1{font-size:44px;line-height:1.1;margin:6px 0 4px}
body.larga h1 br{display:none}
body.larga h1 em::before{content:" "}
.resumo{font-size:16px;margin:6px 0 0}
.aviso-ouro{margin-top:12px}
/* os atalhos "Quem sumiu? / Quem espera resposta? / Cadastros pra aprovar" repetem os filtros: saem; a busca sobe pro lado dos filtros */
.pede+.chips{display:none}
.pede{margin:0;padding:4px 4px 4px 18px;box-shadow:0 1px 3px rgba(26,24,20,.08)}
.pede input{font-size:16px;padding:6px 0}
.pede button{width:36px;height:36px;font-size:15px}
.filtros{margin:0}
.filtros a{padding:7px 14px}
.cards{gap:14px}
.c{padding:16px}
.diz{margin:10px 0 10px;font-size:15px}
/* resposta numa linha só, com o Enviar do lado; cresce quando a pessoa clica pra escrever */
.bf{padding-top:6px}
.bf form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.bf textarea{min-height:44px;height:44px;margin:0;padding:10px 14px;border-radius:22px;resize:none;transition:height .15s}
.bf textarea:focus,.bf textarea:not(:placeholder-shown){height:96px}
.bf .sugerir{grid-column:1/-1}
.bf .bt{display:contents}
.bf .bt button.prim{grid-column:2;grid-row:1;min-height:44px;border-radius:22px;padding:0 18px}
.bf .bt a{grid-column:1/-1;border:0;padding:2px 0 0;text-align:left;font-weight:600;color:var(--suave);text-decoration:underline;text-underline-offset:3px;font-size:13px}
.mais{margin-top:12px}
details.numeros{margin-top:12px;text-align:center}
details.numeros[open]{text-align:left}
details.numeros summary{padding:7px 14px}
@media (max-width:720px){
  body.larga h1{font-size:30px}
  .pede{margin:14px 0 10px}
  .filtros{margin:0 -16px 12px 0}
  .bf .bt a{min-height:36px;padding:4px 0}
}
@media (min-width:721px){
  /* busca e filtros na mesma linha */
  body.larga main{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:18px;grid-auto-flow:row dense}
  body.larga main>*{grid-column:1/-1}
  body.larga main>.pede{grid-column:2;margin:18px 0 14px;align-self:center}
  body.larga main>.filtros{grid-column:1;margin:18px 0 14px;align-self:center}
  body.larga main>.cards{margin-top:0}
}

/* --- Conversas: lista corrida numa folha só, uma linha por pessoa --- */
details.nova:not([open]){display:inline-block;padding:0 16px;border-radius:99px;margin:4px 0 8px}
details.nova:not([open]) summary{min-height:38px;font-size:14px}
details.nova:not([open]) summary::before{content:"+\00a0"}
form[action="/conversas"].card{padding:4px 4px 4px 8px;margin:4px 0 10px;box-shadow:0 1px 3px rgba(26,24,20,.08)}
form[action="/conversas"] input{border:0;padding:8px}
form[action="/conversas"] button{padding:9px 18px}
main>.chips{margin:0 0 12px;gap:6px}
main>.chips a{font-size:13px;padding:5px 12px}
a.item.card{margin:0;border-radius:0;box-shadow:none;padding:11px 18px;border-bottom:1px solid var(--linha);
  display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto;column-gap:6px;align-items:center}
a.item.card:not(a.item.card+a.item.card){border-radius:18px 18px 0 0;margin-top:4px}
a.item.card:not(:has(+a.item.card)){border-radius:0 0 18px 18px;border-bottom:0}
a.item.card:hover{background:#FBFAF7}
a.item.card>b{font-size:15px}
a.item.card .chip{font-size:12px;padding:1px 8px;margin:0}
a.item.card>div:not(.peq){color:var(--suave);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px}
a.item.card>.peq{font-size:13px;white-space:nowrap}
@media (min-width:721px){body:not(.larga):not(.rel):not(.conversa) main:has(>a.item.card){max-width:960px}}
@media (max-width:720px){
  a.item.card{grid-template-columns:auto auto minmax(0,1fr) auto;row-gap:2px;padding:10px 14px}
  a.item.card>b{grid-column:1/4;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  a.item.card>.peq{grid-column:4;grid-row:1;text-align:right}
  a.item.card .chip{grid-row:2}
  a.item.card>div:not(.peq){grid-row:2;grid-column:3/5;padding-left:4px}
  main>.chips{flex-wrap:nowrap;overflow-x:auto}
  form[action="/conversas"]{flex-wrap:nowrap}
  form[action="/conversas"] input{flex:1 1 auto}
  form[action="/conversas"] button{flex:none;padding:0 16px}
  .filtros .lote{order:9}
}

/* --- Conversa --- */
@media (min-width:900px){
  body.conversa main>.voltar-tela{display:none}   /* a lista de conversas do lado já faz esse papel */
}
@media (min-width:1024px){
  body.conversa{--h-conv:calc((100dvh - 140px) / .8)}
}
.conv-resp .card.responder>form>.peq{font-size:12px}
.conv-resp .card.responder form.anexo{margin-top:6px;padding-top:6px}
/* legenda e "Enviar arquivo" só aparecem depois de escolher o arquivo */
.conv-resp form.anexo:not(:has(input[type=file]:valid)){grid-template-columns:auto}
.conv-resp form.anexo:not(:has(input[type=file]:valid)) input[name=legenda],
.conv-resp form.anexo:not(:has(input[type=file]:valid)) button{display:none}
.conv-resp label.anexar{line-height:34px;min-height:36px;font-size:14px;justify-self:start}
@media (max-width:899px){
  /* no celular também em abas: "Visão geral" aberta, Tarefas, Aniversário e Anotações em "Notas" */
  .abas-rot{display:flex;margin:4px 0 10px}
  .aba{display:none}
  #ab0:checked~.aba0,#ab1:checked~.aba1,#ab2:checked~.aba2,#ab3:checked~.aba3{display:block}
  #ab0:checked~.abas-rot label[for=ab0],#ab1:checked~.abas-rot label[for=ab1],#ab2:checked~.abas-rot label[for=ab2],#ab3:checked~.abas-rot label[for=ab3]{background:var(--tinta);color:#fff}
  .conv-cab{padding-bottom:6px}
  .acao-ia .peq{min-height:0}
  body.conversa .abas .card{padding:14px 16px}
}

/* --- Funil: as 8 etapas lado a lado e cartão de uma linha --- */
body.rel main:has(.quadro){max-width:1640px}
.quadro{grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:12px;margin-top:12px}
.coluna{padding:12px;border-radius:16px}
.coluna h2{font-size:14px}
.cartao{position:relative;margin-top:6px}
.cartao .pessoa{flex-direction:column;align-items:flex-start;gap:0;padding:8px 40px 8px 10px}
.cartao .pessoa b{font-size:13.5px;max-width:100%;white-space:normal}
.cartao .pessoa b .fim{display:block;font-size:12px}
.cartao .pessoa .chip{white-space:nowrap}
.cartao .pessoa .peq,.cartao .pessoa .chip{font-size:12px}
.cartao .pessoa.parada b{flex:none}
.kb-linha:has(.kb-valor.vazio){display:none}   /* "Sem valor" em todo cartão era ruído: o valor só aparece quando existe */
.kb-mais{margin:0;padding:0}
.kb-mais summary{position:absolute;top:4px;right:4px;width:32px;height:32px;min-height:0;justify-content:center;border-radius:10px;font-size:0}
.kb-mais summary::after{content:"⋯";font-size:18px;color:var(--suave)}
.kb-mais summary:hover{background:var(--fundo)}
.kb-mais[open]{padding:6px 4px 4px}
.coluna>.peq{font-size:13px}
@media (max-width:720px){
  /* celular: arrasta pro lado pra ver as outras etapas, em vez de rolar 8 colunas empilhadas */
  .quadro{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-16px;padding-right:16px;align-items:start}
  .coluna{scroll-snap-align:start}
  .kb-mais summary{width:44px;height:44px;top:0;right:0}
}

/* --- Relatórios: 3 colunas no computador, "tudo certo" some (só aparece quando tem problema) --- */
body.rel .card.ok.rel-sec{display:none}
.rel-hero{padding:20px 24px;margin:12px 0}
.rel-resumo{font-size:18px;margin-top:8px}
.rel-listas{margin-top:14px;padding-top:14px}
.kpis{margin:10px 0}
.kpi{padding:14px 18px}
.kpi b{font-size:34px}
.rel-sec{padding:18px 20px}
.fb{margin:0 0 8px}
.fb .bar{margin:4px 0 2px}
.rel-sub{margin:14px 0 8px}
.horas{height:80px}
@media (min-width:1100px){
  body.rel main:has(.rel-grid){max-width:1640px}
  .rel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0;grid-auto-flow:row dense}
  .rel-grid .larga2{grid-column:span 2}   /* o que era largura toda ocupa 2 de 3 colunas; a 3ª é preenchida pelo próximo cartão */
}
/* topo alinhado com as telas largas (Funil e Relatórios) */
@media (min-width:721px){body.rel:has(.quadro,.rel-grid) .topo{max-width:1640px;padding-inline:40px}}
/* item 26 no celular: toques de 44 px (o bloco acima baixou alguns) e o rodapé do item quebra linha em vez de empurrar a página */
@media (max-width:720px){
  .voltar-tela{display:inline-flex;align-items:center;min-height:44px}
  .pede button{width:44px;height:44px}
  .bf .bt a{display:flex;align-items:center;min-height:44px}
  details.nova:not([open]) summary,details>summary.btn2,details:not([open])>summary{min-height:44px}
  a.item.card>.peq{white-space:normal;min-width:0}
}
/* revisão do lote 2 (17/10): no celular o "Pergunte à IA" fixo cobria a caixa de resposta e o Enviar da conversa: ali ele sai */
@media (max-width:899px){body.conversa .fab-ia{display:none}}
/* 17/10 (itens 30 e 33, aprovados): menu das telas do Ranking, Metas por equipe (/metas) e Jogo de vendas (/jogo) */
.rk-menu{margin:0 0 10px}
.mt-topo{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;justify-content:space-between}
.mt-topo h2{margin:0}
.mt-grande .fb-t b{font-size:22px}
.mt-fecha{color:var(--verde);background:#E3EFE8}
.mt-aberta{color:#7A5A16;background:var(--ourocl)}
.mt-pessoas{margin-top:8px}
.mt-pessoa{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;border-top:1px solid var(--linha)}
.mt-pessoa .bar{grid-column:1/-1}
.mt-pessoa small,.mt-exemplo,.gm-exemplo,.gm-lin small,.gm-cresc .nm small,.gm-mais small,.gm-nivel small,.mt-campos small,.gm-campos small{color:var(--suave)}
.mt-div{margin-top:14px;border-top:1px dashed var(--linha);padding-top:10px}
.mt-div summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.mt-sug{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 6px;font-size:14px;color:var(--suave)}
.mt-sug .chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;overflow:visible}
.mt-campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 14px}
.mt-campos label,.gm-campos label{display:block;font-size:14px;font-weight:600;margin:0}
.mt-campos small,.gm-campos small{display:block;font-weight:400;font-size:12px}
.mt-campos input,.gm-campos input,.gm-campos select{margin-top:4px}
.mt-conta{font-size:14px;margin:8px 0}
.mt-exemplo,.gm-exemplo{font-size:14px;margin:6px 0 0}
.gm-como{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gm-como div{background:var(--fundo);border-radius:12px;padding:12px 14px}
.gm-como b{display:block;font-size:15px;margin-bottom:2px}
.gm-como span{font-size:13px;color:var(--suave)}
.gm-lin{padding:10px 0;border-top:1px solid var(--linha)}
.gm-lin:first-of-type{border-top:0}
.gm-lin .gm-bar{margin-top:6px}
.gm-lin .gm-num{display:block;font-size:14px}
.gm-bar{position:relative;height:10px;border-radius:99px;background:var(--linha);overflow:hidden}
.gm-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--verde)}
.gm-bar i.gm-largada{z-index:0;background:repeating-linear-gradient(45deg,#E8E2D2,#E8E2D2 4px,#F2EEE3 4px,#F2EEE3 8px)}
.gm-bar i.gm-feito{z-index:1}
.gm-pos{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:99px;background:var(--ourocl);font-weight:700;font-size:14px;margin-right:8px}
.gm-cresc{display:flex;align-items:center;padding:9px 0;border-top:1px solid var(--linha)}
.gm-cresc:first-of-type{border-top:0}
.gm-cresc .nm{flex:1;min-width:0}
.gm-cresc .nm small{display:block}
.gm-mais{color:var(--verde);font-weight:700;text-align:right}
.gm-mais small{display:block;font-weight:400}
.gm-niveis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.gm-nivel{border:1px solid var(--linha);border-radius:12px;padding:12px}
.gm-nivel h3{margin:0 0 2px;font-size:16px}
.gm-nivel p{margin:6px 0 0;font-size:14px}
.gm-liga{border-top:1px solid var(--linha);padding:10px 0}
.gm-liga h3{margin:0 0 4px;font-size:15px}
.gm-liga ol{margin:0;padding-left:20px}
.gm-campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 16px}
.gm-ligar{display:flex;gap:8px;align-items:center;font-weight:600;min-height:44px}
.gm-ligar input{width:auto}
.gm-tab{width:100%;border-collapse:collapse;font-size:14px;min-width:480px}
.gm-tab td,.gm-tab th{padding:6px;border-top:1px solid var(--linha);text-align:left;vertical-align:top}
.gm-tab input{width:100%}
@media (max-width:760px){.gm-como{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.mt-campos{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.gm-campos{grid-template-columns:1fr}}
.gm-bloco{display:block}
.rel-grid .gm-topo{grid-column:1/-1}
/* Hoje, proposta C (PLANO-INICIO-C): uma tarefa por vez */
.t-resp{--c:#B42318;--cl:#FDECEC}.t-pronta{--c:#7A5A16;--cl:#F3E7CC}.t-aprovar{--c:#256B49;--cl:#E3EFE8}.t-volta{--c:#4B3FA0;--cl:#E8E6F5}
.p-tag{display:inline-block;white-space:nowrap;font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--cl);color:var(--c)}
.p-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:14px;background:var(--cl);color:var(--c)}
.p-bt,.hj button.p-bt{display:block;width:100%;text-align:center;white-space:nowrap;padding:11px 16px;margin:0;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;background:var(--tinta);color:#fff;border:0}
.p-bt2,.hj button.p-bt2{display:inline-block;width:auto;text-align:center;white-space:nowrap;padding:10px 16px;margin:6px 0 0;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;background:#fff;color:var(--tinta);border:1px solid var(--linha)}
.p-sec,.hj button.p-link{font-size:13px;color:var(--suave);text-decoration:underline;white-space:nowrap;background:none;border:0;padding:0;margin:0;width:auto;font-weight:400;cursor:pointer}
.p-caixa{background:#fff;border-radius:20px;box-shadow:0 6px 24px rgba(26,24,20,.05)}
.hj-rel{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.hj-rel li{font-size:13px;padding:6px 12px;border-radius:99px;background:#fff;border:1px solid var(--linha);color:var(--suave)}
.hj-rel li a{color:inherit;text-decoration:none}
.hj-rel li.alerta{background:var(--ourocl);border-color:var(--ourocl);color:#7A5A16;font-weight:600}
.hj-placar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:26px 0 16px}
.hj-placar a{font-size:14px;padding:9px 15px;border-radius:99px;background:#fff;border:1px solid var(--linha);color:var(--suave);text-decoration:none;white-space:nowrap}
.hj-placar a b{color:var(--tinta);margin-left:4px}
.hj-placar a.on{background:var(--tinta);color:#fff;border-color:var(--tinta)}.hj-placar a.on b{color:#D4A54A}
.hj-placar a.zero{opacity:.6}
.hj-barra{flex:1;min-width:180px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--suave)}
.hj-barra i{flex:1;height:8px;border-radius:8px;background:#fff;border:1px solid var(--linha);overflow:hidden;display:block}
.hj-barra i span{display:block;height:100%;background:var(--verde)}
.hj-duas{display:grid;grid-template-columns:400px minmax(0,1fr);gap:18px;align-items:start}
.hj-fila{padding:4px 0 8px;overflow:hidden}
.hj-fila h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--suave);margin:14px 20px 4px;font-weight:600}
.hj-t{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 20px;border-left:3px solid transparent;text-decoration:none;color:var(--tinta)}
.hj-t:hover{background:#FBF8F2}
.hj-t.sel{background:#FBF8F2;border-left-color:var(--tinta)}
.hj-t .ck{width:20px;height:20px;border-radius:50%;border:2px solid var(--linha)}
.hj-n{min-width:0}.hj-n b{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hj-n small{display:block;font-size:13px;color:var(--suave)}
.hj-fila .pag{padding:8px 20px}
.hj-foco{padding:24px;min-width:0}
.hj-topo{display:flex;align-items:center;gap:12px}
.hj-quem{min-width:0}.hj-quem h2{margin:0;font:400 30px/1.1 var(--serifa)}.hj-quem small{font-size:13px;color:var(--suave)}.hj-quem small a{color:var(--suave)}
.hj-topo .p-tag{margin-left:auto}
.hj-passo{margin:18px 0 10px;padding:14px 16px;border-radius:14px;background:var(--cl);color:var(--tinta)}
.hj-passo small,.hj-sug small,.hj-regra small{display:block;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}
.hj-passo small{color:var(--c)}.hj-passo b{font-weight:600}
.hj-sug{margin:0 0 14px;padding:0 2px;font-size:15px}.hj-sug small{color:var(--suave)}
.hj-conv{overflow:hidden;margin-bottom:10px}
.hj-conv small{display:block;font-size:12px;color:var(--suave);clear:both}.hj-conv small.d{text-align:right}
.hj-bal{display:block;width:fit-content;max-width:80%;padding:10px 14px;border-radius:18px 18px 18px 6px;background:var(--fundo);font-size:15px;margin:4px 0 8px;overflow-wrap:anywhere}
.hj-bal.hj-mim{margin-left:auto;border-radius:18px 18px 6px 18px;background:var(--ourocl)}
.hj-agora textarea{min-height:84px;margin:6px 0}
.hj-ck{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--suave);margin:4px 0 8px}.hj-ck input{width:auto;margin:0}
.hj-linha{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hj-linha .p-bt{flex:1;width:auto}.hj-linha .p-bt2{margin:0}
.hj-linha .sugerir{display:flex;gap:8px;align-items:center}.hj-linha .sugerir .btn2{width:auto;white-space:nowrap;margin:0;padding:10px 16px;font-size:14px;color:var(--tinta)}
.hj-regra{padding:12px 14px;border-radius:14px;background:var(--fundo);font-size:15px;margin:0 0 10px}.hj-regra small{color:var(--suave)}
.hj-regra small.aviso{text-transform:none;letter-spacing:0;font-weight:400;margin:6px 0 0}
.hj-ops{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:flex-start}
.hj-op{border:1px solid var(--linha);border-radius:14px;padding:0}
.hj-op summary{cursor:pointer;padding:9px 14px;font-size:14px;font-weight:600;list-style:none}
.hj-op summary::-webkit-details-marker{display:none}
.hj-op[open]{flex-basis:100%;padding:0 14px 12px}.hj-op[open] summary{padding:9px 0}
.hj-op select{margin:4px 0}
.hj-rodape{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:13px;color:var(--suave);align-items:center;flex-wrap:wrap}
.hj-fim{display:flex;gap:14px;align-items:center;margin-left:auto}.hj-fim form{margin:0}
.hj-vazio{padding:28px;color:var(--suave);font-size:16px;text-align:center}
.hj .mais{text-align:center;margin-top:16px}
@media (max-width:720px){
 .hj-duas{grid-template-columns:1fr}
 .hj-barra{flex-basis:100%}
 .hj:not(.hj-escolhida) .hj-foco{display:none}
 .hj-escolhida .hj-fila{order:2}
 .hj-foco{padding:18px}.hj-topo{flex-wrap:wrap}.hj-topo .p-tag{margin-left:0;order:3}.hj-quem h2{font-size:26px}
}
/* 17/10: mensagem pronta pra uma pessoa só (conversa) */
.mpronta>details>summary,.mp-item>summary{cursor:pointer;font-weight:600;padding:6px 0}
.mp-item{border-top:1px solid var(--linha);padding:4px 0}
.mp-bal{background:#f4f1ea;border-radius:14px;padding:10px 12px;margin:6px 0;white-space:pre-wrap;font-size:15px;line-height:1.4}
.mp-bal small{display:block;color:#6b665c;margin-top:6px}
.mp-bts{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.mp-bts span{border:1px solid var(--linha);border-radius:16px;padding:4px 12px;font-size:14px;background:#fff}
.mp-var{color:#8a5a00;background:#fff4d6;border-radius:4px;padding:0 3px}
.mpronta form{display:grid;gap:6px}
.mpronta .mp-conf{display:flex;gap:8px;align-items:flex-start;font-size:15px}
.mpronta .mp-conf input{width:auto;min-height:0;margin-top:3px}
.mpronta.mp-fim{padding:10px 14px}
/* 17/10: "o agente escreve" (opções de resposta da IA) */
.sug-opcoes{display:grid;gap:6px;margin:6px 0;grid-column:1/-1;width:100%}
.sug-opcoes[hidden]{display:none}
.sug-op{display:block;width:100%;text-align:left;white-space:normal;background:#f4f1ea;color:var(--tinta);border:1px solid var(--linha);border-radius:14px;padding:9px 12px;margin:0;font-size:15px;line-height:1.35;min-height:0;font-weight:400;cursor:pointer}
.sug-op:hover,.sug-op.on{border-color:#4B33A0;background:#efeafb}

/* 19/10: itens 9 (Funil: cartão com borda, alça, coluna com rolagem) e 10 (Remarketing: "Nova regra" no topo, "Mais jeitos de vender" em lista) */

/* ===== Item 9 — Funil ===== */
/* 1) o cartão inteiro vira a peça: borda própria (antes a borda era só do link do nome, e o "Mover ou valor" aberto ficava pra fora) */
.cartao{background:#fff;border:1px solid var(--linha);border-radius:12px;transition:border-color .15s,box-shadow .15s}
/* 2) cor alternada bem leve entre um cartão e outro */
.coluna .cartao:nth-of-type(even){background:#FAF8F4}
/* 3) seleção só no cartão: o link do nome perde borda/fundo; passar o mouse ou focar acende o cartão todo */
.cartao .pessoa,.cartao .pessoa.parada,.cartao .pessoa:hover{border:0;background:none}
.cartao:hover,.cartao:focus-within{border-color:var(--ouro);box-shadow:0 4px 14px rgba(26,24,20,.07)}
.cartao[draggable=true]{user-select:none;-webkit-user-select:none}          /* arrastar não pinta texto */
.cartao .kb-mais[open]{user-select:text;-webkit-user-select:text}
.quadro.arrastando,.quadro.arrastando *{user-select:none !important;-webkit-user-select:none !important}  /* arrastar cartão não pinta a faixa azul de seleção no quadro */
/* 4) alça de arrastar visível: 6 pontinhos à esquerda (só quando a pessoa pode arrastar) */
.cartao[draggable=true] .pessoa b{padding-left:14px}
.cartao[draggable=true]::before{content:"";position:absolute;left:9px;top:11px;width:8px;height:14px;pointer-events:none;
  background:radial-gradient(circle,#B3AA99 1.3px,transparent 1.7px) 0 0/4px 4.67px}
.cartao[draggable=true]:hover::before{background-image:radial-gradient(circle,var(--ouro) 1.3px,transparent 1.7px)}
/* 5) coluna com rolagem própria: 3 a 4 cartões à vista; o nome da etapa fica parado em cima */
.coluna{max-height:340px;overflow-y:auto;overscroll-behavior:contain;padding-top:0;scrollbar-width:thin;scrollbar-color:#D9D2C4 transparent}
.coluna h2{position:sticky;top:0;z-index:2;background:#fff;margin:0;padding:12px 0 6px}
@media (max-width:720px){.coluna{max-height:390px}}

/* ===== Item 10 — Remarketing ===== */
.tit-acao{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}
.tit-acao>div{min-width:0}
.tit-acao .peq{margin-bottom:4px}
a.bt-nova{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:12px;
  background:var(--tinta);color:#fff;font-weight:600;font-size:15px;text-decoration:none;box-shadow:0 2px 8px rgba(26,24,20,.12)}
a.bt-nova:hover{background:#000}
@media (max-width:720px){.tit-acao{display:block}a.bt-nova{display:flex;width:100%;margin:14px 0 2px}}
.lista-jeitos{list-style:none;margin:6px 0 0;padding:0}
.lista-jeitos li+li{border-top:1px solid var(--linha)}
.lista-jeitos a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 2px;text-decoration:none;color:inherit}
.lista-jeitos a>div{flex:1;min-width:0}
.lista-jeitos b{display:block;font-weight:600;font-size:15px}
.lista-jeitos span{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--suave)}
.lista-jeitos a::after{content:"›";flex:none;font-size:22px;line-height:1;color:var(--suave)}
.lista-jeitos a:hover b,.lista-jeitos a:hover::after{color:var(--ouro-t)}

/* 19/10: "Próxima conversa" no topo do Hoje (conversa marcada nas próximas 24 h) */
.hj-prox{margin:16px 0 14px;padding:18px 20px;border-radius:20px;background:#fff;box-shadow:0 6px 24px rgba(26,24,20,.06);border:1px solid var(--linha)}
.hj-prox.hoje{border:2px solid var(--ouro);background:#fffaf0}
.hj-prox-t{font-size:13px;font-weight:700;color:#7A5A16;text-transform:uppercase;letter-spacing:.04em}
.hj-prox h2{margin:4px 0 2px;font-size:22px;overflow-wrap:anywhere}
.hj-prox-q{font-size:15px;color:var(--suave)}.hj-prox-q b{color:var(--tinta)}
.hj-prox-r p{margin:8px 0 0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.hj-prox-p{margin-top:12px;font-size:14px}.hj-prox-p ol{margin:4px 0 0;padding-left:20px;line-height:1.6}
.hj-prox-b{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;padding:0 22px;border-radius:99px;background:#1A1814;color:#fff;font-weight:700;text-decoration:none}
.hj-prox-m{list-style:none;margin:14px 0 0;padding:10px 0 0;border-top:1px solid var(--linha);font-size:14px}
.hj-prox-m a{display:block;padding:8px 0;color:inherit;text-decoration:none;min-height:24px}

/* painel do lado recolhível (Tiago 19/10) e sugestões da IA separadas da conversa */
.cab-lado{flex:none;display:inline-flex!important;align-items:center;gap:6px;width:auto;margin:0;min-height:38px;padding:0 14px;border-radius:99px;
  border:1px solid var(--linha);background:#fff;color:var(--tinta);font-size:14px;font-weight:600;cursor:pointer}
.cab-lado:hover{border-color:var(--tinta)}
.cab-lado.on{background:var(--tinta)!important;color:#fff!important;border-color:var(--tinta)!important}
.hj-topo .cab-lado{margin-left:8px}
@media (min-width:900px){
  .conv{transition:grid-template-columns .25s ease}
  .conv.sem-lado{grid-template-columns:300px minmax(0,1fr)}
  .conv.sem-lado .conv-lado{display:none}
  .hj-duas.hj-larga{grid-template-columns:minmax(0,1fr)}
  .hj-duas.hj-larga .hj-fila{display:none}
  body.larga main:has(.hj-larga){max-width:1440px}
}
@media (max-width:899px){.cab-lado{display:none!important}}
.sug-tit{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#4B33A0;margin:2px 0 0}
.sug-tit:before{content:"";width:14px;height:14px;flex:none;background:#4B33A0;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.4 7.6L22 12l-7.6 2.4L12 22l-2.4-7.6L2 12l7.6-2.4z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.4 7.6L22 12l-7.6 2.4L12 22l-2.4-7.6L2 12l7.6-2.4z'/%3E%3C/svg%3E") center/contain no-repeat}
.sug-opcoes{padding:10px;border-radius:16px;background:#F6F3FE;border:1px dashed #C9BDF2}
.sug-op{background:#fff;border:1px solid #DDD3F7}
.sug-op:hover,.sug-op.on{border-color:#4B33A0;background:#fff;box-shadow:0 0 0 2px #E4DCFB}

/* 19/10: entrevista em conversa (linha de progresso, abertura, falas, caixa) */
.ev-linha{height:4px;border-radius:99px;background:var(--linha);overflow:hidden;margin:6px 0 18px}
.ev-linha i{display:block;height:100%;background:var(--verde);border-radius:99px;transition:width .4s}
.ev-abre h2{font:400 30px/1.15 var(--serifa);margin:0 0 10px}
.ev-abre p{margin:0 0 12px}.ev-aviso{background:var(--ourocl);border-radius:10px;padding:10px 12px;color:var(--ouro-t)}
.ev-pergunta{font-weight:600;margin-top:18px!important}
.ev-modos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ev-modos a{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:12px;background:var(--tinta);color:#fff;
  text-decoration:none;font-weight:600;padding:10px 14px;text-align:center}
.ev-modos a.btn2{background:#fff;color:var(--tinta);border:1px solid var(--tinta)}
.ev-chat{display:flex;flex-direction:column;min-height:420px;height:calc(100dvh - 90px - 130px);overflow:hidden}
.ev-cab{flex:none}
.ev-conversa{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;margin:0;padding:4px 2px 12px;position:relative}
.ev-fala{max-width:84%;padding:11px 14px;border-radius:16px;white-space:pre-wrap;line-height:1.45}
.ev-ia{align-self:flex-start;background:#fff;border:1px solid var(--linha);border-bottom-left-radius:4px}
.ev-eu{align-self:flex-end;background:#E3EFE8;border-bottom-right-radius:4px}
.ev-caixa{flex:none;position:static;background:var(--fundo);padding:8px 0 0;border-top:1px solid var(--linha)}
.ev-caixa form{margin:0}.ev-caixa textarea{min-height:44px;max-height:120px;margin:0}
.ev-caixa .peq{margin:4px 0 0}
/* barra estilo WhatsApp: campo estica, botões Falar/Mandar redondos do lado */
.ev-barra{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.ev-barra textarea{flex:1 1 160px;min-width:0;resize:none;border-radius:12px}
.ev-barra .ev-falar-linha{flex:0 0 auto;order:2;margin:0;display:inline-flex;align-items:center;gap:6px;width:auto}
.ev-barra .ev-falar{width:46px;min-width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;margin:0;display:inline-flex;align-items:center;justify-content:center}
.ev-barra .ev-falar.ev-gravando{background:var(--verde,#0E9F6E);color:#fff}
.ev-barra .ev-enviar{order:3;margin:0}
.ev-ic{flex:0 0 auto;width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--btn-bg,var(--tinta));color:var(--btn-fg,#fff);border:0}
.ev-barra .ev-falar-st{order:9;flex:1 1 100%;margin:2px 0 0}
.ev-pensando{display:inline-flex;gap:4px;align-items:center;padding:2px 0}
.ev-pensando i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.4;animation:ev-pisca 1.2s infinite}
.ev-pensando i:nth-child(2){animation-delay:.2s}.ev-pensando i:nth-child(3){animation-delay:.4s}
@keyframes ev-pisca{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.ev-pensando i{animation:none}}
.ev-mic-grande .ev-falar{width:100%!important;min-height:56px!important;font-size:17px;background:var(--tinta);color:#fff;border:0}
.ev-pronto h2{font:400 30px/1.15 var(--serifa);margin:0 0 8px}
.ev-lista{margin-top:18px}
@media(max-width:560px){.ev-modos{grid-template-columns:1fr}.ev-fala{max-width:92%}}

/* Prospecção (28/10): itens 1, 2, 7 e 8 do PLANO-PROSPECCAO-UX */
body.prosp main{max-width:1080px;padding:0 32px 140px}
.modo-r{position:absolute;opacity:0;width:0;height:0;margin:0}
.modo-botoes{display:flex;gap:8px;margin:6px 0 14px}
.modo-botoes label{padding:10px 18px;border-radius:99px;border:1px solid var(--linha);background:#fff;font-weight:600;cursor:pointer;color:var(--suave)}
#modo-lug:checked ~ .modo-botoes label[for=modo-lug],#modo-cnpj:checked ~ .modo-botoes label[for=modo-cnpj]{background:var(--tinta);color:#fff;border-color:var(--tinta)}
#modo-lug:focus-visible ~ .modo-botoes label[for=modo-lug],#modo-cnpj:focus-visible ~ .modo-botoes label[for=modo-cnpj]{outline:2px solid var(--tinta);outline-offset:2px}
#modo-lug:checked ~ .modo-cnpj,#modo-cnpj:checked ~ .modo-lug{display:none}
.ins-rapidos{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 0}
.ins-rapidos button{width:auto;margin:0;padding:8px 14px}
.voltar-prosp{justify-content:flex-start;margin:10px 0 0}
@media (max-width:720px){body.prosp main{padding:0 16px 120px}}