:root{--fundo: #0d0f13;--cartao: #161a21;--cartao2: #1c212a;--texto: #e8eaee;--suave: #a3abb8;--linha: #2a2f3a;--verde: #22c55e;--amarelo: #eab308;--vermelho: #ef4444;--cinza: #6b7280;--destaque: #22d3ee;--destaque-claro: rgba(34,211,238,.14);--raio: 16px}*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto);font-size:16px;font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif}.app{display:flex;min-height:100vh}.lateral{width:250px;flex-shrink:0;background:#11141a;border-right:1px solid var(--linha);padding:22px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px}.lateral .marca{display:flex;gap:12px;align-items:center;padding:0 8px 14px}.lateral .marca .icone{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--destaque);color:#0d0f13;flex-shrink:0}.lateral .marca h1{margin:0;font-size:20px;line-height:1.15}.lateral .marca .cidade{color:var(--suave);font-size:15px}.lateral .estado-no{margin:0 4px 16px;padding:12px;border-radius:13px;background:var(--cartao);border:1px solid var(--linha);display:flex;flex-direction:column;gap:8px}.lateral nav button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:none;background:transparent;color:var(--suave);font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;text-align:left}.lateral nav button:hover{background:var(--cartao);color:var(--texto)}.lateral nav button.activo{background:var(--destaque-claro);color:var(--destaque)}.lateral .rodape{margin-top:auto;color:var(--cinza);font-size:13px;padding:0 8px}.conteudo{flex:1;min-width:0}.topo{height:56px;display:flex;align-items:center;padding:0 26px;border-bottom:1px solid var(--linha);color:var(--suave);font-size:15px;gap:8px;background:#0f1217;position:sticky;top:0;z-index:10}.topo b{color:var(--texto)}main{padding:22px 26px 50px;max-width:1600px}.faixa-erro{display:flex;align-items:center;gap:10px;margin:16px 26px 0;padding:14px 18px;border-radius:12px;background:#ef444426;border:1px solid rgba(239,68,68,.5);color:#fecaca;font-weight:700;font-size:17px}.pastilha{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:var(--cartao2);border:1px solid var(--linha);font-size:14px;font-weight:600;white-space:nowrap}.pastilha .ponto{width:9px;height:9px;border-radius:50%;background:var(--verde);box-shadow:0 0 8px var(--verde)}.pastilha.aviso .ponto{background:var(--amarelo);box-shadow:0 0 8px var(--amarelo)}.pastilha.falha{background:#ef44441f;border-color:#ef444473;color:#fecaca}.pastilha.falha .ponto{background:var(--vermelho);box-shadow:0 0 8px var(--vermelho)}.pastilha small{font-weight:500;color:var(--suave)}.resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}@media (min-width: 1700px){.resumo{grid-template-columns:repeat(6,1fr)}}.kpi{background:var(--cartao);border-radius:var(--raio);padding:16px;display:flex;align-items:center;gap:12px;border:1px solid var(--linha)}.kpi .icone{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.kpi>div:last-child{min-width:0}.kpi .valor{font-size:30px;font-weight:800;line-height:1;white-space:nowrap}.kpi .valor small{font-size:14px;font-weight:700;color:var(--suave);margin-left:5px}.kpi .rotulo{color:var(--suave);font-size:15px;margin-top:6px}.kpi .nota{color:var(--destaque);font-size:13px;font-weight:600;margin-top:4px}.grelha{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.grelha-2{display:grid;gap:16px;grid-template-columns:1.3fr 1fr}@media (max-width: 1250px){.grelha-2{grid-template-columns:1fr}}.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);padding:18px 20px;margin-bottom:16px}.cartao h2{display:flex;align-items:center;gap:9px;font-size:18px;margin:0 0 14px}.cartao h2 .extra{margin-left:auto;font-weight:500;font-size:14px;color:var(--suave)}.cartao h3{font-size:16px;margin:14px 0 8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--linha);vertical-align:middle}th{font-size:13px;text-transform:uppercase;color:var(--suave);letter-spacing:.5px;font-weight:700}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.mono b,td.num b{white-space:nowrap}tr.destaque td{background:#eab30814}.etiqueta{display:inline-block;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;background:var(--cartao2);color:var(--texto);border:1px solid var(--linha)}.etiqueta.NORMAL,.etiqueta.ENTREGUE,.etiqueta.COMMIT,.etiqueta.SIM,.etiqueta.VIVO,.etiqueta.PRIMARIO,.etiqueta.LIVRE{background:#22c55e26;color:#86efac;border-color:#22c55e66}.etiqueta.AVISO,.etiqueta.PENDENTE_ENVIO,.etiqueta.PEDINDO,.etiqueta.REPLICA,.etiqueta.LENTO{background:#eab30826;color:#fde047;border-color:#eab30866}.etiqueta.CRITICO,.etiqueta.RUPTURA,.etiqueta.ABORT,.etiqueta.NAO,.etiqueta.SEM_RESPOSTA,.etiqueta.MORTO,.etiqueta.EM_BAIXO,.etiqueta.ERRO{background:#ef444426;color:#fca5a5;border-color:#ef444473}.etiqueta.ENVIADA,.etiqueta.DENTRO,.etiqueta.EU{background:var(--destaque-claro);color:var(--destaque);border-color:var(--destaque)}.linha{display:flex;flex-wrap:wrap;gap:12px;align-items:end}label{display:flex;flex-direction:column;font-size:14px;color:var(--suave);gap:5px;font-weight:600}input,select{font-size:16px;padding:10px 12px;border:1px solid var(--linha);border-radius:10px;background:var(--cartao2);color:var(--texto)}button.botao{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700;padding:10px 16px;border-radius:11px;cursor:pointer;border:1px solid var(--destaque);background:var(--destaque);color:#0d0f13}button.botao.secundario{background:transparent;color:var(--destaque)}button.botao.perigo{background:var(--vermelho);border-color:var(--vermelho);color:#fff}button.botao.grande{font-size:17px;padding:12px 20px}button.botao:disabled{opacity:.5;cursor:default}.mensagem{margin-top:12px;padding:12px 14px;border-radius:11px;font-size:16px}.mensagem.sucesso{background:#22c55e1f;color:#bbf7d0;border:1px solid rgba(34,197,94,.4)}.mensagem.erro{background:#ef44441f;color:#fecaca;border:1px solid rgba(239,68,68,.45)}.eventos{font-family:Cascadia Mono,Consolas,monospace;font-size:14px;max-height:240px;overflow:auto;color:#cbd2dc;background:#0f1217;border:1px solid var(--linha);border-radius:11px;padding:10px 12px;margin:0;white-space:pre-wrap}.suave{color:var(--suave);font-size:15px}.mono{font-family:Cascadia Mono,Consolas,monospace;font-size:15px}a{color:var(--destaque);font-weight:700}.notificacoes{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;flex-direction:column;gap:10px;width:390px}.notificacao{display:flex;gap:10px;align-items:flex-start;background:#1c212a;color:var(--texto);border-radius:12px;padding:13px 15px;box-shadow:0 10px 30px #00000080;font-size:15px;border:1px solid var(--linha);border-left:5px solid var(--destaque);animation:entra .25s ease-out}.notificacao.alerta{border-left-color:var(--vermelho)}.notificacao.sucesso{border-left-color:var(--verde)}.notificacao.aviso{border-left-color:var(--amarelo)}.notificacao small{display:block;color:var(--suave);margin-top:3px}@keyframes entra{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.tx{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--linha)}.tx:last-child{border-bottom:none}.tx .quando{color:var(--suave);font-size:14px}.tx .fluxo{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.passo{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:10px;font-size:14px;font-weight:700;background:var(--cartao2);border:1px solid var(--linha)}.passo.sim{background:#22c55e21;border-color:#22c55e73;color:#86efac}.passo.nao{background:#ef444421;border-color:#ef444473;color:#fca5a5}.passo.commit{background:var(--verde);color:#0d0f13;border-color:var(--verde)}.passo.abort{background:var(--vermelho);color:#fff;border-color:var(--vermelho)}.passo.pendente{background:#eab30821;border-color:#eab30873;color:#fde047}.seta{color:var(--cinza)}.recurso{padding:12px 0;border-bottom:1px solid var(--linha)}.recurso:last-child{border-bottom:none}.recurso .nome{font-family:Consolas,monospace;font-weight:700;margin-bottom:10px}.nos-ra{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.no-ra{border-radius:13px;padding:12px 14px;border:2px solid var(--linha);background:var(--cartao2);min-height:80px}.no-ra .cab{display:flex;align-items:center;gap:7px;font-weight:800}.no-ra .det{font-size:14px;color:var(--suave);margin-top:5px}.no-ra.DENTRO{border-color:var(--verde);background:#22c55e1a}.no-ra.PEDINDO{border-color:var(--amarelo);background:#eab3081a}.no-ra.MORTO{border-color:#ef444480;background:#ef44441a;color:#fecaca}.lateral nav .contador{margin-left:auto;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--vermelho);color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center}.pedidos{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.pedido{background:var(--cartao2);border:1px solid var(--linha);border-left:4px solid var(--destaque);border-radius:14px;padding:14px 16px;animation:entra .25s ease-out}.pedido-cab{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pedido-total{font-size:24px;font-weight:800;white-space:nowrap}.pedido-cliente{margin:10px 0 6px;font-size:17px}table.compacta td{padding:6px 4px;font-size:15px}.recusa{margin-top:12px;padding-top:12px;border-top:1px dashed var(--linha)}.chip{border:1px solid var(--linha);background:transparent;color:var(--suave);border-radius:999px;padding:6px 11px;font-size:13px;cursor:pointer}.chip.activo,.chip:hover{border-color:var(--vermelho);color:#fca5a5}button.botao.autorizar{background:var(--verde);border-color:var(--verde);color:#0d0f13}button.botao.recusar{color:#fca5a5;border-color:#ef444499}.etiqueta.AUTORIZADO{background:#22c55e26;color:#86efac;border-color:#22c55e66}.etiqueta.PENDENTE{background:#eab30826;color:#fde047;border-color:#eab30866}.etiqueta.RECUSADO{background:#ef444426;color:#fca5a5;border-color:#ef444473}