:root{--bg:#ffffff;--surface:#ffffff;--surface-2:#faf8fd;--surface-3:#f4f1fa;--line:#e6e1f0;--line-strong:#d8d1e8;--text:#1b1230;--text-2:#3d3355;--text-3:#6b6280;--text-4:#8f88a3;--accent:#6d28d9;--accent-hi:#7c3aed;--accent-soft:#f0e9fd;--ok:#0b7a54;--ok-soft:#e6f6ef;--warn:#a35a06;--warn-soft:#fdf1e3;--stop:#c81e58;--stop-soft:#fdeaf1;--font-display:"Archivo","Segoe UI",Helvetica,Arial,sans-serif;--font-body:"IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif;--font-mono:"IBM Plex Mono","Consolas",monospace;--shadow:0 1px 2px rgba(27,18,48,.05), 0 8px 24px -16px rgba(27,18,48,.18)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.25}a{color:var(--accent)}code,.mono{font-family:var(--font-mono)}.carregando{padding:40px;text-align:center;color:var(--text-4)}.apagado{color:var(--text-4);font-size:12px}.espaco{flex:1}.topbar{background:var(--surface);border-bottom:1px solid var(--line);padding:10px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;position:sticky;top:0;z-index:30}.brandmark{height:26px;width:auto;display:block}.context{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-4);border-left:1px solid var(--line-strong);padding-left:16px;white-space:nowrap}.topbar .spacer{flex:1}.who{font-size:12px;color:var(--text-3)}.live{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-3);background:var(--surface-3);padding:4px 11px;border-radius:20px}.dot{width:8px;height:8px;border-radius:2px;transform:rotate(45deg);display:inline-block;background:var(--stop)}.dot.on{background:var(--ok)}.tabs{display:flex;gap:2px;padding:0 20px;background:var(--bg);border-bottom:1px solid var(--line);flex-shrink:0}.tabs.internas{margin-bottom:16px;padding:0}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:11px 14px;font-size:13.5px;font-family:var(--font-body);color:var(--text-3);cursor:pointer;white-space:nowrap}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:8px 15px;font-size:13.5px;font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:var(--surface);color:var(--text-2);border:1px solid var(--line-strong);font-weight:500}.btn.ghost:hover{background:var(--surface-3);color:var(--accent)}.btn.sm{padding:5px 11px;font-size:12.5px}.btn.cheio{width:100%;padding:12px;font-size:14.5px;margin-top:24px}input,select,textarea{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;color:var(--text);padding:9px 12px;font-size:13.5px;font-family:var(--font-body)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}label{display:block;font-size:12px;color:var(--text-3);margin-bottom:5px}.campo{margin-bottom:13px}.dupla{display:flex;gap:10px}.dupla .campo{flex:1}.linha-botoes{display:flex;gap:9px;align-items:center;margin-top:10px;flex-wrap:wrap}.eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-4);display:block;margin-bottom:8px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-marca{background:linear-gradient(160deg,#2a1055,#1b1230 55%,#150e26);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between}.selo-marca{background:#fff;border-radius:12px;padding:12px 18px;display:inline-block;align-self:flex-start;box-shadow:0 8px 28px -14px #00000080}.selo-marca img{height:30px;width:auto;display:block}.login-marca h1{font-size:clamp(28px,3.2vw,40px);color:#fff;margin-bottom:16px;text-wrap:balance}.login-marca h1 em{font-style:normal;color:#c4a7f7}.login-marca p{color:#cdc4e2;font-size:15px;max-width:44ch}.login-itens{list-style:none;margin-top:30px;display:flex;flex-direction:column;gap:13px}.login-itens li{font-size:14px;color:#e6e0f5;padding-left:20px;position:relative}.login-itens li:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:2px;transform:rotate(45deg);background:#a78bfa}.login-marca footer{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#8f83ad}.login-form{display:flex;align-items:center;justify-content:center;padding:40px 32px}.login-form form{width:100%;max-width:352px}.login-form h2{font-size:26px;margin-bottom:6px}.login-form .sub{color:var(--text-3);font-size:14px;margin-bottom:26px}.erro,.msg-erro{margin-top:16px;background:var(--stop-soft);border:1px solid #f3c9d9;color:#8f1039;font-size:13px;padding:11px 13px;border-radius:9px;line-height:1.5}.msg-ok{margin-top:12px;color:var(--ok);font-size:13px}.rodape{margin-top:22px;font-size:12px;color:var(--text-4);text-align:center}@media (max-width:880px){.login{grid-template-columns:1fr}.login-marca{display:none}}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.conteudo{display:flex;flex:1;overflow:hidden}.conteudo-largo{padding:20px;max-width:1500px;margin:0 auto;width:100%;overflow-y:auto;background:var(--surface-2);flex:1}.aviso{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--warn-soft);border-bottom:1px solid #f0d9b5;color:#7c4405;padding:9px 18px;font-size:13.5px;flex-shrink:0}.aviso .fechar{background:transparent;border:0;color:#7c4405;cursor:pointer;font-size:16px;margin-left:auto;opacity:.6}.lateral{width:392px;min-width:392px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column}.buscar{padding:12px 14px 8px}.chips{display:flex;gap:6px;padding:0 14px 10px;flex-wrap:wrap}.chip{font-size:11.5px;padding:4px 11px;border-radius:20px;background:var(--surface-3);color:var(--text-3);cursor:pointer;border:1px solid transparent;white-space:nowrap}.chip:hover{color:var(--accent)}.chip.sel{background:var(--accent-soft);color:var(--accent);border-color:#ddd0f7;font-weight:600}.filas{display:flex;gap:3px;padding:0 12px;border-bottom:1px solid var(--line);flex-shrink:0}.filas button{background:transparent;border:0;border-bottom:2px solid transparent;padding:9px 11px;font-size:13px;color:var(--text-3);cursor:pointer;font-family:var(--font-body);white-space:nowrap}.filas button.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.filas .cnt{font-size:11px;background:var(--surface-3);border-radius:10px;padding:0 6px;margin-left:5px}.filas button.on .cnt{background:var(--accent-soft);color:var(--accent)}.lista{flex:1;overflow-y:auto}.lista.vazia{display:flex;align-items:center;justify-content:center;color:var(--text-4);font-size:13.5px;padding:30px}.linha{display:flex;gap:12px;padding:11px 14px;cursor:pointer;border-bottom:1px solid var(--line);align-items:center}.linha:hover{background:var(--surface-2)}.linha.sel{background:var(--surface-3);box-shadow:inset 3px 0 0 var(--accent)}.linha.naolido .nome{font-weight:700}.av{width:42px;height:42px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;font-family:var(--font-display)}.linha .meio{flex:1;min-width:0}.cima{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.nome{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hora{font-size:11px;color:var(--text-4);flex-shrink:0;font-family:var(--font-mono)}.baixo{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:2px}.previa{font-size:13px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enviado{color:var(--text-4)}.bolinha{width:9px;height:9px;border-radius:50%;background:var(--stop);flex-shrink:0}.tag{font-size:9.5px;padding:1px 6px;border-radius:5px;background:var(--accent-soft);color:var(--accent);margin-left:6px;font-weight:600}.tag.g{background:var(--warn-soft);color:var(--warn)}.dono{font-size:11px;margin-top:3px}.stat{font-size:10px;padding:1px 7px;border-radius:10px;font-weight:600}.stat.novo{background:var(--warn-soft);color:var(--warn)}.stat.meu{background:var(--ok-soft);color:var(--ok)}.stat.outro{background:var(--surface-3);color:var(--text-3)}.stat.fim{background:var(--surface-3);color:var(--text-4)}.thread{flex:1;display:flex;flex-direction:column;background:#fbfafd;overflow:hidden}.thread.vazia{align-items:center;justify-content:center;color:var(--text-4);text-align:center}.thread.vazia span{font-size:12.5px}.cabeca{background:var(--surface);border-bottom:1px solid var(--line);padding:11px 18px;display:flex;align-items:center;gap:13px;flex-shrink:0}.cabeca .quem{flex:1}.cabeca .nome{font-size:15.5px;font-weight:600;font-family:var(--font-display)}.cabeca .sub{font-size:11.5px;color:var(--text-4);font-family:var(--font-mono)}.acoes{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.mensagens{flex:1;overflow-y:auto;padding:20px 7%;display:flex;flex-direction:column;gap:4px}.dia{align-self:center;background:var(--surface);border:1px solid var(--line);color:var(--text-4);font-size:11px;padding:4px 13px;border-radius:20px;margin:16px 0 10px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.bolha{max-width:min(66%,660px);padding:9px 13px 7px;border-radius:14px;line-height:1.45;font-size:14.5px;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px 2px #1b12300f;margin-bottom:3px}.bolha.in{background:var(--surface);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px;margin-right:auto;width:fit-content}.bolha.out{background:#f3eefc;border:1px solid #e7dcfa;align-self:flex-end;border-bottom-right-radius:4px;margin-left:auto;width:fit-content}.bolha.enviando{opacity:.6}.bolha.falhou{outline:1.5px solid var(--stop)}.autor{font-size:12px;font-weight:700;margin-bottom:3px;color:var(--accent);font-family:var(--font-display)}.bolha .hora{font-size:10.5px;opacity:.62;float:right;margin:7px 0 0 12px}.bolha img{max-width:330px;border-radius:10px;display:block;margin:3px 0 5px}.bolha audio{width:290px;margin:4px 0}.bolha code{background:#6d28d917;padding:1px 5px;border-radius:5px;font-size:13px}.arquivo{display:inline-flex;gap:8px;align-items:center;background:#6d28d914;padding:8px 11px;border-radius:8px;margin:3px 0;font-size:13px;text-decoration:none}.mais{align-self:center;margin:8px 0 12px}.composer{background:var(--surface);border-top:1px solid var(--line);padding:12px 16px;display:flex;gap:11px;align-items:flex-end;flex-shrink:0}.composer textarea{flex:1;border-radius:22px;padding:11px 17px;font-size:14.5px;resize:none;max-height:140px;line-height:1.45}.composer .por{font-size:11px;color:var(--text-4);padding-bottom:14px;white-space:nowrap;font-family:var(--font-mono)}.composer .enviar{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;border:0;font-size:17px;cursor:pointer;flex-shrink:0}.painel-contato{width:308px;min-width:308px;background:var(--surface);border-left:1px solid var(--line);overflow-y:auto;padding:18px}.painel-contato h3{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-4);margin:18px 0 8px;font-weight:500}.painel-contato h3:first-child{margin-top:0}.link-externo{display:block;font-size:12.5px;margin-top:6px}.etiqueta{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:3px 10px;border-radius:20px;margin:2px 5px 2px 0;color:#fff;font-weight:600}.etiqueta button{background:transparent;border:0;color:inherit;cursor:pointer;opacity:.75;font-size:13px;padding:0}.ticket{display:block;font-size:12.5px;color:var(--accent);margin-top:6px;text-decoration:none}.painel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.painel h2{font-size:17px;margin-bottom:4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dica{font-size:13.5px;color:var(--text-3);margin-bottom:16px;max-width:70ch}.ferramentas{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.ferramentas input,.ferramentas select{width:auto;min-width:200px}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-4);padding:9px 10px;border-bottom:1px solid var(--line-strong);font-weight:500;background:var(--surface);position:sticky;top:0}td{padding:11px 10px;border-bottom:1px solid var(--line);color:var(--text-2)}td b{color:var(--text)}tbody tr:hover td{background:var(--surface-2)}.num{font-variant-numeric:tabular-nums;text-align:right}.rolagem{max-height:560px;overflow-y:auto}.pill{display:inline-block;font-size:11.5px;padding:2px 10px;border-radius:20px;background:var(--surface-3);color:var(--text-3);white-space:nowrap;margin:1px 3px 1px 0}.pill.accent{background:var(--accent-soft);color:var(--accent)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.stop{background:var(--stop-soft);color:var(--stop)}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(214px,1fr));gap:14px;margin-bottom:18px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.kpi .rotulo{font-size:12px;color:var(--text-3);margin-bottom:8px}.kpi .valor{font-family:var(--font-display);font-size:29px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.kpi .sub{font-size:12px;color:var(--text-4);margin-top:7px}.kpi.ruim .valor{color:var(--stop)}.colunas{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.barras{display:flex;flex-direction:column;gap:7px}.barra{display:grid;grid-template-columns:148px 1fr 84px;gap:12px;align-items:center;font-size:13px}.barra .trilho{background:var(--surface-3);border-radius:6px;height:18px;overflow:hidden}.barra .preenche{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hi));border-radius:6px}.barra .valor{text-align:right;color:var(--text-3);font-variant-numeric:tabular-nums}.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.cartao{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:17px}.cartao h3{font-size:15.5px;display:flex;align-items:center;gap:9px;margin-bottom:4px}.cartao .meta{font-family:var(--font-mono);font-size:11.5px;color:var(--text-4);margin-bottom:12px;word-break:break-all}.losango{width:9px;height:9px;border-radius:2px;transform:rotate(45deg);display:inline-block;background:var(--text-4)}.losango.on{background:var(--ok)}.losango.meio{background:var(--warn)}.losango.off{background:var(--stop)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b12306b;display:flex;align-items:center;justify-content:center;z-index:70;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal .box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;width:100%;max-width:560px;max-height:88vh;overflow:auto;box-shadow:0 24px 64px -24px #1b123066}.modal h3{font-size:18px;margin-bottom:14px}.passos{font-size:13px;color:var(--text-3);line-height:1.7;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 15px;margin-bottom:12px}.passos b{color:var(--text)}.qr-area{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0}.qr-caixa{background:#fff;border:1px solid var(--line);padding:14px;border-radius:14px;line-height:0;box-shadow:var(--shadow)}.qr-caixa img{width:268px;height:268px;display:block}.qr-barra{width:268px;height:4px;background:var(--surface-3);border-radius:3px;overflow:hidden}.qr-barra i{display:block;height:100%;background:var(--accent);transition:width 1s linear}.qr-estado{font-size:13.5px;color:var(--text-3);text-align:center}.ok-grande{font-size:15px;color:var(--ok);font-weight:600;padding:24px 0}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:5px}.faixa-simulacao{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--accent-soft);border-bottom:1px solid #ddd0f7;color:var(--accent);padding:8px 20px;font-size:13.5px;flex-shrink:0}.faixa-simulacao .btn{margin-left:auto}.kpis.compactos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px}.kpis.compactos .valor{font-size:22px}.subtitulo{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-4);margin:18px 0 8px;font-weight:500}