:root{--azul-profundo: #0B1D36;--azul-aviz: #1565C0;--azul-logo: #279CD3;--azul-claro: #29B6F6;--cinza: #6B7280;--cinza-claro: #F3F5F7;--branco: #FFFFFF;--laranja: #FF8A00;--fundo-conversa: #EFEAE2;--balao-celular: #DCE8F7;--linha: #E3E7EC;--borda: #CBD3DC;--tag-fundo: #E3F1FA;--tag-texto: #0B4F7A;--perigo: #B42318}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Poppins,system-ui,sans-serif;color:var(--azul-profundo);background:var(--cinza-claro);font-size:14px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--azul-claro);outline-offset:2px}.painel{display:flex;flex-direction:column;height:100%}.app{display:grid;grid-template-columns:340px minmax(0,1fr);flex:1;min-height:0}.coluna{display:flex;flex-direction:column;min-height:0;background:var(--branco);border-right:1px solid var(--linha)}.cabecalho{background:var(--azul-profundo);color:var(--branco);padding:0 16px;height:60px;display:flex;align-items:center;gap:10px;flex-shrink:0}.cabecalho .sub{font-size:12px;color:#bfd7ea}.voltar{display:none;background:none;border:0;color:inherit;padding:4px}.logo{height:34px;width:auto;display:block}.marca-sub{font-size:12px;color:#bfd7ea;padding-left:10px;border-left:1px solid #2A4366}.logo-login{width:170px;height:auto;margin:0 auto 8px;display:block}.conexao{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11px}.ponto{width:8px;height:8px;border-radius:50%;background:var(--azul-claro)}.ponto.off{background:var(--laranja)}.busca{padding:12px 16px;border-bottom:1px solid var(--linha)}.campo-busca{display:flex;align-items:center;gap:8px;background:var(--cinza-claro);border-radius:8px;padding:8px 12px;color:var(--cinza)}.campo-busca input{border:0;background:none;outline:none;flex:1;min-width:0;color:var(--azul-profundo)}.filtros{display:flex;gap:8px;margin-top:10px;align-items:center;justify-content:space-between}.filtro{border:1px solid var(--borda);background:var(--branco);border-radius:14px;padding:3px 12px;font-size:12px}.filtro[aria-pressed=true]{background:var(--azul-aviz);border-color:var(--azul-aviz);color:var(--branco)}.lista{overflow-y:auto;flex:1}.item{display:flex;gap:10px;padding:12px 16px;border:0;border-bottom:1px solid var(--linha);background:var(--branco);width:100%;text-align:left;align-items:flex-start}.item:hover{background:#f7fafd}.item[aria-current=true]{background:#eaf3fc}.avatar{width:40px;height:40px;border-radius:50%;background:var(--tag-fundo);color:var(--azul-profundo);display:grid;place-items:center;font-size:13px;font-weight:500;flex-shrink:0}.item .meio{flex:1;min-width:0}.linha1{display:flex;justify-content:space-between;gap:8px}.nome{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hora{font-size:11px;color:var(--cinza);flex-shrink:0}.hora.nova{color:var(--azul-aviz);font-weight:500}.empresa{font-size:12px;color:var(--cinza);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linha3{display:flex;gap:6px;align-items:center;margin-top:4px}.previa{font-size:13px;color:var(--cinza);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.contador{background:var(--azul-logo);color:var(--branco);font-size:11px;border-radius:10px;padding:1px 7px}.tag{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--tag-fundo);color:var(--tag-texto);white-space:nowrap}.vazio{padding:32px 24px;color:var(--cinza);text-align:center;font-size:13px}.conversa{background:var(--fundo-conversa)}.mensagens{flex:1;overflow-y:auto;padding:16px 6%;display:flex;flex-direction:column;gap:6px}.balao{max-width:min(72%,560px);padding:7px 10px 5px;border-radius:10px;font-size:14px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.balao.entrada{background:var(--branco);align-self:flex-start;border-top-left-radius:2px}.balao.saida{background:var(--azul-aviz);color:var(--branco);align-self:flex-end;border-top-right-radius:2px}.balao.celular{background:var(--balao-celular);color:var(--azul-profundo)}.balao .assin{font-weight:600;display:block}.balao .rodape{font-size:11px;text-align:right;margin-top:2px;opacity:.8;display:flex;justify-content:flex-end;gap:4px;align-items:center}.balao .origem{font-size:11px;color:var(--cinza);display:flex;align-items:center;gap:4px;margin-bottom:2px}.balao img{max-width:100%;border-radius:6px;display:block;margin-bottom:4px}.balao audio{max-width:260px}.arquivo{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background:#00000014;color:inherit;text-decoration:none;margin-bottom:4px}.erro-msg{color:var(--perigo);font-size:11px}.dia{align-self:center;background:var(--branco);color:var(--cinza);font-size:12px;padding:3px 10px;border-radius:8px;margin:8px 0}.janela{font-size:11px;background:var(--tag-fundo);color:var(--azul-aviz);padding:3px 9px;border-radius:10px;display:flex;gap:4px;align-items:center;white-space:nowrap}.janela.fechada{background:#fff3e0;color:#9a5200}.compositor{background:var(--branco);border-top:1px solid var(--linha);padding:8px 12px 10px;position:relative}.assinando{font-size:11px;color:var(--cinza);display:flex;align-items:center;gap:6px;margin-bottom:6px}.assinando strong{color:var(--azul-aviz);font-weight:500}.assinando label{margin-left:auto;display:flex;gap:4px;align-items:center}.barra{display:flex;gap:8px;align-items:flex-end}.barra textarea{flex:1;resize:none;border:0;background:var(--cinza-claro);border-radius:20px;padding:9px 14px;max-height:140px;outline:none}.icone{background:none;border:0;color:var(--cinza);padding:8px;display:grid;place-items:center;border-radius:50%}.icone:hover{background:var(--cinza-claro)}.enviar{width:40px;height:40px;border-radius:50%;border:0;background:var(--laranja);color:var(--branco);display:grid;place-items:center;flex-shrink:0}.enviar:disabled{opacity:.5;cursor:default}.anexo{display:flex;align-items:center;gap:8px;font-size:12px;background:var(--cinza-claro);padding:6px 10px;border-radius:8px;margin-bottom:6px}.aviso{font-size:12px;color:var(--perigo);margin-bottom:6px}.rapidas{position:absolute;bottom:100%;left:12px;right:12px;background:var(--branco);border:1px solid var(--borda);border-radius:8px;max-height:220px;overflow-y:auto}.rapidas button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 12px;border-bottom:1px solid var(--linha)}.rapidas button:hover,.rapidas button[aria-selected=true]{background:#eaf3fc}.rapidas code{color:var(--azul-aviz);font-family:inherit;font-weight:500;margin-right:8px}.detalhes{overflow-y:auto;padding:16px;flex:1}.ficha{display:flex;gap:12px;align-items:center;margin-bottom:14px}.ficha .avatar{width:48px;height:48px;font-size:15px}.campo{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--linha);font-size:13px}.campo>span:first-child{color:var(--cinza)}.campo input,.campo select{border:1px solid transparent;background:none;text-align:right;padding:3px 6px;border-radius:6px;min-width:0;max-width:170px}.campo input:hover,.campo input:focus,.campo select:hover{border-color:var(--borda)}.secao{margin:16px 0 6px;color:var(--cinza);font-size:12px}.etiquetas{display:flex;gap:6px;flex-wrap:wrap}.etiquetas .tag button{border:0;background:none;padding:0 0 0 4px;color:inherit}.add-tag{font-size:11px;padding:2px 8px;border-radius:10px;border:1px dashed var(--borda);color:var(--cinza);background:none}.nota{background:var(--cinza-claro);border-radius:8px;padding:8px 10px;font-size:12px;margin-bottom:6px;white-space:pre-wrap}.nota small{display:block;color:var(--cinza);font-size:11px;margin-top:4px}.nova-nota{width:100%;border:1px solid var(--borda);border-radius:8px;padding:8px;resize:vertical;min-height:56px;font-size:13px}.acoes{display:flex;gap:8px;margin-top:18px}.btn{flex:1;font-size:13px;border-radius:8px;padding:9px 12px;border:1px solid var(--borda);background:var(--branco);display:flex;align-items:center;justify-content:center;gap:6px}.btn.acao{background:var(--laranja);border-color:var(--laranja);color:var(--branco);font-weight:500}.btn.pequeno{flex:none;padding:5px 10px;font-size:12px}.login{min-height:100%;display:grid;place-items:center;background:var(--azul-profundo);padding:24px}.login form{background:var(--branco);border-radius:12px;padding:28px;width:min(360px,100%);display:flex;flex-direction:column;gap:12px}.login h1{font-size:20px;margin:0 0 4px;font-weight:600}.login p{margin:0 0 8px;color:var(--cinza);font-size:13px}.login input{border:1px solid var(--borda);border-radius:8px;padding:10px 12px}.login .erro{color:var(--perigo);font-size:12px}.placeholder{flex:1;display:grid;place-items:center;color:var(--cinza);text-align:center;padding:24px}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}.topo{background:var(--azul-profundo);color:var(--branco);height:56px;display:flex;align-items:center;gap:16px;padding:0 16px;flex-shrink:0}.topo .marca img{height:30px;width:auto;display:block}.abas{display:flex;gap:4px}.abas button{background:none;border:0;color:#bfd7ea;padding:8px 12px;border-radius:8px;font-size:14px}.abas button[aria-selected=true]{background:#16365c;color:var(--branco);font-weight:500}.topo .nova{flex:none;padding:7px 12px}.topo .conexao{margin-left:auto}.quem{font-size:12px;color:#bfd7ea}.icone.claro{color:#bfd7ea}.icone.claro:hover{background:#16365c}.faixa-aviso{background:#fff3e0;color:#7a4100;font-size:13px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between}.cabecalho-conversa{background:var(--branco);border-bottom:1px solid var(--linha);min-height:60px;padding:8px 16px;display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.cabecalho-conversa .nome{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabecalho-conversa .empresa{font-size:12px;color:var(--cinza);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabecalho-conversa .voltar{color:var(--azul-profundo)}.janela-fechada{background:#fff3e0;color:#7a4100;font-size:12px;border-radius:8px;padding:8px 10px;margin-bottom:8px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.janela-fechada a{text-decoration:none;color:var(--azul-profundo)}.chave{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--cinza);cursor:pointer}.chave input{position:absolute;opacity:0;width:1px;height:1px}.chave .trilho{width:30px;height:17px;border-radius:10px;background:var(--borda);position:relative;transition:background .15s}.chave .trilho:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:var(--branco);transition:transform .15s}.chave input:checked+.trilho{background:var(--azul-aviz)}.chave input:checked+.trilho:after{transform:translate(13px)}.chave input:focus-visible+.trilho{outline:2px solid var(--azul-claro);outline-offset:2px}.tag.fila{background:#fff3e0;color:#9a5200}.tag.neutra{background:var(--cinza-claro);color:var(--cinza)}.fundo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1d3673;display:grid;place-items:center;padding:16px;z-index:20}.modal{background:var(--branco);border-radius:12px;max-height:calc(100% - 32px);display:flex;flex-direction:column;overflow:hidden}.modal header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 18px;border-bottom:1px solid var(--linha);font-weight:500}.modal .corpo{padding:16px 18px 18px;overflow-y:auto}.rotulo{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--cinza);margin-bottom:10px}.rotulo input,.rotulo select,.seletor{border:1px solid var(--borda);border-radius:8px;padding:8px 10px;font-size:14px;color:var(--azul-profundo);background:var(--branco)}.lista-modal{max-height:320px;overflow-y:auto;margin-top:10px;border:1px solid var(--linha);border-radius:8px}.linha-contato{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:0;border-bottom:1px solid var(--linha);background:none;padding:9px 12px;text-align:left}.linha-contato:hover{background:#f7fafd}.linha-contato strong{font-weight:500}.linha-contato span{font-size:12px;color:var(--cinza)}.aviso-ok{font-size:12px;color:#1e6b3a;margin-top:8px}.contatos{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--branco);max-width:1100px;width:100%;margin:0 auto}.contatos-topo{display:flex;gap:10px;padding:16px;align-items:center;flex-wrap:wrap}.contatos-total{font-size:12px;color:var(--cinza);padding:0 16px 8px}.contatos-lista{flex:1;overflow-y:auto;border-top:1px solid var(--linha)}.contato-linha{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--linha)}.contato-info{display:flex;gap:10px;align-items:center;border:0;background:none;text-align:left;flex:1;min-width:0;padding:0}.contato-linha .etiquetas{flex-wrap:wrap;justify-content:flex-end;max-width:45%}.paginacao{display:flex;gap:12px;align-items:center;justify-content:center;padding:10px;font-size:13px;color:var(--cinza);border-top:1px solid var(--linha)}.btn:disabled{opacity:.5;cursor:default}@media (max-width: 860px){.quem,.texto-conexao,.topo .nova span,.cabecalho-conversa .rot{display:none}}@media (max-width: 720px){.topo{gap:8px;padding:0 10px}.topo .marca img{height:24px}.app{grid-template-columns:1fr}.app .coluna{display:none}.app[data-tela=lista] .lista-col,.app[data-tela=conversa] .conversa-col{display:flex}.voltar{display:grid}.mensagens{padding:12px}.balao{max-width:85%}.contato-linha .etiquetas{display:none}}