:root{--azul:#0D3B66;--roxo:#6A35D9;--violeta:#8B5CF6;--fundo:#F4F6F8;--grafite:#1F2937;--sucesso:#22C55E;--alerta:#F59E0B;--erro:#EF4444;--info:#3B82F6;--neutro:#94A3B8;--borda:#E5E7EB;--branco:#fff;--sombra:0 8px 28px rgba(31,41,55,.07)}*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--grafite);font-family:Inter,Arial,sans-serif}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.barra-lateral{background:#fff;border-right:1px solid var(--borda);padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.marca{display:flex;gap:10px;align-items:center;margin-bottom:30px}.marca strong{font-family:'Plus Jakarta Sans';letter-spacing:.07em;color:var(--azul)}.marca small{display:block;color:#64748B}.marca-icone{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--roxo),var(--violeta));color:#fff;font-weight:800;font-family:'Plus Jakarta Sans'}.barra-lateral nav{display:flex;flex-direction:column;gap:6px}.barra-lateral nav a{padding:11px 12px;border-radius:10px;color:#475569;text-decoration:none;font-weight:600;font-size:14px}.barra-lateral nav a:hover,.barra-lateral nav a.ativo{background:#F2EEFF;color:var(--roxo)}.separador{font-size:10px;font-weight:800;color:#94A3B8;letter-spacing:.12em;margin:22px 12px 6px}.sair{margin-top:auto}.conteudo{padding:0 28px 40px;min-width:0}.topo{height:88px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topo-titulo,h1,h2,h3{font-family:'Plus Jakarta Sans';margin:0}.topo-titulo{font-weight:800;font-size:24px;color:var(--azul)}.topo-subtitulo{font-size:13px;color:#64748B;margin-top:4px}.empresa-seletor{display:flex;flex-direction:column;gap:4px}.empresa-seletor label{font-size:11px;color:#64748B;font-weight:700}.empresa-seletor select,input,textarea{border:1px solid #D7DCE3;border-radius:10px;padding:10px 12px;background:#fff;font:inherit;color:var(--grafite);outline:none}.empresa-seletor select:focus,input:focus,textarea:focus{border-color:var(--violeta);box-shadow:0 0 0 3px rgba(139,92,246,.12)}.grade-cards{display:grid;gap:16px;margin-bottom:18px}.grade-cards.quatro{grid-template-columns:repeat(4,1fr)}.grade-cards.duas{grid-template-columns:repeat(2,1fr)}.card,.painel{background:#fff;border:1px solid var(--borda);border-radius:16px;box-shadow:var(--sombra)}.card{padding:20px}.metrica span{font-size:13px;color:#64748B;font-weight:600}.metrica strong{display:block;font-family:'Plus Jakarta Sans';font-size:34px;color:var(--azul);margin:7px 0 2px}.metrica small{color:#94A3B8}.bloco{margin-bottom:18px}.titulo-bloco{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.titulo-bloco h2,.titulo-bloco h3{color:var(--azul)}.titulo-bloco p{margin:5px 0 0;color:#64748B;font-size:13px}.botao{border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;font-family:Inter}.botao-primario{background:linear-gradient(135deg,var(--roxo),var(--violeta));color:#fff}.botao-secundario{background:#EEE9FF;color:var(--roxo);text-decoration:none}.botao-neutro{background:#EEF2F6;color:#475569}.botao-pequeno{padding:7px 10px;background:#EEE9FF;color:var(--roxo);font-size:12px}.formulario-inline{display:flex;gap:10px;margin-top:18px}.formulario-inline input{flex:1}.lista-simples{margin-top:14px}.linha{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #EEF0F4;padding:13px 0}.linha small{display:block;color:#94A3B8;margin-top:3px}.badge{font-size:11px;font-weight:800;border-radius:999px;padding:6px 9px;background:#EEF2F6;color:#475569}.badge.ativa{background:#DCFCE7;color:#15803D}.badge.alerta,.badge.reconectando{background:#FEF3C7;color:#B45309}.badge.inativa,.badge.qr_necessario{background:#FEE2E2;color:#B91C1C}.detalhes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.detalhes.vertical{grid-template-columns:1fr}.detalhes div{background:#F8FAFC;padding:10px;border-radius:10px}.detalhes dt{font-size:11px;color:#94A3B8}.detalhes dd{margin:4px 0 0;font-size:13px;font-weight:600}.acoes{display:flex;gap:8px;flex-wrap:wrap}.acoes.vertical{flex-direction:column}.acoes.vertical form,.acoes.vertical button{width:100%}.modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:grid;place-items:center;z-index:20}.modal.oculto{display:none}.modal-card{background:#fff;border-radius:18px;padding:26px;min-width:360px;max-width:540px;position:relative;text-align:center}.fechar{position:absolute;right:12px;top:10px;border:0;background:none;font-size:28px;color:#64748B;cursor:pointer}.qr{width:300px;max-width:100%}.legenda{font-size:12px;color:#64748B}.alerta{padding:12px;border-radius:10px;margin:10px 0}.alerta.erro{background:#FEE2E2;color:#991B1B}.alerta.aviso{background:#FEF3C7;color:#92400E}.inbox{display:grid;grid-template-columns:300px minmax(420px,1fr) 280px;height:calc(100vh - 120px);gap:12px}.painel{min-height:0;overflow:hidden}.painel-titulo,.conversa-cabecalho{padding:16px;border-bottom:1px solid var(--borda);display:flex;align-items:center;justify-content:space-between}.conversa-item{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #EEF0F4;text-decoration:none;color:inherit;align-items:center}.conversa-item:hover,.conversa-item.selecionada{background:#F7F5FF}.avatar{width:38px;height:38px;border-radius:50%;background:#EEE9FF;color:var(--roxo);display:grid;place-items:center;font-weight:800}.conversa-resumo{flex:1;min-width:0}.conversa-resumo strong,.conversa-resumo small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversa-resumo small{color:#64748B;margin-top:4px;font-size:12px}.ponto-status{width:9px;height:9px;border-radius:50%;background:#94A3B8}.ponto-status.humano_necessario{background:#F59E0B}.ponto-status.humano_atendendo{background:#3B82F6}.ponto-status.ia_atendendo,.ponto-status.ia_aguardando_cliente{background:#22C55E}.conversa-centro{display:flex;flex-direction:column}.mensagens{flex:1;overflow:auto;padding:18px;background:#FAFBFC}.mensagem{max-width:72%;padding:10px 12px;border-radius:14px;margin-bottom:10px;background:#fff;border:1px solid #E5E7EB}.mensagem.saida{margin-left:auto;background:#EEE9FF;border-color:#DDD2FF}.mensagem small{display:block;margin-top:5px;color:#94A3B8;font-size:10px}.composer{display:flex;gap:10px;padding:12px;border-top:1px solid var(--borda)}.composer textarea{flex:1;resize:none}.contexto-cliente{padding:18px}.vazio{padding:25px;color:#94A3B8;text-align:center}.vazio.central{margin:auto}.tabela-wrap{overflow:auto;margin-top:15px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-top:1px solid #EEF0F4;font-size:13px}th{color:#64748B;font-size:11px;text-transform:uppercase}.texto-neutro{color:#94A3B8;font-size:12px}.login-fundo{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#F4F6F8,#EEE9FF)}.login-card{width:min(430px,calc(100% - 32px));background:#fff;border:1px solid var(--borda);border-radius:20px;padding:32px;box-shadow:var(--sombra)}.login-card h1{color:var(--azul);margin-top:20px}.login-card p{color:#64748B;line-height:1.5}.marca-login{margin-bottom:0}.formulario{display:flex;flex-direction:column;gap:14px}.formulario label{font-size:12px;font-weight:700;color:#475569}.formulario input{display:block;width:100%;margin-top:6px}@media(max-width:1100px){.grade-cards.quatro{grid-template-columns:repeat(2,1fr)}.inbox{grid-template-columns:260px 1fr}.contexto-cliente{display:none}}@media(max-width:760px){.layout{grid-template-columns:1fr}.barra-lateral{display:none}.conteudo{padding:0 14px 24px}.topo{height:auto;padding:16px 0;align-items:flex-start}.grade-cards.quatro,.grade-cards.duas{grid-template-columns:1fr}.inbox{grid-template-columns:1fr;height:auto}.conversas-lista{max-height:280px}.conversa-centro{min-height:600px}.empresa-seletor{max-width:170px}}
/* Host Atendimento 2.0 - verde WhatsApp e configuracao */
:root { --verde-whatsapp:#128c7e; --verde-vivo:#25d366; }
.marca-icone {background:#128c7e;color:white}
.botao-primario {background:#128c7e !important;color:white !important}
.botao-primario:hover {background:#075e54 !important}
.barra-lateral nav a.ativo {border-left:3px solid #25d366;background:rgba(37,211,102,.11)}
.formulario-vertical {display:flex; flex-direction:column; gap:13px;margin-top:16px}
.formulario-vertical label {display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650}
.formulario-vertical textarea,.formulario-vertical input,.formulario-vertical select,#pergunta-teste {font:inherit;padding:10px 12px;width:100%;max-width:100%;border:1px solid #ccdcd3;border-radius:8px;background:#fff;color:#152c24;box-sizing:border-box}
.formulario-vertical textarea:focus,.formulario-vertical input:focus {outline:2px solid #25d366;outline-offset:1px}
.faixa-alerta,.restricoes-obrigatorias {border:1px solid #cae8dc;background:#ecfbf2;color:#18573d;padding:13px 15px;border-radius:10px;margin:0 0 16px}
.faq-lista {margin-top:18px}.faq-item{padding:12px 0;border-bottom:1px solid #e2e9e4;display:flex;gap:15px;align-items:center;justify-content:space-between}.faq-item p {white-space:pre-wrap;margin-top:5px}
#form-teste{display:flex;gap:10px;margin-top:16px}.resultado-teste{border-radius:10px;background:#ecfbf2;min-height:55px;padding:15px;margin-top:14px;white-space:pre-line;color:#075e54}
@media(max-width:680px){#form-teste{flex-direction:column}}

/* V1 Operacional - identidade verde de atendimento */
:root{--roxo:#087a58;--violeta:#128c7e;--azul:#0b3f37;--sombra:0 2px 14px rgba(8,70,55,.055)}
body{background:#f5faf8}.barra-lateral{background:#fff}.barra-lateral nav a:hover,.barra-lateral nav a.ativo{background:#e5f6ed;color:#075e54;border-left:3px solid #25d366}.topo-titulo,.titulo-bloco h2,.titulo-bloco h3{color:#075e54}.marca{letter-spacing:.02em}
.botao-secundario,.botao-pequeno{background:#dff6ea;color:#0c7159}.mensagem.saida{background:#dcf8c6;border-color:#c7e6ad}.avatar{background:#e0f6ec;color:#087a58}.conversa-item:hover,.conversa-item.selecionada{background:#e9f8f0}.mensagens{background:#eef6f1}.login-fundo{background:linear-gradient(135deg,#e5f8ed,#f5faf8)}
.destaque-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(105deg,#f0faf4,#fff);gap:18px}.destaque-hero h2{font-size:21px;margin:8px 0}.destaque-hero p{color:#537367;max-width:680px}.eyebrow{font-size:10px;color:#108258;font-weight:800;letter-spacing:1.6px}.fluxo-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.fluxo-links a{padding:10px 13px;text-decoration:none;color:#075e54;background:#e9f8f0;border-radius:10px;font-size:12px;font-weight:700}.fluxo-links a.sel{background:#128c7e;color:white}.credencial{display:grid;grid-template-columns:120px 1fr;gap:8px;padding:16px;background:#f1f9f5;border-radius:12px}.credencial code{word-break:break-all}.credencial span{color:#4f7669;font-size:13px}.check-linha{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.check-linha input{width:auto!important}.simulador{height:320px;overflow:auto;background:#e5f3e9;border:1px solid #d0e8db;border-radius:13px;padding:20px;display:flex;flex-direction:column;gap:10px}.bolha{max-width:80%;width:fit-content;border-radius:12px;padding:11px 15px;font-size:14px;white-space:pre-line;line-height:1.4}.bolha-agente{background:#fff;align-self:flex-start}.bolha-cliente{background:#dcf8c6;align-self:flex-end}.menu-perfil{font-size:11px;color:#406759;text-decoration:none;overflow-wrap:anywhere;margin:10px}.faixa-alerta{color:#0b6243}
@media(max-width:760px){.destaque-hero{flex-direction:column;align-items:flex-start}.credencial{grid-template-columns:1fr}.barra-lateral{display:flex;position:static;width:auto;padding:12px}.layout{display:block}.barra-lateral nav{flex-direction:row;flex-wrap:wrap}.barra-lateral nav a{font-size:12px}.barra-lateral .separador{display:none}.barra-lateral .sair{margin-top:5px}.topo{flex-wrap:wrap}}

/* Hotfix V1: alteracao de senha explicita e QR responsivo */
.conta-atual{display:grid;gap:7px;margin:12px 0 16px;min-width:0}.conta-atual small{color:#587469;font-size:11px;font-weight:700}.conta-atual span{overflow-wrap:anywhere;font-size:11px;color:#406759}.conta-atual .botao{font-size:12px;text-align:center;padding:9px;display:block}.qr-status{margin:8px 0;padding:12px;border-radius:10px;background:#eff7f2;color:#075e54;line-height:1.5}.qr-status.erro{background:#fff1f0;color:#a12222}.qr-status.aguardando{background:#fff6dd;color:#875b10}.qr-rodape{margin-top:12px;font-size:12px;color:#516e62}.modal-card{width:min(500px,calc(100vw - 24px));min-width:0;max-height:95vh;overflow:auto}.qr{max-height:65vh;object-fit:contain}.botao[disabled]{opacity:.55;cursor:not-allowed}