:root{--fundo: #FBFAF9;--texto: #181616;--laranja: #C24E00;--laranja-logo: #C25E00;--laranja-claro: #F6E6DA;--laranja-escuro: #8F3A00;--borda: #E6E3DC;--borda-forte: #DAD6CD;--cartao: #FFFFFF;--suave: #EFEDE9;--suave-2: #F5F3F0;--cinza: #5E5654;--cinza-2: #8C847C;--verde: #29572E;--verde-claro: #E3EEE4;--vermelho: #B3261E;--vermelho-claro: #FDF1EF;--ambar: #8A5A00;--ambar-claro: #FBF0D9;--d-fundo: #181616;--d-cartao: #1E1A18;--d-cartao-2: #1A1715;--d-borda: #2A2522;--d-borda-2: #3A332F;--d-texto: #F4F1EC;--d-cinza: #A39B93;--f-titulo: "Clash Display", "Space Grotesk", system-ui, sans-serif;--f-texto: "Cabinet Grotesk", "Schibsted Grotesk", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#raiz{height:100%}body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--f-texto);font-size:14px;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--f-titulo);font-weight:500;letter-spacing:-.01em;margin:0}h1{font-size:28px}h2{font-size:18px}h3{font-size:15px}a{color:var(--laranja)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--laranja);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid var(--texto);background:var(--cartao);color:var(--texto);font-weight:700;cursor:pointer;border-radius:0;white-space:nowrap}.btn:hover{background:var(--suave-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-p{background:var(--laranja);border-color:var(--laranja);color:#fbfaf9}.btn-p:hover{background:var(--laranja-escuro);border-color:var(--laranja-escuro)}.btn-e{background:var(--texto);color:#fbfaf9}.btn-e:hover{background:#000}.btn-v{background:var(--vermelho);border-color:var(--vermelho);color:#fff}.btn-l{border-color:transparent;background:transparent;color:var(--cinza)}.btn-l:hover{background:var(--suave);color:var(--texto)}.btn-s{min-height:34px;padding:6px 12px;font-size:13px}.campo{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--cinza)}.campo input,.campo select,.campo textarea{padding:10px 11px;border:1px solid var(--borda-forte);border-radius:4px;background:var(--cartao);font-size:14px;color:var(--texto)}.campo textarea{resize:vertical;min-height:90px;line-height:1.45}.check{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.4;cursor:pointer}.check input{margin-top:2px;accent-color:var(--laranja);width:16px;height:16px;flex:none}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:4px}.cartao-cab{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--borda)}.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpi{background:var(--cartao);border:1px solid var(--borda);border-top:3px solid var(--laranja);border-radius:4px;padding:14px 16px}.kpi-n{font:500 30px var(--f-titulo);margin-top:4px}.kpi-r{font-size:11px;color:var(--cinza);text-transform:uppercase;letter-spacing:.08em}.kpi-s{font-size:12px;color:var(--cinza)}.tabela{width:100%;border-collapse:collapse}.tabela th{text-align:left;font-weight:500;font-size:12px;color:var(--cinza);background:var(--suave-2);padding:10px 14px;text-transform:uppercase;letter-spacing:.05em}.tabela td{padding:11px 14px;border-top:1px solid var(--suave);vertical-align:middle}.tabela tr.clicavel:hover td{background:var(--suave-2);cursor:pointer}.mono{font-family:var(--f-mono)}.selo{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase;background:var(--suave);color:var(--cinza);border-radius:2px}.selo.verde{background:var(--verde-claro);color:var(--verde)}.selo.laranja{background:var(--laranja-claro);color:var(--laranja-escuro)}.selo.vermelho{background:var(--vermelho-claro);color:var(--vermelho)}.selo.ambar{background:var(--ambar-claro);color:var(--ambar)}.vazio{padding:40px 20px;text-align:center;color:var(--cinza)}.erro-msg{background:var(--vermelho-claro);color:var(--vermelho);padding:10px 12px;border-radius:4px;font-size:13px}.ok-msg{background:var(--verde-claro);color:var(--verde);padding:10px 12px;border-radius:4px;font-size:13px}.aviso-msg{background:var(--ambar-claro);color:var(--ambar);padding:10px 12px;border-radius:4px;font-size:13px}.cinza{color:var(--cinza)}.peq{font-size:12px}.linha{display:flex;gap:12px;align-items:center}.coluna{display:flex;flex-direction:column;gap:12px}.grelha2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app{display:flex;flex-direction:column;height:100%}.topo{height:64px;flex:none;display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--cartao);border-bottom:1px solid var(--borda)}.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--texto)}.marca-nome{font:600 19px var(--f-titulo);line-height:1}.marca-sub{font-size:10px;color:var(--cinza);letter-spacing:.14em;text-transform:uppercase}.corpo{flex:1;display:flex;min-height:0}.menu{width:224px;flex:none;background:var(--cartao);border-right:1px solid var(--borda);padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.menu a{padding:10px 12px;color:var(--texto);text-decoration:none;border-left:3px solid transparent;display:flex;justify-content:space-between;align-items:center}.menu a:hover{background:var(--suave-2)}.menu a.ativo{background:var(--laranja-claro);border-left-color:var(--laranja);font-weight:800}.menu .contador{background:var(--laranja);color:#fff;font-size:11px;font-weight:800;padding:1px 7px;border-radius:10px}.pagina{flex:1;min-width:0;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:18px}.pag-cab{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.pag-cab>div:first-child{flex:1;min-width:260px}.pag-cab p{margin:4px 0 0;color:var(--cinza);max-width:820px}.travao{padding:10px 16px;border:0;background:var(--vermelho);color:#fff;font-weight:800;letter-spacing:.06em;text-transform:uppercase;min-height:42px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.travao.ligado{background:var(--verde)}.faixa-travao{background:var(--vermelho);color:#fff;padding:8px 20px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.avatar{width:32px;height:32px;border-radius:16px;background:var(--texto);color:#fbfaf9;display:flex;align-items:center;justify-content:center;font:600 12px var(--f-titulo);flex:none}.modal-fundo{position:fixed;top:0;right:0;bottom:0;left:0;background:#18161673;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--cartao);width:min(560px,100%);max-height:90vh;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:14px;border-radius:4px}.login{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr}.login-arte{background:var(--d-fundo);color:var(--d-texto);padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-forma{display:flex;align-items:center;justify-content:center;padding:32px}.login-forma form{width:min(380px,100%);display:flex;flex-direction:column;gap:14px}.centro{background:var(--d-fundo);color:var(--d-texto);min-height:100%;display:flex;flex-direction:column}.centro .rotulo{font:600 13px var(--f-titulo);letter-spacing:.08em;text-transform:uppercase;color:var(--d-cinza)}.c-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--d-borda)}.c-kpi{padding:14px 22px;border-right:1px solid var(--d-borda)}.c-kpi .n{font:600 32px var(--f-titulo)}.c-grelha{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:0}.c-agentes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.c-agente{background:var(--d-cartao-2);border:1px solid var(--d-borda);padding:14px;display:flex;flex-direction:column;gap:10px;transition:border-color .3s}.c-agente.ativo{border-color:#5a3a22}.c-av{width:40px;height:40px;border-radius:20px;color:var(--d-fundo);display:flex;align-items:center;justify-content:center;font:700 14px var(--f-titulo);flex:none}.c-estado{font:600 11px var(--f-mono);padding:3px 7px}.c-barra{height:4px;background:var(--d-borda);overflow:hidden}.c-barra>div{height:4px}.c-tel{width:196px;flex:none;background:#050404;border:2px solid;border-radius:26px;padding:10px 8px;display:flex;flex-direction:column;gap:6px}.c-ecra{flex:1;background:#0f1a14;border-radius:14px;padding:8px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;overflow:hidden;min-height:220px}.c-bolha{max-width:88%;padding:6px 8px;border-radius:10px;color:var(--d-texto);font-size:11px;line-height:1.35;animation:bolha .4s ease-out}.c-feed{display:flex;gap:10px;padding:10px;background:var(--d-cartao);border:1px solid var(--d-borda)}.c-feed.novo{animation:entra .45s ease-out}.c-painel{background:var(--d-cartao-2);border:1px solid var(--d-borda);padding:12px 14px}.centro a{color:#ff8a3d}.c-nav a{padding:8px 10px;color:#e6e1da;text-decoration:none;font-size:13px}.c-nav a:hover{color:#fff;background:var(--d-cartao)}@keyframes pulso{0%{box-shadow:0 0 #ff7a1a8c}70%{box-shadow:0 0 0 14px #ff7a1a00}to{box-shadow:0 0 #ff7a1a00}}@keyframes pulsoVerde{0%{box-shadow:0 0 #4dc87880}70%{box-shadow:0 0 0 10px #4dc87800}to{box-shadow:0 0 #4dc87800}}@keyframes ponto{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes entra{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes bolha{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@keyframes fluxo{0%{transform:translate(-30px);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(260px);opacity:0}}@keyframes varre{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes barra{0%{width:8%}to{width:92%}}@keyframes mapa{0%{transform:scale(.6);opacity:.55}to{transform:scale(2.4);opacity:0}}.a-pulso{animation:pulso 1.8s infinite}.a-vivo{animation:pulsoVerde 2s infinite}.a-p1{animation:ponto 1.2s infinite}.a-p2{animation:ponto 1.2s .2s infinite}.a-p3{animation:ponto 1.2s .4s infinite}.a-radar{animation:varre 4s linear infinite}.a-barra{animation:barra 6s ease-in-out infinite alternate}.a-mapa{animation:mapa 1.6s ease-out infinite}.pontos{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.pontos span{width:5px;height:5px;border-radius:3px;background:#ff8a3d;display:inline-block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.conv{display:grid;grid-template-columns:340px minmax(0,1fr) 300px;height:100%;min-height:0}.conv-lista{border-right:1px solid var(--borda);overflow-y:auto;background:var(--cartao)}.conv-item{padding:12px 14px;border-bottom:1px solid var(--suave);cursor:pointer;display:flex;flex-direction:column;gap:4px}.conv-item:hover{background:var(--suave-2)}.conv-item.ativo{background:var(--laranja-claro)}.conv-fio{display:flex;flex-direction:column;min-height:0}.conv-msgs{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:8px;background:var(--suave-2)}.msg{max-width:70%;padding:9px 12px;border-radius:8px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.msg.contacto{align-self:flex-start;background:var(--cartao);border:1px solid var(--borda)}.msg.agente{align-self:flex-end;background:#e7f1e8}.msg.equipa{align-self:flex-end;background:var(--laranja-claro)}.msg .quem{font-size:11px;color:var(--cinza);margin-top:4px}.conv-lado{border-left:1px solid var(--borda);background:var(--cartao);padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}@media (max-width: 1100px){.menu{width:180px}.conv{grid-template-columns:280px minmax(0,1fr)}.conv-lado{display:none}.c-grelha{grid-template-columns:1fr}.c-agentes{grid-template-columns:repeat(2,minmax(0,1fr))}.c-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.login{grid-template-columns:1fr}.login-arte{display:none}}@media (max-width: 760px){.menu{display:none}.pagina{padding:16px}.conv,.grelha2{grid-template-columns:1fr}}