*{box-sizing:border-box}
html,body{margin:0;background:#F5F1EB;color:#1C1917;font-family:'DM Sans',system-ui,sans-serif}
[hidden]{display:none!important}
button,select,input,textarea{font:inherit}
a{color:inherit}
.sr{position:absolute;left:-9999px}

/* Login */
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:#3B2A1E}
.login-box{background:#FFFFFF;border-radius:16px;padding:28px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:8px}
.login-box img{border-radius:14px;align-self:center}
.login-box h1{margin:4px 0 0;font-size:22px;text-align:center}
.login-box p{margin:0 0 8px;font-size:14px;color:#57534E;text-align:center}
.login-box label{font-size:13px;font-weight:600;color:#57534E}
.login-box .btn{margin-top:8px}
.erro{font-size:14px;color:#B91C1C;min-height:20px}

/* Topo */
.app{min-height:100vh;display:flex;flex-direction:column}
.topo{background:#3B2A1E;color:#FAF6F0;padding:10px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.marca{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700}
.marca img{border-radius:10px;background:#FFFFFF;display:block}
.menu{display:flex;flex-wrap:wrap;gap:4px;flex-grow:1}
.nav{border:0;background:transparent;color:#D6C7B5;font-size:15px;font-weight:600;padding:10px 14px;border-radius:8px;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.nav.on{background:#FAF6F0;color:#3B2A1E}
.nav.breve{opacity:.45;cursor:not-allowed}
.nb{font-size:12px;font-weight:700;background:#EA580C;color:#FFFFFF;border-radius:999px;padding:1px 7px}
.quem{font-size:14px;color:#D6C7B5}
.quem strong{color:#FAF6F0}
.aviso{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:40;width:min(560px,calc(100vw - 32px));box-shadow:0 8px 24px rgba(0,0,0,.25);background:#1C1917;color:#FAF6F0;border-radius:10px;padding:10px 14px;font-size:14px;display:flex;gap:12px;align-items:center}
.aviso span{flex-grow:1}
.aviso.ruim{background:#991B1B}

/* Controles */
.inp{border:1px solid #D6CCBF;border-radius:8px;padding:10px 12px;font-size:14px;background:#FFFFFF;color:#1C1917;min-height:44px;width:100%}
.btn{border:0;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px;white-space:nowrap}
.btn:disabled{opacity:.6;cursor:wait}
.btn-dark{background:#3B2A1E;color:#FFFFFF}.btn-light{background:#FFFFFF;color:#1C1917;border:1px solid #D6CCBF}.btn-ok{background:#15803D;color:#FFFFFF}
.btn-sm{min-height:36px;padding:6px 12px;font-size:13px}
.mini{border:1px solid #C9BFB2;background:#FFFFFF;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;color:#1C1917;min-height:30px}
.seg{border:0;background:transparent;font-size:14px;font-weight:500;color:#57534E;padding:10px 16px;border-radius:8px;cursor:pointer;min-height:40px}
.seg.on{background:#FFFFFF;color:#1C1917;box-shadow:0 1px 2px rgba(28,25,23,.12)}
.segs{display:inline-flex;gap:4px;background:#E7E1D8;padding:4px;border-radius:10px;flex-wrap:wrap}
.chip{border:1px solid #E7E2DA;background:#FFFFFF;font-size:13px;color:#44403C;padding:6px 12px;border-radius:999px;cursor:pointer;min-height:36px;display:inline-flex;align-items:center;gap:6px}
.chip.on{background:#1C1917;border-color:#1C1917;color:#FFFFFF}
.grp{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#78716C}
.peq{font-size:13px;color:#57534E}
.linha{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.campo{display:flex;flex-direction:column;gap:4px}
.campo label{font-size:12px;font-weight:600;color:#57534E}

/* Atendimento */
.faixa{padding:16px 24px 0;display:flex;flex-direction:column;gap:12px}
.iniciar{background:#FFFFFF;border:1px solid #E7E2DA;border-radius:12px;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.filtros{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.resumo{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;color:#57534E;flex-grow:1}
.resumo strong{color:#1C1917}
.resumo .ruim{color:#991B1B}
.colunas-wrap{padding:12px 24px 24px;overflow-x:auto}
.colunas{display:grid;gap:14px;align-items:start}
.col{border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}
.col-tabata{background:#FDEEE4}.col-yan{background:#E6F6EA}.col-felipe{background:#E8EFFD}.col-brenda{background:#F1EAFB}.col-semdono{background:#ECE7DF}
.col-cab{display:flex;align-items:center;gap:10px;padding:2px 2px 4px}
.col-cab .nm{display:flex;flex-direction:column;flex-grow:1;min-width:0}
.col-cab .nm b{font-size:16px}
.col-cab .nm span{font-size:12px;color:#57534E}
.qtd{font-size:13px;font-weight:700;background:#FFFFFF;padding:2px 10px;border-radius:999px}
.av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}
.av-tabata{background:#EA580C;color:#FFFFFF}.av-yan{background:#86EFAC;color:#14532D}.av-felipe{background:#2563EB;color:#FFFFFF}.av-brenda{background:#7C3AED;color:#FFFFFF}.av-semdono{background:#78716C;color:#FFFFFF}
.vazio{background:rgba(255,255,255,.7);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#57534E}
.vazio strong{font-size:14px;color:#1C1917}
.card{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;background:#FFFFFF;border-radius:10px;padding:12px 14px;box-shadow:0 1px 2px rgba(28,25,23,.08);border:1px solid rgba(28,25,23,.06);cursor:pointer;color:#1C1917}
.card:hover{box-shadow:0 4px 12px rgba(28,25,23,.14);border-color:rgba(28,25,23,.18)}
.card.novo{border:2px solid #1C1917}
.card .l1{display:flex;align-items:center;gap:8px;width:100%}
.card .nome{font-size:15px;font-weight:600;flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .prev{font-size:14px;line-height:1.4;color:#44403C;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.card .l3{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%}
.card .hora{font-size:12px;color:#78716C;margin-left:auto}
.t{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}
.t-ok{background:#DCFCE7;color:#166534}.t-warn{background:#FEF3C7;color:#92400E}.t-late{background:#FEE2E2;color:#991B1B}.t-neutro{background:#F1EEE9;color:#57534E}
.lb{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#44403C;border:1px solid #E7E2DA;padding:2px 8px;border-radius:999px;background:#FFFFFF}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.ib{font-size:11px;font-weight:600;color:#57534E;background:#F1EEE9;padding:2px 7px;border-radius:999px}
.fin-wrap{padding:12px 24px 24px;display:flex;flex-direction:column;gap:10px}
.tabela{overflow-x:auto;border:1px solid #E7E2DA;border-radius:12px}
.tb{width:100%;border-collapse:collapse;font-size:14px;background:#FFFFFF}
.tb th{text-align:left;font-size:12px;font-weight:700;color:#57534E;padding:10px 12px;border-bottom:1px solid #E7E2DA;background:#FBF8F4;white-space:nowrap}
.tb td{padding:10px 12px;border-bottom:1px solid #F0EBE4;vertical-align:middle}
.rs{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}
.rs-venda{background:#DCFCE7;color:#166534}.rs-perdido{background:#FEE2E2;color:#991B1B}.rs-duvida{background:#F1EEE9;color:#57534E}.rs-pos{background:#DBEAFE;color:#1E40AF}

/* Conversa */
.conv{display:flex;flex-wrap:wrap;flex-grow:1;align-items:stretch;margin-top:12px;min-height:0}
.conv-main{flex:999 1 480px;min-width:0;display:flex;flex-direction:column;height:calc(100vh - 76px)}
.conv-topo{padding:12px 20px;background:#FFFFFF;border-bottom:1px solid #E7E2DA;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.conv-topo .btn{min-height:40px;padding:8px 12px}
.conv-id{display:flex;flex-direction:column}
.conv-id strong{font-size:17px}
.conv-id span{font-size:13px;color:#57534E}
.conv-labels{display:flex;gap:6px;flex-wrap:wrap}
.conv-dono{padding:10px 20px;background:#FBF8F4;border-bottom:1px solid #E7E2DA;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:#57534E}
.conv-dono strong{color:#1C1917}
.painel-fin{padding:12px 20px;background:#EAF7EE;border-bottom:1px solid #BBE5C8;display:flex;flex-direction:column;gap:8px;font-size:14px}
.painel-transf{padding:12px 20px;background:#EEF2FF;border-bottom:1px solid #C7D2FE;display:flex;flex-direction:column;gap:8px;font-size:14px}
.painel-transf label{font-size:12px;font-weight:600;color:#57534E}
.msgs{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px;min-height:200px}
.b{padding:10px 14px;max-width:72%;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.b-c{align-self:flex-start;background:#FFFFFF;border:1px solid #E7E2DA;border-radius:12px 12px 12px 4px}
.b-a{align-self:flex-end;background:#FDEEE4;border-radius:12px 12px 4px 12px}
.b-n{align-self:center;background:#FEF9C3;border:1px dashed #CA8A04;border-radius:10px;padding:8px 12px;max-width:80%;font-size:13px;color:#713F12}
.b-s{align-self:center;font-size:12px;color:#78716C;padding:2px 8px;max-width:90%;text-align:center}
.b-n .rot{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.meta{display:block;font-size:11px;color:#78716C;margin-top:4px}
.b img,.b video{display:block;max-width:280px;max-height:320px;border-radius:8px;margin-bottom:6px;cursor:zoom-in}
.b audio{display:block;max-width:280px;margin-bottom:6px}
.b .arq{display:inline-flex;gap:6px;align-items:center;font-weight:600;margin-bottom:6px}
.mais{align-self:center}
.compor{padding:12px 20px;background:#FFFFFF;border-top:1px solid #E7E2DA;display:flex;flex-direction:column;gap:8px}
.compor.nota{background:#FEFCE8}
.compor-linha{display:flex;gap:8px;align-items:flex-end}
.resp{resize:none;min-height:44px;max-height:180px;line-height:1.4}
.clipe{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #D6CCBF;border-radius:8px;cursor:pointer;color:#57534E;flex-shrink:0;background:#FFFFFF}
.nota-chk{font-size:13px;color:#57534E;display:inline-flex;gap:6px;align-items:center;cursor:pointer;align-self:flex-start}
.anexos-prev{display:flex;gap:8px;flex-wrap:wrap}
.anexo{position:relative;border:1px solid #E7E2DA;border-radius:8px;padding:6px;font-size:12px;display:flex;align-items:center;gap:6px;background:#FBF8F4;max-width:220px}
.anexo img{width:48px;height:48px;object-fit:cover;border-radius:6px}
.anexo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sug{display:flex;flex-direction:column;border:1px solid #E7E2DA;border-radius:10px;overflow:hidden;max-height:240px;overflow-y:auto}
.sug-it{display:flex;gap:10px;align-items:baseline;text-align:left;border:0;border-bottom:1px solid #F0EBE4;background:#FFFFFF;padding:8px 12px;font-size:13px;cursor:pointer;color:#1C1917}
.sug-it:hover,.sug-it.on{background:#FFF1E8}
.sug-it span{color:#57534E;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conv-lado{flex:1 1 300px;max-width:360px;background:#FBF8F4;border-left:1px solid #E7E2DA;padding:16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;height:calc(100vh - 76px)}
.caixa{display:flex;flex-direction:column;gap:8px;background:#FFFFFF;border:1px solid #E7E2DA;border-radius:10px;padding:12px}
.caixa.tracejada{border-style:dashed;border-color:#C9BFB2}
.contato{display:flex;flex-direction:column;gap:4px;font-size:14px}
.soltar{position:fixed;inset:0;background:rgba(59,42,30,.75);color:#FFFFFF;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:none}
.zoom{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:60;cursor:zoom-out}
.zoom img{max-width:94vw;max-height:94vh}

@media (max-width:800px){
  .topo,.faixa,.colunas-wrap,.fin-wrap{padding-left:16px;padding-right:16px}
  .conv-main,.conv-lado{height:auto}
  .conv-lado{max-width:none}
  .b{max-width:88%}
}

/* Pipeline */
.pipe-topo{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.pp{border:1px solid #D6CCBF;background:#FFFFFF;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:8px;color:#1C1917}
.pp.on{background:#1C1917;color:#FFFFFF;border-color:#1C1917}
.pp .av{width:24px;height:24px;font-size:12px}
.pipe-wrap{padding:12px 24px 24px;overflow-x:auto}
.pipe{display:flex;gap:12px;align-items:flex-start}
.pcol{flex:0 0 268px;background:#ECE7DF;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}
.pcol.fixa{background:#E4DCD0}
.pcol.fim{background:#E6F0E8}
.pcol-cab{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pcol-cab b{font-size:14px;flex-grow:1;min-width:0}
.pcol-cab .qtd{font-size:12px}
.pcol-ed{display:flex;gap:4px;flex-wrap:wrap}
.fx{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#57534E;background:#FFFFFF;padding:1px 6px;border-radius:4px}
.mv{border:1px solid #E7E2DA;background:#FFFFFF;border-radius:6px;min-width:30px;height:30px;cursor:pointer;color:#57534E;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;font-size:13px}
.mv:hover{border-color:#C9BFB2;color:#1C1917}
.mv:disabled{opacity:.35;cursor:default}
.pcard{background:#FFFFFF;border-radius:10px;border:1px solid rgba(28,25,23,.08);box-shadow:0 1px 2px rgba(28,25,23,.06);padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.pcard.resp{border:2px solid #DC2626}
.pcard .nome{font-weight:600;font-size:14px;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:#1C1917;text-decoration:underline;text-decoration-color:#D6CCBF;text-underline-offset:3px}
.pcard .prev{font-size:13px;color:#57534E;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pcard .rod{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:#78716C}
.pcard select{font-size:12px;border:1px solid #E7E2DA;border-radius:6px;padding:4px;background:#FFFFFF;max-width:100%}
.tag-r{align-self:flex-start;font-size:11px;font-weight:700;color:#FFFFFF;background:#DC2626;padding:2px 8px;border-radius:999px}
.tag-ag{font-size:11px;font-weight:600;color:#9A3412;background:#FFEDD5;padding:2px 8px;border-radius:999px}
.tag-ag.late{color:#991B1B;background:#FEE2E2}
.vlr{font-weight:700;color:#166534}
.pcol .vazia{font-size:12px;color:#78716C;padding:4px}
.inp-et{min-height:32px;padding:4px 8px;font-size:13px}

/* Agenda */
.agenda{padding:12px 24px 24px;display:flex;flex-direction:column;gap:16px;max-width:1000px}
.ag-grupo{display:flex;flex-direction:column;gap:6px}
.ag-grupo h2{margin:0;font-size:15px;display:flex;gap:8px;align-items:center}
.ag-grupo.late h2{color:#991B1B}
.ag-it{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#FFFFFF;border:1px solid #E7E2DA;border-left:5px solid #EA580C;border-radius:10px;padding:10px 14px}
.ag-grupo.late .ag-it{border-left-color:#B91C1C}
.ag-h{font-weight:700;color:#3B2A1E;min-width:86px}
.ag-txt{display:flex;flex-direction:column;flex:1;min-width:180px}
.ag-txt span{font-size:13px;color:#57534E}
.nb-ag{background:#DC2626}

/* Lateral da conversa */
.abas{display:flex;gap:4px;background:#EDE7DF;padding:4px;border-radius:10px;flex-wrap:wrap}
.aba{flex:1;border:0;background:transparent;font-size:13px;font-weight:600;color:#57534E;padding:8px 6px;border-radius:8px;cursor:pointer;min-height:38px}
.aba.on{background:#3B2A1E;color:#FFFFFF}
.etapas-lista{display:flex;flex-direction:column;gap:4px}
.st{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid #E7E2DA;background:#FFFFFF;font-size:14px;color:#292524;padding:8px 12px;border-radius:8px;cursor:pointer;min-height:40px}
.st:hover{border-color:#C9BFB2}
.st .ck{width:16px;height:16px;border-radius:50%;border:2px solid #C9BFB2;flex-shrink:0}
.st.on{background:#FFF1E8;border-color:#3B2A1E;font-weight:600}.st.on .ck{border:5px solid #3B2A1E}
.r-atual{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#FFF1E8;border-radius:8px;padding:8px 10px;font-size:13px}
.lk{border:0;background:transparent;padding:4px 2px;font-size:13px;font-weight:600;color:#3B2A1E;text-decoration:underline;cursor:pointer}

/* CRM */
.crm-corpo{padding:14px 24px 24px;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.crm-main{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:10px}
.ficha{flex:1 1 360px;max-width:460px;background:#FFFFFF;border:1px solid #E7E2DA;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto}
.lchip{border:1px solid #D6CCBF;background:#FFFFFF;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;min-height:34px;color:#1C1917}
.lchip b{margin-left:4px;font-size:12px;background:#F1EEE9;border-radius:999px;padding:0 6px}
.lchip.on{background:#3B2A1E;border-color:#3B2A1E;color:#FFFFFF}.lchip.on b{background:#EA580C;color:#FFFFFF}
.lchip.auto{border-style:dashed}
.fila-cab{display:flex;align-items:flex-end;gap:18px;padding:4px 0 14px;border-bottom:2px solid #1C1917}
.fila-cab .n{font-size:76px;font-weight:700;line-height:.85;color:#3B2A1E;letter-spacing:-.04em}
.fila-cab strong{font-size:22px;display:block}
.fcard{display:flex;align-items:center;gap:14px;background:#FFFFFF;border:1px solid #E7E2DA;border-left:5px solid #EA580C;border-radius:10px;padding:12px 14px;flex-wrap:wrap}
.fcard.late{border-left-color:#B91C1C}
.fcard .info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:200px}
.fcard .info strong{font-size:16px}
.px-late{color:#991B1B;font-weight:700;font-size:13px}
.cv{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:12px;font-weight:700;flex-shrink:0}
.cv-A{background:#DCFCE7;color:#166534}.cv-B{background:#FEF3C7;color:#92400E}.cv-C{background:#F1EEE9;color:#57534E}
.ls{font-size:11px;font-weight:600;color:#3B2A1E;background:#F3E8DA;padding:2px 7px;border-radius:999px;white-space:nowrap}
.feito{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;text-align:left;border:0;border-bottom:1px dashed #E7E2DA;background:transparent;padding:8px 4px;font-size:14px;cursor:pointer;color:#1C1917}
.feito:hover{background:#FFFFFF}
.r-pedido{color:#166534;background:#DCFCE7}.r-retornar{color:#92400E;background:#FEF3C7}.r-atendeu{color:#1E40AF;background:#DBEAFE}.r-semresp{color:#57534E;background:#F1EEE9}.r-semint{color:#991B1B;background:#FEE2E2}
.lemb{background:#FFF1E8;border:2px solid #EA580C;border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}
.lemb-it{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px dashed #F5C7A9;padding-top:6px}
.cli-nm{border:0;background:transparent;padding:0;font-weight:600;color:#1C1917;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:#D6CCBF;text-underline-offset:3px;font-size:14px}
.tb tr.sel td{background:#FFF1E8}
.reg{display:flex;flex-direction:column;gap:8px;background:#FBF8F4;border:1px solid #E7E2DA;border-radius:10px;padding:12px}
.rl{font-size:12px;font-weight:600;color:#57534E}.rl.falta{color:#B91C1C}.rl.falta::after{content:' ← obrigatório'}
.hist{border-left:2px solid #E7E2DA;padding:0 0 12px 12px;display:flex;flex-direction:column;gap:4px;font-size:13px;white-space:pre-wrap}
.ficha .b{max-width:90%;font-size:13px;padding:8px 10px}
.ficha-whats{display:flex;flex-direction:column;gap:6px;background:#F5F1EB;border-radius:10px;padding:10px;max-height:320px;overflow-y:auto}

/* Atalhos */
.at-lista{padding:4px 24px 24px;display:flex;flex-direction:column;gap:8px;max-width:950px}
.at-it{display:flex;gap:14px;align-items:flex-start;background:#FFFFFF;border:1px solid #E7E2DA;border-radius:10px;padding:10px 14px;flex-wrap:wrap}
.at-it code{font-weight:700;color:#3B2A1E;font-size:14px;min-width:110px}
.at-it .tx{flex:1;min-width:240px;white-space:pre-wrap;font-size:14px;color:#292524}

/* Relatório */
.rel-wrap{padding:12px 24px 24px}
.rel-doc{background:#FFFFFF;border:1px solid #E7E2DA;border-radius:12px;padding:24px 28px;display:flex;flex-direction:column;gap:18px;max-width:1000px}
.rel-k{border:1px solid #E7E2DA;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;flex:1 1 120px}
.rel-k strong{font-size:26px}.rel-k span{font-size:12px;color:#57534E}
.rel-sec h3{margin:0 0 6px;font-size:16px}
.rel-sec h3 span{font-weight:400;color:#78716C;font-size:13px}
.rel-it{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px dashed #E7E2DA;font-size:14px}
.rel-it .box{width:14px;height:14px;border:1.5px solid #57534E;border-radius:3px;flex-shrink:0;transform:translateY(2px)}
.rel-it .q{color:#57534E;font-size:13px}
.rel-linhas div{border-bottom:1px solid #D6CCBF;height:28px}
@media print{
  .topo,.noprint,.aviso,#aviso{display:none!important}
  body,html{background:#FFFFFF}
  .rel-wrap{padding:0}
  .rel-doc{border:0;padding:0;max-width:none}
}

.travado{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#FEF3C7;border:1px solid #F59E0B;border-radius:8px;padding:8px 12px;font-size:14px;color:#78350F}
.travado span{flex:1;min-width:200px}
.compor.bloq .clipe{opacity:.4;pointer-events:none}
.resp:disabled{background:#F5F1EB;cursor:not-allowed}

/* Números e Gestão */
.num-wrap{padding:12px 24px 24px;display:flex;flex-direction:column;gap:16px}
.crm-main .num-wrap{padding:0}
.painel-g{background:#FFFFFF;border:1px solid #E7E2DA;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.painel-g h3{margin:0;font-size:16px}
.kpis{display:flex;flex-wrap:wrap;gap:0;background:#FFFFFF;border:1px solid #E7E2DA;border-radius:12px;padding:14px 4px}
.kpi{flex:1 1 140px;padding:4px 14px;display:flex;flex-direction:column;gap:2px;min-width:120px}
.kpi strong{font-size:28px;line-height:1.1}
.kpi span{font-size:12px;color:#57534E}
.kpi.ruim strong{color:#B91C1C}
.barras{display:flex;align-items:flex-end;gap:2px;height:150px;padding-top:18px}
.barra{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0;position:relative}
.barra i{display:block;width:100%;background:#EA580C;border-radius:4px 4px 0 0;min-height:2px}
.barra.zero i{background:#E7E2DA}
.barra b{font-size:11px;font-weight:600;color:#44403C;margin-bottom:2px}
.barra:hover i{background:#C2410C}
.eixo{display:flex;gap:2px;font-size:11px;color:#78716C}
.eixo span{flex:1;text-align:center}
.eixo .ped{color:#166534;font-weight:700}
.canais{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.canal{border:1px solid #E7E2DA;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}
.canal h4{margin:0;font-size:16px}
.medidor{display:flex;flex-direction:column;gap:3px;font-size:13px}
.medidor .lin{display:flex;justify-content:space-between;align-items:baseline}
.medidor .lin strong{font-size:16px}
.trilho{height:8px;background:#F1EEE9;border-radius:999px;overflow:hidden}
.trilho i{display:block;height:100%;background:#3B2A1E;border-radius:999px}
.trilho.laranja i{background:#EA580C}
.grade3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.hbar{display:grid;grid-template-columns:110px 1fr 40px;align-items:center;gap:8px;font-size:13px;padding:3px 0}
.hbar b{text-align:right}
.conf-ok{color:#166534;background:#DCFCE7}.conf-nao{color:#991B1B;background:#FEE2E2}.conf-pend{color:#92400E;background:#FEF3C7}
.cn-m{background:#DBEAFE;color:#1E40AF}.cn-a{background:#FEF3C7;color:#92400E}.cn-l{background:#DCFCE7;color:#166534}

/* Responder (flechinha) e editar */
.b{position:relative}
.b .acoes{display:none;position:absolute;top:-14px;gap:4px;z-index:2}
.b-c .acoes{left:8px}.b-a .acoes{right:8px}
.b:hover .acoes,.b:focus-within .acoes,.b:focus .acoes{display:flex}
.ac{border:1px solid #D6CCBF;background:#FFFFFF;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;cursor:pointer;color:#3B2A1E;box-shadow:0 1px 3px rgba(0,0,0,.12);white-space:nowrap}
.ac:hover{background:#FFF1E8}
.cit{display:block;width:100%;text-align:left;border:0;border-left:3px solid #EA580C;background:rgba(0,0,0,.05);border-radius:6px;padding:6px 8px;margin-bottom:6px;font-size:12px;color:#57534E;cursor:pointer;white-space:pre-wrap}
.ed{font-size:11px;color:#78716C;font-style:italic}
.modo-barra{display:flex;align-items:center;gap:8px;border-left:4px solid #EA580C;background:#FFF7ED;border-radius:6px;padding:6px 10px;font-size:13px;color:#44403C}
.modo-barra span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modo-barra.editando{border-left-color:#2563EB;background:#EFF6FF}
.pisca{outline:3px solid #EA580C;outline-offset:2px;transition:outline .3s}
@media (hover:none){.b .acoes{display:flex;position:static;margin-bottom:6px}}