:root{--fundo:#f6f7f9;--superficie:#fff;--superficie-alta:#f1f3f6;--superficie-max:#e7eaef;--borda:#0f172a14;--borda-forte:#0f172a24;--texto:#0f172ae6;--texto-medio:#0f172aa3;--texto-fraco:#0f172a75;--ok:#059669;--atencao:#b45309;--atencao-solido:#f59e0b;--atencao-fundo:#fff8eb;--atencao-borda:#f5d38f;--erro:#dc2626;--acao:#2563eb;--acao-forte:#2563eb;--acao-fundo:#2563eb14;--acao-borda:#2563eb4d;--bolha-cliente:#fff;--bolha-ia:#eef4ff;--bolha-humano:#2563eb;--sombra:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--r-s:8px;--r-m:14px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--fundo);color:var(--texto);-webkit-font-smoothing:antialiased;margin:0;font:400 14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,textarea,select{font:inherit;color:inherit}svg.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}svg.i.p{width:14px;height:14px}.btn{cursor:pointer;color:var(--texto-medio);background:var(--superficie);border:1px solid var(--borda);border-radius:var(--r-s);align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--superficie-alta);color:var(--texto);border-color:var(--borda-forte)}.btn.primario{background:var(--acao-forte);border-color:var(--acao-forte);color:#fff}.btn.primario:hover{background:#1d4ed8;border-color:#1d4ed8}.btn.atencao{background:var(--atencao-solido);border-color:var(--atencao-solido);color:#1a1406;font-weight:600}.btn.atencao:hover{background:#d97706;border-color:#d97706}.btn.fantasma{background:0 0;border-color:#0000}.btn.pequeno{padding:4px 10px;font-size:12px}.login{place-items:center;min-height:100%;padding:48px 16px;display:grid}.login-caixa{width:100%;max-width:380px}.marca{letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.marca-sinal{background:var(--acao-forte);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.login h1{letter-spacing:-.02em;margin:32px 0 8px;font-size:24px;font-weight:600}.login p{color:var(--texto-medio);margin:0 0 32px}.campo{gap:6px;margin-bottom:16px;display:grid}.campo label{color:var(--texto-medio);font-size:12px;font-weight:500}.campo input,.campo textarea,.campo select{background:var(--superficie);border:1px solid var(--borda-forte);border-radius:var(--r-s);outline:none;height:44px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.campo textarea{resize:vertical;height:auto;padding:10px 12px}.campo input:focus,.campo textarea:focus{border-color:var(--acao);box-shadow:0 0 0 2px var(--acao-fundo)}.campo .ajuda{color:var(--texto-fraco);font-size:12px}.login .btn.primario{justify-content:center;width:100%;height:44px;margin-top:8px}.login .rodape{color:var(--texto-fraco);text-align:center;margin-top:24px;font-size:12px}.app{grid-template-columns:64px 1fr;height:100%;display:grid}.trilho{border-right:1px solid var(--borda);background:var(--superficie);flex-direction:column;align-items:center;gap:4px;padding:16px 0;display:flex}.trilho .marca-sinal{margin-bottom:20px}.trilho a{width:44px;height:44px;color:var(--texto-fraco);cursor:pointer;border-radius:10px;place-items:center;transition:background .15s,color .15s;display:grid;position:relative}.trilho a:hover{background:var(--superficie);color:var(--texto)}.trilho a.on{background:var(--superficie-alta);color:var(--texto)}.trilho a .cont{background:var(--atencao-solido);color:#1a1406;font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:4px;right:2px}.trilho .dica{white-space:nowrap;background:var(--superficie-max);border:1px solid var(--borda-forte);color:var(--texto);opacity:0;pointer-events:none;z-index:5;border-radius:6px;padding:4px 8px;font-size:12px;transition:opacity .12s;position:absolute;left:52px}.trilho a:hover .dica{opacity:1}.trilho .espaco{flex:1}.avatar{color:#334155;background:#e3e8ef;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}.avatar.g{width:40px;height:40px;font-size:14px}.avatar.xg{width:72px;height:72px;font-size:24px}.tela{min-height:0;display:none}.tela.on{display:flex}.app.tela.on{display:grid}.atend{flex:1;grid-template-columns:340px 1fr 300px;min-width:0;height:100vh;display:grid}.lista{background:var(--superficie);border-right:1px solid var(--borda);flex-direction:column;min-height:0;display:flex}.lista-topo{border-bottom:1px solid var(--borda);gap:12px;padding:16px 16px 12px;display:grid}.lista-topo h1{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.busca{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--r-s);height:36px;color:var(--texto-fraco);align-items:center;gap:8px;padding:0 10px;display:flex}.busca input{min-width:0;color:var(--texto);background:0 0;border:0;outline:none;flex:1}.filtros{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--borda);color:var(--texto-medio);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.chip.on{border-color:var(--borda-forte);background:var(--superficie-alta);color:var(--texto)}.chip .n{color:var(--texto-fraco);font-variant-numeric:tabular-nums}.chip.on .n{color:var(--texto-medio)}.sel-numero{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--r-s);height:32px;color:var(--texto-medio);padding:0 8px;font-size:12px}.rolagem{flex:1;min-height:0;overflow-y:auto}.grupo{letter-spacing:.08em;text-transform:uppercase;color:var(--texto-fraco);padding:16px 16px 6px;font-size:11px;font-weight:600}.grupo.esperando{color:var(--atencao)}.item{cursor:pointer;border-left:2px solid #0000;grid-template-columns:40px 1fr auto;gap:12px;padding:12px 16px;transition:background .12s;display:grid}.item:hover{background:var(--superficie)}.item.on{background:var(--acao-fundo);border-left-color:var(--acao)}.item.espera,.item.espera.on{border-left-color:var(--atencao)}.item .nome{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.item .prev{color:var(--texto-medio);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.item .motivo{color:var(--atencao);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.item .meta{text-align:right;color:var(--texto-fraco);align-content:start;justify-items:end;gap:4px;font-size:12px;display:grid}.item .espera-ha{color:var(--atencao);font-variant-numeric:tabular-nums;font-weight:600}.num-tag{color:var(--texto-fraco);border:1px solid var(--borda);border-radius:4px;padding:0 5px;font-size:11px}.dono{color:var(--texto-medio);align-items:center;gap:4px;font-size:11px;display:inline-flex}.conversa{flex-direction:column;min-width:0;min-height:0;display:flex}.conv-topo{background:var(--superficie);border-bottom:1px solid var(--borda);align-items:center;gap:12px;min-height:64px;padding:12px 20px;display:flex}.conv-topo .quem{flex:1;min-width:0}.conv-topo .quem b{font-size:15px;font-weight:600}.conv-topo .quem span{color:var(--texto-fraco);font-size:12px;display:block}.estado{border:1px solid var(--borda-forte);color:var(--texto-medio);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.estado:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.estado.humano{color:var(--atencao);border-color:var(--atencao-borda);background:var(--atencao-fundo)}.estado.meu{color:var(--acao);border-color:var(--acao-borda);background:var(--acao-fundo)}.faixa-espera{border-radius:var(--r-m);background:var(--atencao-fundo);border:1px solid var(--atencao-borda);flex-wrap:wrap;align-items:center;gap:16px;margin:16px 20px 0;padding:12px 16px;display:flex}.faixa-espera .txt{flex:1;min-width:220px}.faixa-espera .txt b{color:var(--atencao);font-size:13px;display:block}.faixa-espera .txt span{color:var(--texto-medio);font-size:13px}.mensagens{flex-direction:column;flex:1;gap:6px;min-height:0;padding:24px 20px;display:flex;overflow-y:auto}.dia{color:var(--texto-fraco);border:1px solid var(--borda);border-radius:999px;align-self:center;margin:8px 0;padding:2px 10px;font-size:11px}.evento{color:var(--texto-medio);text-align:center;align-self:center;align-items:center;gap:8px;max-width:560px;margin:10px 0;font-size:12px;display:inline-flex}.evento.transbordo{color:var(--atencao)}.msg{gap:2px;max-width:68%;display:grid}.msg .bolha{border-radius:12px;padding:8px 12px;font-size:14px;line-height:1.45}.msg .rot{color:var(--texto-fraco);align-items:center;gap:6px;font-size:11px;display:flex}.msg.cliente{align-self:flex-start}.msg.cliente .bolha{background:var(--bolha-cliente);border:1px solid var(--borda);box-shadow:var(--sombra);border-top-left-radius:4px}.msg.ia,.msg.humano{align-self:flex-end}.msg.ia .rot,.msg.humano .rot{justify-content:flex-end}.msg.ia .bolha{background:var(--bolha-ia);border:1px solid #2563eb1f;border-top-right-radius:4px}.msg.humano .bolha{background:var(--bolha-humano);color:#fff;border-top-right-radius:4px}.msg .aud{color:var(--texto-medio);font-style:italic}.compositor{background:var(--superficie);border-top:1px solid var(--borda);padding:12px 20px 16px}.compositor .caixa{background:var(--superficie);border:1px solid var(--borda-forte);border-radius:var(--r-m);align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;display:flex}.compositor .caixa:focus-within{border-color:var(--acao);box-shadow:0 0 0 2px var(--acao-fundo)}.compositor textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-height:40px;padding:9px 0}.compositor .aviso{color:var(--texto-fraco);align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.compositor.bloqueado .caixa{opacity:.5}.ficha{background:var(--superficie);border-left:1px solid var(--borda);align-content:start;gap:24px;padding:24px 20px;display:grid;overflow-y:auto}.ficha h3{letter-spacing:.08em;text-transform:uppercase;color:var(--texto-fraco);margin:0 0 8px;font-size:11px;font-weight:600}.ficha .cab{text-align:center;justify-items:center;gap:8px;display:grid}.ficha .cab b{font-size:16px}.ficha .cab span{color:var(--texto-medio);font-size:13px}.pares{gap:8px;font-size:13px;display:grid}.pares div{justify-content:space-between;gap:12px;display:flex}.pares dt{color:var(--texto-fraco)}.pares dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.resumo{color:var(--texto-medio);margin:0;font-size:13px;line-height:1.6}.linha-tempo{color:var(--texto-medio);gap:10px;font-size:12px;display:grid}.linha-tempo div{grid-template-columns:44px 1fr;gap:8px;display:grid}.linha-tempo time{color:var(--texto-fraco);font-variant-numeric:tabular-nums}.pagina{flex:1;height:100vh;overflow-y:auto}.pagina .env{width:100%;max-width:1120px;margin:0 auto;padding:32px 24px 128px}.pag-cab{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.pag-cab h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}.pag-cab p{color:var(--texto-medio);margin:4px 0 0}.pag-cab .acoes{gap:8px;margin-left:auto;display:flex}.numeros{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.cartao{background:var(--superficie);border:1px solid var(--borda);box-shadow:var(--sombra);border-radius:var(--r-m);gap:16px;padding:20px;display:grid}.cartao.fora{border-color:#dc262647}.num-cab{align-items:center;gap:14px;display:flex}.foto-wa{color:#1e3a5f;background:linear-gradient(135deg,#dbe7f7,#c3d4ea);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:grid}.num-cab .t{flex:1;min-width:0}.num-cab b{font-size:15px;display:block}.num-cab span{color:var(--texto-medio);font-variant-numeric:tabular-nums;font-size:13px}.conexao{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.conexao:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.conexao.ok{color:var(--ok)}.conexao.off{color:var(--erro)}.recado{color:var(--texto-medio);border-left:2px solid var(--borda-forte);margin:0;padding-left:10px;font-size:13px}.num-nums{color:var(--texto-fraco);gap:24px;font-size:12px;display:flex}.num-nums b{color:var(--texto);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;display:block}.num-nums .esp b{color:var(--atencao)}.pilha{align-items:center;display:flex}.pilha .avatar{border:2px solid var(--superficie);width:26px;height:26px;margin-left:-6px;font-size:10px}.pilha .avatar:first-child{margin-left:0}.num-rodape{border-top:1px solid var(--borda);align-items:center;gap:8px;padding-top:16px;display:flex}.num-rodape .rot{color:var(--texto-fraco);margin-right:4px;font-size:12px}.num-rodape .btn{margin-left:auto}.tabela{border-collapse:collapse;width:100%;font-size:14px}.tabela-env{background:var(--superficie);border:1px solid var(--borda);box-shadow:var(--sombra);border-radius:var(--r-m);overflow-x:auto}.tabela th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-fraco);border-bottom:1px solid var(--borda);padding:12px 16px;font-size:11px;font-weight:600}.tabela td{vertical-align:middle;border-bottom:1px solid #0f172a0f;padding:14px 16px}.tabela tr:last-child td{border-bottom:0}.pessoa{align-items:center;gap:12px;display:flex}.pessoa small{color:var(--texto-fraco);font-size:12px;display:block}.papel{border:1px solid var(--borda-forte);color:var(--texto-medio);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.papel.admin{color:var(--acao);border-color:var(--acao-borda);background:var(--acao-fundo)}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--superficie-alta);border:1px solid var(--borda);color:var(--texto-medio);border-radius:6px;padding:2px 8px;font-size:12px}.tag.todos{color:var(--texto)}.status-on{color:var(--ok);font-size:12px}.status-conv{color:var(--atencao);font-size:12px}.num{text-align:right;font-variant-numeric:tabular-nums}.veu{z-index:30;background:#0f172a4d;display:none;position:fixed;inset:0}.veu.on{display:block}.gaveta{z-index:31;background:var(--superficie);border-left:1px solid var(--borda-forte);visibility:hidden;flex-direction:column;width:min(440px,100vw);transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.gaveta.on{visibility:visible;transform:none;box-shadow:-16px 0 48px #0f172a1f}.gaveta header{border-bottom:1px solid var(--borda);align-items:center;gap:12px;padding:20px 24px;display:flex}.gaveta header h2{flex:1;margin:0;font-size:16px;font-weight:600}.gaveta .corpo{flex:1;padding:24px;overflow-y:auto}.gaveta footer{border-top:1px solid var(--borda);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.gaveta .secao{letter-spacing:.08em;text-transform:uppercase;color:var(--texto-fraco);margin:24px 0 12px;font-size:11px;font-weight:600}.gaveta .secao:first-child{margin-top:0}.foto-edit{align-items:center;gap:16px;margin-bottom:24px;display:flex}.foto-edit .foto-wa{width:72px;height:72px;font-size:24px}.foto-edit small{color:var(--texto-fraco);margin-top:6px;font-size:12px;display:block}.contador{float:right;color:var(--texto-fraco);font-weight:400}.check{border:1px solid var(--borda);border-radius:var(--r-s);cursor:pointer;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.check input{width:16px;height:16px;accent-color:var(--acao-forte)}.check .t{flex:1}.check small{color:var(--texto-fraco);font-size:12px;display:block}.check.marcado{border-color:var(--acao-borda);background:var(--acao-fundo)}.aviso-caixa{color:var(--texto-medio);background:var(--superficie-alta);border:1px solid var(--borda);border-radius:var(--r-s);padding:10px 12px;font-size:12px}.seg{border:1px solid var(--borda-forte);border-radius:var(--r-s);display:inline-flex;overflow:hidden}.seg button{cursor:pointer;color:var(--texto-medio);background:0 0;border:0;padding:8px 16px;font-size:13px}.seg button.on{background:var(--superficie-max);color:var(--texto)}@media (width<=1180px){.atend{grid-template-columns:320px 1fr}.ficha{display:none}}@media (width<=760px){.app{grid-template-rows:1fr 60px;grid-template-columns:minmax(0,1fr)}.trilho{border-right:0;border-top:1px solid var(--borda);flex-direction:row;order:2;justify-content:space-around;padding:0 8px}.trilho .marca-sinal,.trilho .espaco,.trilho .dica{display:none}.atend{grid-template-columns:minmax(0,1fr);height:calc(100vh - 60px)}.atend .conversa,.atend.aberta .lista{display:none}.atend.aberta .conversa{display:flex}.pagina{height:calc(100vh - 60px)}.msg{max-width:86%}.lista{min-width:0;overflow:hidden}.sel-numero{max-width:52%}.pag-cab .acoes{margin-left:0}}body{background:var(--fundo)}a.item{color:inherit;text-decoration:none}.trilho a{text-decoration:none}.carregando-tela{background:var(--fundo);min-height:100vh}.voltar-mob{display:none}.conversa.vazia{background:var(--fundo);justify-content:center;align-items:center}.vazio{text-align:center;color:var(--texto-medio);justify-items:center;gap:8px;max-width:360px;padding:32px;display:grid}.vazio svg.i{width:32px;height:32px;color:var(--texto-fraco);margin-bottom:4px}.vazio b{color:var(--texto);font-weight:600}.lista-aviso{color:var(--texto-medio);padding:24px 16px;font-size:13px}.lista-aviso.erro{color:var(--erro)}.item .dono{margin-top:2px}.erro-campo{color:var(--erro);border-radius:var(--r-s);background:#dc26260f;border:1px solid #dc262633;margin-bottom:8px;padding:8px 12px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed}.trilho{position:relative}.menu-usuario{z-index:40;background:var(--superficie);border:1px solid var(--borda-forte);border-radius:var(--r-m);width:240px;padding:6px;display:grid;position:absolute;bottom:12px;left:60px;box-shadow:0 12px 32px #0f172a24}.menu-quem{border-bottom:1px solid var(--borda);gap:2px;margin-bottom:6px;padding:10px 12px 12px;display:grid}.menu-quem b{font-size:14px}.menu-quem span{color:var(--texto-medio);text-overflow:ellipsis;font-size:12px;overflow:hidden}.menu-quem .papel-linha{color:var(--texto-fraco)}.menu-usuario button{text-align:left;cursor:pointer;color:var(--texto);background:0 0;border:0;border-radius:6px;padding:10px 12px;font-size:14px}.menu-usuario button:hover{background:var(--superficie-alta)}.modal-fundo{z-index:60;background:#0f172a59;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--superficie);border-radius:var(--r-m);border:1px solid var(--borda-forte);width:100%;max-width:440px;padding:24px;box-shadow:0 24px 64px #0f172a38}.modal h2{letter-spacing:-.01em;margin:0 0 16px;font-size:18px;font-weight:600}.modal-texto{color:var(--texto-medio);margin:0 0 16px}.modal-acoes{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.aviso-flutuante{z-index:70;border-radius:var(--r-s);max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;font-weight:500;animation:.18s ease-out sobe;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f172a2e}.aviso-flutuante.ok{color:#fff;background:#0f172a}.aviso-flutuante.erro{background:var(--erro);color:#fff}@keyframes sobe{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.senha-uma-vez p{color:var(--texto-medio);margin:0 0 12px}.senha-caixa,.codigo-pareamento code{background:var(--superficie-alta);border:1px solid var(--borda-forte);border-radius:var(--r-s);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.senha-caixa code{letter-spacing:.04em;font:600 18px/1.2 ui-monospace,Cascadia Mono,Consolas,monospace}.codigo-pareamento code{letter-spacing:.12em;color:var(--acao);justify-content:center;font:700 32px/1.1 ui-monospace,Cascadia Mono,Consolas,monospace}.codigo-pareamento p{color:var(--texto-medio);margin:0 0 8px;font-size:13px}.aguardando-conexao{color:var(--texto-fraco);margin-bottom:12px;font-size:12px;display:block}.aguardando-conexao:before{content:"";background:var(--atencao-solido);border-radius:50%;width:8px;height:8px;margin-right:8px;animation:1.2s infinite pisca;display:inline-block}@keyframes pisca{50%{opacity:.25}}.num-cab .apelido-linha{color:var(--texto-fraco);font-size:12px;display:block}.conexao.meio{color:var(--atencao)}.recado.alerta-recado{border-left-color:#dc262659}img.foto-wa,img.avatar{display:block}.check.travado{opacity:.7;cursor:default}.tabela tr.inativo td{opacity:.55}.voce{color:var(--texto-fraco);font-size:12px}.sem-numero{color:var(--atencao);font-size:12px}.desativado{color:var(--erro);font-size:12px}.visto{color:var(--texto-fraco);font-size:12px}.msg.enviando .bolha{opacity:.6}.msg.falhou .bolha{color:var(--erro);background:#dc262614;border:1px solid #dc26264d}.msg.falhou .rot{color:var(--erro)}.msg .bolha{white-space:pre-wrap;overflow-wrap:anywhere}.conv-topo .quem span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=760px){.voltar-mob{display:inline-flex}.rotulo-botao{display:none}.conv-topo{gap:8px;padding:8px 12px}.conv-topo .estado{display:none}.faixa-espera{margin:12px 12px 0}.mensagens{padding:16px 12px}.compositor{padding:8px 12px 12px}.menu-usuario{bottom:68px;left:auto;right:8px}.tabela th:nth-child(4),.tabela td:nth-child(4){display:none}}.foto-aviso{color:var(--texto-medio);font-size:12px;line-height:1.5}