: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;color-scheme:dark}body{margin:0;background:var(--fundo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}.painel{display:flex;flex-direction:column;height:100vh}.corpo{display:flex;flex:1;min-height:0}.coluna{display:flex;flex-direction:column;width:30rem;min-width:22rem;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:16px;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:14px;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:0;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}.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:flex-end;gap:.4rem}.linha-do-compositor textarea{flex:1 1 auto;min-width:0;min-height:2.4rem;max-height:8rem;overflow-y:auto;padding:.5rem .6rem;border:0;border-radius:.5rem;background:var(--balao-cliente);color:var(--texto);font:inherit;resize:none}.icones-do-campo{flex:0 0 auto;display:flex;align-items:center;gap:.3rem}.icones-do-campo button,.icones-do-campo label{padding:.3rem .45rem;border:0;border-radius:50%;background:none;color:var(--texto-fraco);font:inherit;cursor:pointer}