: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}.app{display:grid;grid-template-columns:340px minmax(0,1fr) 300px;height:100%}.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)}.busca label{display:flex;align-items:center;gap:8px;background:var(--cinza-claro);border-radius:8px;padding:8px 12px;color:var(--cinza)}.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}.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{margin-left:auto;font-size:11px;background:#16365c;color:var(--azul-claro);padding:3px 9px;border-radius:10px;display:flex;gap:4px;align-items:center;white-space:nowrap}.janela.fechada{color:#ffc680}.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 (max-width: 1100px){.app{grid-template-columns:320px minmax(0,1fr)}.app .coluna.detalhes-col{display:none}.app[data-tela=detalhes] .coluna.detalhes-col{display:flex;position:fixed;inset:0 0 0 auto;width:320px;z-index:5;box-shadow:-8px 0 24px #0b1d3626}}@media (max-width: 720px){.app{grid-template-columns:1fr}.app .coluna{display:none}.app[data-tela=lista] .lista-col,.app[data-tela=conversa] .conversa-col{display:flex}.app[data-tela=detalhes] .coluna.detalhes-col{display:flex;position:static;width:auto;box-shadow:none}.voltar{display:grid}.mensagens{padding:12px}.balao{max-width:85%}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}