:root{--fundo: #161717;--fundo-painel: #1d1f1f;--balao-cliente: #242626;--balao-maria: #144d37;--texto: #ffffff;--texto-fraco: rgba(255, 255, 255, .6);--verde-destaque: #21c063;--linha-verde: #14301f;--linha-amarela: #3f3116;--linha-cinza: #242626;--pulso-da-espera: #4e3d1b;--amarelo-destaque: #f0b232;--texto-em-amarelo: #0a0a0a;--balao-operador: #3f3116;--bolinha-em-verde: #21c063;--bolinha-em-amarelo: #2a2010;--texto-em-bolinha-clara: #0a0a0a;--vermelho-de-falha: #ff9aa2;--borda: rgba(255, 255, 255, .08);--altura-da-linha: 72px;--altura-do-nome: 40px;--altura-da-busca: 38px;--altura-dos-filtros: 32px;--altura-do-volume: 40px;--altura-dos-avisos: 44px;--coluna-piso: 18rem;--coluna-proporcao: 32%;--coluna-teto: 30rem;--conversa-piso: 22rem;color-scheme:dark}body{margin:0;background:var(--fundo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px}.painel{display:flex;flex-direction:column;height:100vh;min-width:calc(var(--coluna-piso) + var(--conversa-piso))}.corpo{display:flex;flex:1;min-height:0}.coluna{display:flex;flex-direction:column;flex:0 0 auto;width:clamp(var(--coluna-piso),var(--coluna-proporcao),var(--coluna-teto));min-width:var(--coluna-piso);min-height:0;background:var(--fundo);border-right:1px solid var(--borda)}.topo-da-coluna{flex:0 0 auto;background:var(--fundo-painel)}.linha-do-nome{display:flex;align-items:center;gap:.5rem;min-height:var(--altura-do-nome);padding:0 .8rem}.linha-do-nome h1{flex:0 0 auto;margin:0;font-size:1rem}.contador{flex:0 0 auto;min-width:1.4rem;padding:0 .4rem;border-radius:999px;background:var(--amarelo-destaque);color:var(--texto-em-amarelo);font-size:.75rem;text-align:center}.apenas-para-leitor{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.busca{display:flex;align-items:center;padding:0 .8rem .3rem}.busca input{flex:1 1 auto;min-width:0;min-height:var(--altura-da-busca);padding:0 .8rem;border:0;border-radius:999px;background:var(--balao-cliente);color:var(--texto)}.filtros{display:flex;align-items:center;gap:.4rem;min-height:var(--altura-dos-filtros);padding:0 .8rem .3rem}.filtros button{padding:.15rem .7rem;border:1px solid var(--borda);border-radius:999px;background:var(--balao-cliente);color:var(--texto-fraco)}.filtros button[aria-pressed=true]{background:var(--amarelo-destaque);color:var(--texto-em-amarelo)}.controle-de-som{display:flex;align-items:center;gap:.5rem;min-height:var(--altura-do-volume);padding:0 .8rem .4rem}.avisos{flex:0 0 auto;min-height:var(--altura-dos-avisos);background:var(--linha-amarela);border-bottom:1px solid var(--amarelo-destaque);padding:.4rem .8rem}.avisos ul{margin:0;padding-left:1rem}.lista-de-conversas{flex:1 1 auto;min-height:0;overflow-y:auto}.lista-de-conversas ul,.historico ul{list-style:none;margin:0;padding:0}.lista-de-conversas .conversa{min-height:var(--altura-da-linha);border-bottom:1px solid var(--borda);border-left:4px solid transparent}.lista-de-conversas .conversa>button{display:flex;align-items:center;gap:.75rem;width:100%;min-height:var(--altura-da-linha);padding:0 .8rem;border:0;background:none;color:inherit;font:inherit;text-align:left}.lista-de-conversas .avatar{flex:0 0 auto;display:block;width:48px;height:48px;border-radius:50%;overflow:hidden}.lista-de-conversas .avatar img,.lista-de-conversas .avatar .inicial{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;object-fit:cover;font-size:1.15rem}.lista-de-conversas .miolo{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.15rem}.lista-de-conversas .acima,.lista-de-conversas .abaixo{display:flex;align-items:baseline;gap:.5rem;min-width:0}.lista-de-conversas .nome{flex:1 1 auto;min-width:0;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lista-de-conversas .quando{flex:0 0 auto;font-size:12px;color:var(--texto-fraco)}.lista-de-conversas .assunto{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;font-size:13px;color:var(--texto-fraco)}.lista-de-conversas .estado{flex:0 0 auto;white-space:nowrap}.lista-de-conversas .previa{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lista-de-conversas .espera,.lista-de-conversas .nao-lidas{flex:0 0 auto;font-size:12px}.lista-de-conversas .espera{color:var(--texto-fraco)}.lista-de-conversas .nao-lidas{min-width:1.35rem;padding:0 .4rem;border-radius:999px;text-align:center}.lista-de-conversas .conversa[data-cor=verde] .nao-lidas{background:var(--bolinha-em-verde);color:var(--texto-em-bolinha-clara)}.lista-de-conversas .conversa[data-cor=amarelo] .nao-lidas{background:var(--bolinha-em-amarelo);color:var(--texto)}.lista-de-conversas .conversa[data-cor=cinza] .nao-lidas{background:var(--bolinha-em-verde);color:var(--texto-em-bolinha-clara)}.lista-de-conversas .conversa[data-cor=verde]{background:var(--linha-verde)}.lista-de-conversas .conversa[data-cor=cinza]{background:var(--linha-cinza)}.lista-de-conversas .conversa[data-cor=amarelo]{background:var(--linha-amarela)}.lista-de-conversas .conversa[data-aberta=sim]{border-left-color:var(--verde-destaque)}@keyframes piscar{0%,to{background:var(--linha-amarela)}50%{background:var(--pulso-da-espera)}}.conversa.piscando{animation:piscar 1.2s ease-in-out infinite}.conversa.piscando.sem-movimento{animation:none;background:var(--pulso-da-espera)}.lista-de-conversas .marca-de-espera,.lista-de-conversas .divisor{flex:0 0 auto;white-space:pre}.lista-de-conversas .marca-de-espera{color:var(--amarelo-destaque)}.corpo>.conversa{flex:1;display:flex;flex-direction:column;min-width:var(--conversa-piso);background:var(--fundo)}.cabecalho-da-conversa{flex:0 0 auto;display:flex;align-items:center;gap:.75rem;padding:.5rem .8rem;background:var(--fundo-painel);border-bottom:1px solid var(--borda)}.cabecalho-da-conversa .identidade{flex:1 1 auto;min-width:0}.cabecalho-da-conversa h2{margin:0;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cabecalho-da-conversa .telefone{margin:0;font-size:.78rem;color:var(--texto-fraco)}.cabecalho-da-conversa .situacao{flex:0 0 auto;text-align:right;white-space:nowrap}.cabecalho-da-conversa .situacao p{margin:0;font-size:.8rem;color:var(--texto-fraco)}.cabecalho-da-conversa .avatar,.cabecalho-da-conversa .avatar img,.cabecalho-da-conversa .avatar .inicial{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;overflow:hidden;object-fit:cover}.painel-central{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;color:var(--texto-fraco)}.historico{flex:1 1 auto;min-height:0;overflow-y:auto;background:var(--fundo);padding:.5rem 0}.historico-vazio{margin:2rem auto;max-width:24rem;text-align:center;color:var(--texto-fraco)}.balao{width:fit-content;max-width:34rem;margin:.15rem .8rem;padding:.45rem .6rem;border-radius:.5rem;background:var(--balao-cliente);overflow-wrap:anywhere}.balao-maria,.balao-operador{margin-left:auto}.balao-maria{background:var(--balao-maria)}.balao-operador{background:var(--balao-operador)}.balao[data-agrupada=sim]{margin-top:.05rem}.balao .assinatura{margin:0 0 .2rem;font-size:.72rem;color:var(--texto-fraco)}.balao .texto{margin:0;white-space:pre-wrap}.balao time{display:block;margin-top:.15rem;font-size:.68rem;color:var(--texto-fraco);text-align:right}.balao .falha{margin:.15rem 0 0;font-size:.72rem;color:var(--vermelho-de-falha)}.balao .previa-de-imagem{display:block;max-width:100%;border-radius:.35rem}.pastilha{display:block;width:fit-content;margin:.6rem auto;padding:.15rem .7rem;border-radius:999px;background:var(--fundo-painel);color:var(--texto-fraco);font-size:.72rem;text-align:center}.evento-do-painel{font-style:italic}.divisoria-de-nao-lidas{display:block;margin:.6rem 0;padding:.2rem .8rem;background:var(--fundo-painel);border-top:1px solid var(--borda);border-bottom:1px solid var(--borda);color:var(--verde-destaque);font-size:.7rem;letter-spacing:.06em;text-align:center}.nota-privada{display:block;width:auto;max-width:none;margin:.35rem 0;padding:.45rem .8rem;border-left:3px solid var(--amarelo-destaque);border-radius:0;background:var(--linha-amarela)}.nota-privada .marca{margin:0 0 .2rem;font-size:.72rem;color:var(--amarelo-destaque)}.acoes{flex:0 0 auto;display:flex;flex-direction:column;gap:.3rem;padding:.6rem .8rem;border-top:1px solid var(--borda)}.botao-grande{width:100%;padding:.6rem;border:0;border-radius:.5rem;background:var(--amarelo-destaque);color:var(--texto-em-amarelo);font:inherit;font-weight:600}.botao-grande:disabled{background:var(--linha-cinza);color:var(--texto-fraco)}.motivo-do-bloqueio{margin:0;font-size:.78rem;color:var(--texto-fraco)}.compositor{padding:.6rem .8rem 0;display:flex;flex-direction:column;gap:.4rem}.linha-do-compositor{display:flex;align-items:center;gap:.5rem;padding:.5rem .25rem}.caixa-do-campo{flex:1 1 auto;display:flex;align-items:center;gap:.15rem;min-width:0;padding:0 .35rem 0 .15rem;border-radius:1.6rem;background:var(--balao-cliente)}.anexo-no-campo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.25rem;height:2.25rem;border-radius:50%;color:var(--texto-fraco);cursor:pointer}.anexo-no-campo:hover{background:var(--fundo);color:var(--texto)}.linha-do-compositor textarea{flex:1 1 auto;min-width:0;min-height:2.6rem;height:2.6rem;max-height:8rem;overflow-y:auto;padding:.6rem .4rem;border:0;background:none;color:var(--texto);font:inherit;line-height:1.4;resize:none;outline:none;box-sizing:border-box}.linha-do-compositor textarea:not(:placeholder-shown){height:auto}.icones-do-campo{flex:0 0 auto;display:flex;align-items:center;gap:.3rem}.icones-do-campo button,.icones-do-campo label{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:none;color:var(--texto-fraco);font:inherit;cursor:pointer}.icones-do-campo button:hover:not(:disabled),.icones-do-campo label:hover{background:var(--balao-cliente);color:var(--texto)}.icones-do-campo button:disabled{opacity:.45;cursor:default}.enviar-resposta{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:var(--verde-destaque);color:var(--texto-em-bolinha-clara);line-height:1}.enviar-resposta:hover:not(:disabled){background:var(--verde-destaque);filter:brightness(1.1)}.linha-do-compositor svg,.barra-de-gravacao svg{width:1.5rem;height:1.5rem}.enviar-resposta:disabled{background:var(--linha-cinza);color:var(--texto-fraco);cursor:default}.barra-de-gravacao{display:flex;align-items:center;gap:.5rem;min-height:2.6rem;margin:.5rem .25rem;padding:.2rem .4rem;border-radius:.5rem;background:var(--balao-cliente)}.tempo-da-gravacao{flex:1 1 auto;min-width:0;text-align:center;color:var(--texto);font-variant-numeric:tabular-nums;font-size:.85rem}.controle-da-gravacao{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:none;color:var(--texto-fraco);font:inherit;line-height:1;cursor:pointer}.controle-da-gravacao:hover{background:var(--fundo);color:var(--texto)}.descartar-voz{color:var(--vermelho-de-falha)}.barra-de-gravacao .enviar-resposta{flex:0 0 auto}.previa-da-pausa{display:flex;align-items:center;gap:.4rem;color:var(--texto-fraco);font-size:.78rem}.previa-da-pausa audio{max-width:100%}.faixa-da-devolucao{display:flex;justify-content:flex-end}.botao-discreto{padding:.3rem .6rem;border:1px solid var(--borda);border-radius:.5rem;background:none;color:var(--texto-fraco);font:inherit;font-size:.78rem;cursor:pointer}.botao-discreto:disabled{color:var(--texto-fraco);opacity:.5;cursor:default}