:root{--fundo:#fbfbfa;--superficie:#fff;--superficie-2:#f2f2f0;--borda:#e3e3df;--texto:#1a1a1a;--texto-fraco:#6b6b66;--acento:#0f7b5f;--acento-texto:#fff;--perigo:#b42318;--raio:14px;--sombra:0 1px 2px #0000000d, 0 8px 24px #0000000a;--fonte:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fundo:#0d1117;--superficie:#161b22;--superficie-2:#1c2128;--borda:#2a313a;--texto:#e6edf3;--texto-fraco:#9198a1;--acento:#22d3a6;--acento-texto:#05201a;--perigo:#ff7b72;--sombra:0 1px 2px #0006, 0 8px 24px #0000004d}}:root[data-theme=dark]{--fundo:#0d1117;--superficie:#161b22;--superficie-2:#1c2128;--borda:#2a313a;--texto:#e6edf3;--texto-fraco:#9198a1;--acento:#22d3a6;--acento-texto:#05201a;--perigo:#ff7b72;--sombra:0 1px 2px #0006, 0 8px 24px #0000004d}body{background:var(--fundo);color:var(--texto);font-family:var(--fonte);margin:0;overflow-x:hidden}.app{grid-template-columns:300px 1fr auto;height:100vh;display:grid}.lateral{background:var(--superficie);border-right:1px solid var(--borda);flex-direction:column;min-height:0;display:flex}.coluna-chat{flex-direction:column;min-width:0;min-height:0;display:flex}.banners{border-left:1px solid var(--borda);background:var(--superficie);width:300px}.banners:empty{display:none}@media (max-width:1200px){.app{grid-template-columns:300px 1fr}.banners{display:none}}.conversa{flex:1;min-height:0;padding:24px;overflow-y:auto}.composicao{border-top:1px solid var(--borda);background:var(--superficie);align-items:flex-end;gap:8px;padding:16px 24px;display:flex}.lateral-rolavel{flex-direction:column;flex:1;gap:22px;min-height:0;padding:20px 16px;display:flex;overflow-y:auto}.lateral-titulo{margin:0;font-weight:600}.grupo-topicos h3{text-transform:uppercase;letter-spacing:.04em;color:var(--texto-fraco);margin:0 0 8px;font-size:.75rem;font-weight:600}.lista-topicos{flex-direction:column;gap:6px;display:flex}.topico{text-align:left;font:inherit;color:var(--texto);background:var(--superficie-2);border:1px solid var(--borda);cursor:pointer;border-radius:10px;padding:9px 12px;font-size:.88rem}.topico:hover{border-color:var(--acento)}.topico:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.topico .codigo{color:var(--acento);margin-right:4px;font-weight:600}.topicos-dinamicos{border-top:1px dashed var(--borda);flex-direction:column;gap:6px;padding-top:20px;display:flex}.lateral-rodape{border-top:1px solid var(--borda);flex-direction:column;flex:none;gap:10px;padding:16px;display:flex}.lateral-identificacao{justify-content:space-between;align-items:center;gap:8px;display:flex}.lateral-identificacao-texto{color:var(--texto-fraco);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.lateral-botao-texto{font:inherit;color:var(--acento);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:.78rem;text-decoration:underline}.lateral-botao-texto:hover,.lateral-botao-texto:focus-visible{color:var(--texto)}.lateral-controles{align-items:stretch;gap:8px;display:flex}.botao-tema{border:1px solid var(--borda);background:var(--superficie-2);width:44px;color:var(--texto-fraco);cursor:pointer;border-radius:10px;flex:none;font-size:1.1rem;line-height:1}.botao-tema:hover,.botao-tema:focus-visible{color:var(--texto);outline:2px solid var(--acento);outline-offset:1px}.botao-whatsapp{text-align:center;color:var(--acento-texto);background:var(--acento);border-radius:10px;flex:1;padding:12px 16px;font-weight:600;text-decoration:none;display:block}.botao-whatsapp:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.rodape-suporte{border-top:1px solid var(--borda);color:var(--texto-fraco);padding:12px 16px;font-size:.8rem;line-height:1.5}.rodape-suporte strong{color:var(--texto);font-weight:600;display:block}.topo-mobile{display:none}.botao-menu{font:inherit;color:var(--texto);background:var(--superficie-2);border:1px solid var(--borda);cursor:pointer;border-radius:10px;padding:8px 12px;font-weight:600}.lateral-fundo{display:none}.composicao textarea{resize:none;max-height:160px;font:inherit;color:var(--texto);background:var(--superficie-2);border:1px solid var(--borda);border-radius:10px;flex:1;padding:10px 12px;line-height:1.4}.composicao textarea:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.botao-anexo,.botao-microfone{width:44px;height:44px;color:var(--texto);background:var(--superficie-2);border:1px solid var(--borda);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.microfone-onda{justify-content:center;align-items:center;gap:3px;height:16px;display:none}.microfone-onda span{background:var(--acento);border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite microfone-onda-animacao}.microfone-onda span:nth-child(2){animation-delay:.15s}.microfone-onda span:nth-child(3){animation-delay:.3s}@keyframes microfone-onda-animacao{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.botao-microfone.microfone-gravando{border-color:var(--acento)}.botao-microfone.microfone-gravando .microfone-icone{display:none}.botao-microfone.microfone-gravando .microfone-onda{display:flex}.lista-anexos{flex-wrap:wrap;gap:8px;padding:0 24px 12px;display:flex}.anexo-item{border:1px solid var(--borda);border-radius:8px;width:56px;height:56px;position:relative;overflow:hidden}.anexo-item img{object-fit:cover;width:100%;height:100%;display:block}.anexo-remover{background:var(--perigo);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.75rem;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.botao-enviar{height:44px;font:inherit;color:var(--acento-texto);background:var(--acento);cursor:pointer;border:none;border-radius:10px;flex:none;padding:0 18px;font-weight:600}.botao-enviar:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.botao-enviar.botao-interromper{color:var(--texto);background:var(--superficie-2);border:1px solid var(--borda)}.composicao button:disabled,.composicao textarea:disabled{opacity:.5;cursor:not-allowed}.balao{border-radius:var(--raio);overflow-wrap:anywhere;max-width:68ch;margin-bottom:12px;padding:12px 16px;line-height:1.55}.balao-cliente{background:var(--acento);color:var(--acento-texto);margin-left:auto}.balao-aurea{background:var(--superficie-2);color:var(--texto)}.balao pre,.balao table{max-width:100%;overflow-x:auto}.balao .anexos{color:var(--texto-fraco);margin-bottom:6px;font-size:.8rem}.balao .incompleta{color:var(--texto-fraco);margin:6px 0 0;font-size:.8rem;font-style:italic}.aviso-toast{background:var(--texto);max-width:90vw;color:var(--fundo);box-shadow:var(--sombra);text-align:center;opacity:0;pointer-events:none;z-index:50;border-radius:999px;padding:10px 18px;font-size:.9rem;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(12px)}.aviso-toast-visivel{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:900px){.app{grid-template-columns:1fr}.lateral{z-index:20;width:min(300px,85vw);max-width:100vw;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.lateral[data-aberta=true]{transform:none}.topo-mobile{border-bottom:1px solid var(--borda);background:var(--superficie);align-items:center;gap:10px;padding:10px 16px;display:flex}.lateral-fundo:not([hidden]){z-index:15;background:#0006;display:block;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.entrada{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);width:100%;max-width:420px;box-shadow:var(--sombra);flex-direction:column;gap:4px;padding:32px;display:flex}.cartao h1{margin:0 0 4px;font-size:1.3rem}.cartao .sub{color:var(--texto-fraco);margin:0 0 16px}.cartao label{color:var(--texto-fraco);flex-direction:column;gap:6px;margin-bottom:14px;font-size:.9rem;display:flex}.cartao input{font:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--borda);border-radius:10px;padding:10px 12px}.cartao input:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.principal{font:inherit;color:var(--acento-texto);background:var(--acento);cursor:pointer;border:none;border-radius:10px;margin-top:8px;padding:12px 16px;font-weight:600}.principal:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.erro{color:var(--perigo);margin:4px 0;font-size:.875rem}.rodape-entrada{color:var(--texto-fraco);text-align:center;margin:16px 0 0;font-size:.8rem}.painel-gatilho{border:1px solid var(--borda);background:var(--superficie-2);width:44px;color:var(--texto-fraco);cursor:pointer;opacity:.7;border-radius:10px;flex:none;font-size:1.1rem;line-height:1;transition:opacity .15s,color .15s}.painel-gatilho:hover,.painel-gatilho:focus-visible{opacity:1;color:var(--texto);outline:2px solid var(--acento);outline-offset:1px}.painel-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.painel-caixa{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);width:100%;max-width:420px;max-height:90vh;box-shadow:var(--sombra);padding:32px;position:relative;overflow-y:auto}.painel-caixa-larga{max-width:640px}.painel-caixa h2{margin:0 0 4px;font-size:1.2rem}.painel-sub{color:var(--texto-fraco);margin:0 0 16px}.painel-fechar{width:32px;height:32px;color:var(--texto-fraco);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:1.3rem;line-height:1;position:absolute;top:12px;right:12px}.painel-fechar:hover,.painel-fechar:focus-visible{background:var(--superficie-2);color:var(--texto)}.painel-caixa label{color:var(--texto-fraco);flex-direction:column;gap:6px;margin-bottom:14px;font-size:.9rem;display:flex}.painel-caixa input:not([type=checkbox]):not([type=radio]){font:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--borda);box-sizing:border-box;border-radius:10px;width:100%;padding:10px 12px}.painel-caixa input[type=checkbox],.painel-caixa input[type=radio]{width:16px;height:16px;accent-color:var(--acento)}.painel-caixa input:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.painel-dica{color:var(--texto-fraco);margin:-6px 0 12px;font-size:.8rem}.painel-erro{color:var(--perigo);margin:4px 0 12px;font-size:.875rem}.painel-sucesso{color:var(--acento);margin:4px 0 12px;font-size:.875rem}.painel-aviso-espera{color:var(--texto-fraco);margin:4px 0 12px;font-size:.8rem}.painel-banner{border-radius:10px;margin:0 0 16px;padding:10px 14px;font-size:.875rem}.painel-banner-aviso{background:var(--superficie-2);color:var(--texto);border:1px solid var(--acento)}.painel-banner-alerta{background:var(--superficie-2);color:var(--perigo);border:1px solid var(--perigo)}.painel-abas{border-bottom:1px solid var(--borda);flex-wrap:wrap;gap:6px;margin-bottom:16px;padding-bottom:12px;display:flex}.painel-aba-botao{font:inherit;color:var(--texto-fraco);background:var(--superficie-2);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:7px 14px;font-size:.85rem}.painel-aba-botao:hover{border-color:var(--borda)}.painel-aba-ativa{color:var(--acento-texto);background:var(--acento)}.painel-em-breve{color:var(--texto-fraco);font-size:.9rem}.painel-caixa textarea{font:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--borda);resize:vertical;box-sizing:border-box;border-radius:10px;width:100%;padding:10px 12px}.painel-caixa textarea:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.painel-acoes{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.painel-botao-secundario{font:inherit;color:var(--texto);background:var(--superficie-2);border:1px solid var(--borda);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:.875rem}.painel-botao-secundario:hover{border-color:var(--acento)}.painel-botao-secundario:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.painel-botao-secundario:disabled{opacity:.5;cursor:not-allowed}.painel-botao-arquivo{text-align:center;justify-content:center;align-items:center;display:inline-flex}.painel-tabela-wrap{margin-bottom:8px;overflow-x:auto}.painel-tabela{border-collapse:collapse;width:100%;font-size:.875rem}.painel-tabela th,.painel-tabela td{text-align:left;border-bottom:1px solid var(--borda);padding:8px 10px}.painel-tabela th{color:var(--texto-fraco);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.painel-tabela td button{font:inherit;color:var(--perigo);border:1px solid var(--borda);cursor:pointer;background:0 0;border-radius:8px;padding:5px 10px;font-size:.8rem}.painel-tabela td button:hover{border-color:var(--perigo)}.painel-tabela-rodape{margin:8px 0;font-size:.9rem}.painel-aviso-orcamento{background:var(--superficie-2);border:1px solid var(--acento);color:var(--texto);border-radius:10px;margin:0 0 12px;padding:10px 14px;font-size:.875rem}.painel-kb-pendente,.painel-kb-colar{border:1px solid var(--borda);border-radius:var(--raio);background:var(--superficie-2);margin-top:12px;padding:16px}.painel-preview{white-space:pre-wrap;word-break:break-word;background:var(--superficie);border:1px solid var(--borda);max-height:220px;color:var(--texto-fraco);border-radius:8px;margin:6px 0 0;padding:10px 12px;font-size:.8rem;overflow-y:auto}.painel-topico-grupo{border:1px solid var(--borda);border-radius:var(--raio);background:var(--superficie-2);margin-bottom:14px;padding:14px}.painel-topico-grupo-cabecalho{gap:8px;margin-bottom:10px;display:flex}.painel-topico-grupo-cabecalho input{flex:1;font-weight:600}.painel-topico-item{gap:8px;margin-bottom:8px;display:flex}.painel-topico-item input{flex:1}.painel-topico-item button{border:1px solid var(--borda);background:var(--superficie);width:32px;color:var(--perigo);cursor:pointer;border-radius:8px;flex:none}.painel-radio-grupo{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.painel-radio-opcao{border:1px solid var(--borda);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.painel-radio-opcao:has(input:checked){border-color:var(--acento)}.painel-radio-opcao input{margin-top:3px}.painel-radio-opcao strong{display:block}.painel-radio-opcao small{color:var(--texto-fraco);display:block}