:root{--fundo:#f4f5f7;--cartao:#fff;--borda:#e2e5ea;--texto:#1d2129;--suave:#6b7280;--lateral:#111418;--destaque:#0f9d6b;--destaque-escuro:#0b7a53;--azul:#2563eb;--alerta:#b45309;--alerta-fundo:#fef3c7;--erro:#b91c1c;--privada:#fff7e0;--raio:8px;color:var(--texto);background:var(--fundo);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}h1{margin:0;font-size:20px}h2{margin:0;font-size:16px}h3{text-transform:uppercase;letter-spacing:.04em;color:var(--suave);margin:18px 0 8px;font-size:12px}a{color:var(--azul);cursor:pointer;text-decoration:none}code{background:#eef0f3;border-radius:4px;padding:1px 5px}button,.btn-arquivo{font:inherit;border:1px solid var(--borda);color:var(--texto);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;padding:7px 12px}button:hover:not(:disabled),.btn-arquivo:hover{background:#f0f2f5}button:disabled{opacity:.5;cursor:default}.btn-primario{background:var(--destaque);border-color:var(--destaque);color:#fff;font-weight:600}.btn-primario:hover:not(:disabled){background:var(--destaque-escuro)}.btn-perigo{color:var(--erro);border-color:#f1c5c5}.btn-icone{color:var(--suave);background:0 0;border:0;padding:2px 6px}.link{color:#cfd4dc;text-align:left;background:0 0;border:0;padding:4px 0}input,select,textarea{font:inherit;border:1px solid var(--borda);color:var(--texto);background:#fff;border-radius:6px;width:100%;padding:7px 9px}input:focus,select:focus,textarea:focus{border-color:var(--destaque);outline:2px solid #bfe8d7}input[type=checkbox]{width:auto}textarea{resize:vertical}.app{height:100vh;display:flex}.lateral{background:var(--lateral);color:#e5e7eb;flex-direction:column;flex-shrink:0;gap:2px;width:200px;padding:14px 10px;display:flex}.lateral a{color:#cfd4dc;border-radius:6px;align-items:center;gap:10px;padding:9px 10px;display:flex}.lateral a:hover{background:#1f242b}.lateral a.active{color:#fff;box-shadow:inset 3px 0 0 var(--destaque);background:#1f2a26}.lateral-pe{border-top:1px solid #2a2f36;flex-direction:column;margin-top:auto;padding-top:10px;display:flex}.marca{align-items:center;gap:8px;padding:4px 8px 18px;font-size:17px;font-weight:700;display:flex}.marca-jj{background:var(--destaque);color:#fff;border-radius:6px;padding:2px 7px}.conteudo{flex:1;min-width:0;overflow:auto}.pagina{padding:20px 24px}.pagina-topo{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pagina-topo .busca{max-width:320px}.pagina-topo select{width:auto}.barra{flex-wrap:wrap;gap:8px;padding:0 0 10px;display:flex}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:14px 16px}.ajuda{color:var(--suave);margin:6px 0 12px;font-size:13px}.ajuda-bloco{margin-bottom:14px;font-size:13px;line-height:1.5}.ajuda-bloco ol{margin:6px 0;padding-left:20px}.vazio{color:var(--suave);font-style:italic}.vazio-grande{height:100%;color:var(--suave);place-items:center;display:grid}.erro{color:var(--erro)}.pre{white-space:pre-wrap}.login{background:var(--lateral);place-items:center;height:100vh;display:grid}.login form{background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:340px;padding:28px;display:flex}.login .marca{color:var(--texto);justify-content:center;padding-bottom:6px}.campo{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.campo>span{color:var(--suave);font-size:12px;font-weight:500}.grade{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 12px;display:grid}.check-inline{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.check-inline.bloco{margin:6px 0;display:flex}.checks{flex-wrap:wrap;gap:18px;margin:6px 0 4px;display:flex}.linha-inline{align-items:center;gap:6px;display:flex}.tag{color:#374151;white-space:nowrap;background:#eef0f3;border-radius:99px;margin-left:4px;padding:2px 7px;font-size:11px;display:inline-block}.tag-alerta{background:var(--alerta-fundo)!important;color:var(--alerta)!important}.st-aberto{color:#b42318;background:#fde8e8}.st-aguardando{color:#1d4ed8;background:#e0ecff}.st-concluido{color:#15803d;background:#dcfce7}.st-interno,.st-avaliacao{color:#7e22ce;background:#f3e8ff}.pr-alta{color:#b91c1c;background:#fee2e2}.pr-media{color:#a16207;background:#fef3c7}.pr-baixa{color:#15803d;background:#dcfce7}.ev-novo{color:#a15c00;background:#fff1d6}.ev-interacao{color:#1d4ed8;background:#e0ecff}.ev-modificado{background:#eef0f3}.abas{border-bottom:1px solid var(--borda);flex-wrap:wrap;gap:2px;margin-bottom:12px;display:flex}.abas button,.abas a{color:var(--suave);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:8px 12px}.abas .ativa,.abas a.active{color:var(--texto);border-bottom-color:var(--destaque);font-weight:600}.chips{flex-wrap:wrap;gap:6px;padding-bottom:10px;display:flex}.chip{border-radius:99px;padding:4px 11px;font-size:12px}.chip.ativo{background:var(--texto);color:#fff;border-color:var(--texto)}.tabela-wrap{border:1px solid var(--borda);border-radius:var(--raio);background:#fff;overflow:auto}.tabela{border-collapse:collapse;background:#fff;width:100%}.tabela th{text-align:left;color:var(--suave);border-bottom:1px solid var(--borda);background:#fafbfc;padding:9px 10px;font-size:12px;font-weight:600;position:sticky;top:0}.tabela td{vertical-align:top;border-bottom:1px solid #f0f1f3;padding:9px 10px}.tabela tbody tr{cursor:pointer}.tabela tbody tr:hover{background:#f7faf9}.tabela .num{color:var(--suave);font-variant-numeric:tabular-nums}tr.nao-lido td,li.nao-lido .nome{font-weight:700}tr.inativo,li.inativo{opacity:.55}.paginacao{color:var(--suave);justify-content:flex-end;align-items:center;gap:8px;padding:10px 0;font-size:13px;display:flex}.modal-fundo{z-index:50;background:#11141873;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;flex-direction:column;width:560px;max-width:100%;max-height:92vh;display:flex}.modal-largo{width:860px}.modal header{border-bottom:1px solid var(--borda);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-corpo{padding:16px 18px;overflow:auto}.modal footer{border-top:1px solid var(--borda);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.previa-template{background:#e7f6ee;border-radius:8px;margin-top:6px;padding:10px 12px}.previa-template p{white-space:pre-wrap;margin:4px 0 0}.meus-filtros{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.avisos{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.aviso{background:var(--texto);color:#fff;border-radius:8px;max-width:380px;padding:10px 14px;box-shadow:0 6px 20px #00000026}.aviso-erro{background:var(--erro)}.busca-registro{align-items:center;display:flex;position:relative}.busca-registro .btn-icone{position:absolute;right:4px}.sugestoes{border:1px solid var(--borda);z-index:30;background:#fff;border-radius:6px;max-height:260px;margin:2px 0 0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 8px 20px #00000014}.sugestoes li{cursor:pointer;padding:7px 10px}.sugestoes li:hover{background:#f0f7f4}.sugestoes small{color:var(--suave)}.semaforo{gap:6px;padding:4px 0;display:flex}.luz{background:#fff;border:2px solid #d1d5db;border-radius:50%;width:24px;height:24px;padding:0}.luz-baixa.acesa{background:#22c55e;border-color:#16a34a}.luz-media.acesa{background:#facc15;border-color:#ca8a04}.luz-alta.acesa{background:#ef4444;border-color:#b91c1c}.wa{height:100vh;display:flex}.wa-lista{border-right:1px solid var(--borda);background:#fff;flex-direction:column;flex-shrink:0;width:380px;padding:12px 12px 0;display:flex}.wa-itens{flex:1;margin:0;padding:0;list-style:none;overflow:auto}.wa-itens li{cursor:pointer;border-bottom:1px solid #f0f1f3;border-radius:6px;padding:10px 8px}.wa-itens li:hover{background:#f6f8f7}.wa-itens li.sel{background:#e7f6ee}.wa-itens .lin1{justify-content:space-between;display:flex}.wa-itens .quando,.wa-itens .num,.wa-itens .lin2{color:var(--suave);font-size:12px}.wa-itens .lin3{color:#374151;white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-size:13px;overflow:hidden}.wa-itens .lin4{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.wa-itens .lin4 .tag:first-child{margin-left:0}.wa-itens .lin4 .num{margin-left:auto}.wa-itens li.nao-lido{box-shadow:inset 3px 0 0 var(--destaque)}.wa-conversa{flex:1;min-width:0}.alertas{flex:1;margin:0;padding:0;list-style:none;overflow:auto}.alertas li{cursor:pointer;border-bottom:1px solid #f0f1f3;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 6px;font-size:13px;display:grid}.alertas .quando{color:var(--suave);font-size:12px}.conversa{grid-template-rows:auto auto 1fr;grid-template-columns:1fr 260px;height:100vh;display:grid}.conv-topo{border-bottom:1px solid var(--borda);background:#fff;grid-column:1/-1;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.conv-id{align-items:center;gap:12px;display:flex}.conv-id small{color:var(--suave);font-weight:400}.conv-id .sub{color:var(--suave);font-size:12px}.avatar{width:38px;height:38px;color:var(--destaque-escuro);background:#d7efe4;border-radius:50%;place-items:center;font-weight:700;display:grid}.conv-acoes{gap:8px;display:flex}.conv-campos{border-bottom:1px solid var(--borda);background:#fff;grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:end;gap:0 10px;padding:10px 16px 0;display:grid}.conv-campos .check-inline{margin-bottom:16px}.conv-meio{background:#efeae2;flex-direction:column;min-height:0;display:flex}.mensagens{flex-direction:column;flex:1;gap:6px;padding:16px 24px;display:flex;overflow:auto}.dia{color:var(--suave);background:#fff;border-radius:6px;align-self:center;margin:8px 0;padding:3px 10px;font-size:12px}.msg{background:#fff;border-radius:8px;max-width:68%;padding:6px 10px 4px;box-shadow:0 1px 1px #0000000f}.msg-in{align-self:flex-start}.msg-out{background:#d9fdd3;align-self:flex-end}.msg-privada{background:var(--privada);border:1px dashed #e0b84a}.msg .autor{color:var(--destaque-escuro);font-size:12px;font-weight:600}.msg .texto{white-space:pre-wrap;word-break:break-word}.msg .hora{color:var(--suave);text-align:right;font-size:11px}.msg img,.msg video{border-radius:6px;max-width:280px;display:block}.tique-lida{color:#2563eb}.tique-erro{color:var(--erro)}.erro-envio{color:var(--erro);font-size:12px}.msg-sistema{color:#6b5a1e;text-align:center;background:#fff8e1;border-radius:6px;align-self:center;max-width:80%;padding:4px 10px;font-size:12px}.msg-sistema span{color:var(--suave);margin-left:6px}.anexo{padding:4px 0;display:inline-block}.bloqueado{color:#fff;text-align:center;background:#9ca3af;padding:22px;font-weight:600}.resposta{border-top:1px solid var(--borda);background:#fff;flex-direction:column;gap:8px;padding:10px 14px;display:flex;position:relative}.resposta textarea.privada{background:var(--privada)}.resposta-barra{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.resposta-barra select{width:auto}.janela{color:var(--suave);border-radius:6px;margin-left:auto;padding:4px 8px;font-size:12px}.janela-fechada{background:var(--alerta-fundo);color:var(--alerta);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.rapidas{border:1px solid var(--borda);background:#fff;border-radius:8px;max-height:260px;margin:0 0 4px;padding:4px;list-style:none;position:absolute;bottom:100%;left:14px;right:14px;overflow:auto;box-shadow:0 -6px 20px #00000014}.rapidas li{cursor:pointer;border-radius:6px;flex-direction:column;padding:6px 8px;display:flex}.rapidas li:hover{background:#f0f7f4}.rapidas span{color:var(--suave);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.conv-lado{border-left:1px solid var(--borda);background:#fff;padding:0 14px 14px;overflow:auto}.vinculo{color:var(--texto);background:#f6f8fa;border-radius:6px;flex-direction:column;margin-bottom:6px;padding:6px 8px;font-size:13px;display:flex;position:relative}.vinculo small{color:var(--suave)}.vinculo .btn-icone{position:absolute;top:2px;right:2px}.botoes-col{flex-direction:column;gap:6px;display:flex}.estrelas{color:#f59e0b;letter-spacing:2px;font-size:20px}.ticket-corpo{grid-template-columns:1fr 260px;align-items:start;gap:16px;display:grid}.ticket-principal{flex-direction:column;gap:14px;min-width:0;display:flex}.ticket-lado h3:first-child{margin-top:0}.ticket-lado p{margin:0}.ticket-lado>button{width:100%;margin-top:12px}.interacoes{flex-direction:column;gap:8px;display:flex}.interacao{border:1px solid var(--borda);border-radius:var(--raio);background:#fff;padding:10px 14px}.interacao.privada{background:var(--privada);border-style:dashed}.interacao.sistema{color:#a23b3b;background:0 0;border:0;padding:2px 14px;font-size:13px}.interacao.sistema .int-cab{display:none}.int-cab{color:var(--suave);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.int-cab b{color:var(--texto)}.int-texto{white-space:pre-wrap;word-break:break-word}.ficha-grade{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dados{grid-template-columns:110px 1fr;gap:6px 10px;margin:0;display:grid}.dados dt{color:var(--suave)}.dados dd{margin:0}.lista-simples,.lista-escolha{margin:0;padding:0;list-style:none}.lista-simples li{border-bottom:1px solid #f0f1f3;flex-direction:column;padding:6px 0;display:flex}.lista-simples small,.lista-escolha small{color:var(--suave)}.lista-simples.clicavel li{cursor:pointer}.lista-simples.clicavel li:hover{color:var(--azul)}.lista-escolha li{border:1px solid var(--borda);cursor:pointer;background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;padding:8px 10px;display:flex}.lista-escolha li:hover{border-color:var(--destaque)}.lista-escolha li.sel{border-color:var(--destaque);background:#e7f6ee}.lista-escolha li.novo{color:var(--destaque-escuro);border-style:dashed;justify-content:center}.dois-paineis{grid-template-columns:240px 1fr;align-items:start;gap:16px;display:grid}.tax{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tax-col h3{margin-top:0}@media (width<=1100px){.conversa{grid-template-columns:1fr}.conv-lado{display:none}.tax{grid-template-columns:1fr 1fr}}@media (width<=800px){.lateral{width:56px}.lateral a{justify-content:center;font-size:0}.lateral .ico{font-size:18px}.marca-txt,.lateral-pe{display:none}.wa-lista{width:100%}.wa-conversa{display:none}.ficha-grade,.ticket-corpo,.dois-paineis{grid-template-columns:1fr}}@media print{.lateral,.pagina-topo button,.resposta,.ticket-lado{display:none!important}.ticket-corpo{display:block}}.chip.ativo:hover:not(:disabled){color:#fff;background:#2b313a}.vinculo a{color:var(--azul);flex-direction:column;display:flex}.resposta-barra .btn-primario{margin-left:4px}.tag-canal{color:#1a4fb4;background:#e8f0fe}
