:root{--fundo:#eef3f9;--cartao:#fff;--borda:#dbe3ee;--texto:#14213d;--suave:#55627a;--navy:#0f2447;--navy-2:#1a3563;--azul:#2563eb;--azul-claro:#e0ebff;--verde:#15803d;--verde-claro:#dcfce7;--amarelo:#eab308;--amarelo-txt:#92400e;--amarelo-claro:#fef3c7;--vermelho:#dc2626;--vermelho-claro:#fee2e2;--sombra:0 1px 2px rgba(15,36,71,.06),0 2px 8px rgba(15,36,71,.04);--raio:12px}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--fundo);color:var(--texto)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}a{color:var(--azul)}:focus-visible{outline:3px solid #93b4f5;outline-offset:2px;border-radius:6px}.sr-only{width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pular,.sr-only{position:absolute}.pular{left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:100;border-radius:8px}.pular:focus{left:8px}.muted{color:var(--suave)}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.txt-verde{color:var(--verde)}.txt-vermelho{color:var(--vermelho)}.shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:var(--navy);color:#dbe5f5;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:18px 12px}.marca{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.marca strong{display:block;color:#fff;font-size:15px}.marca small{color:#9fb2d3;font-size:12px}.marca-ic{width:36px;height:36px;border-radius:10px;background:var(--navy-2);display:grid;place-items:center;color:#8fb3ff}.fechar-menu{display:none;margin-left:auto;background:none;border:0;color:#fff;cursor:pointer}nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;color:#c9d6ec;text-decoration:none;font-weight:500}.nav-item:hover{background:var(--navy-2);color:#fff}.nav-item.ativo{background:#fff;color:var(--navy);font-weight:600}.usuario{margin-top:auto;font-size:12px;color:#9fb2d3;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.principal{flex:1 1;min-width:0;display:flex;flex-direction:column}.topo{display:flex;align-items:center;gap:14px;padding:18px 28px 6px;flex-wrap:wrap}.topo-tit{flex:1 1;min-width:180px}.topo h1{font-size:22px;font-weight:700}.topo p{color:var(--suave)}.abrir-menu{display:none;background:var(--cartao);border:1px solid var(--borda);border-radius:9px;padding:8px;cursor:pointer}.conteudo{padding:12px 28px 48px;display:flex;flex-direction:column;gap:16px;outline:none}.overlay{display:none}.card{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:16px 18px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.card-head h2{font-size:15px;font-weight:650}.grid-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.kpi{background:var(--cartao);border-radius:var(--raio);box-shadow:var(--sombra);padding:14px;display:flex;gap:12px;align-items:flex-start;border:1px solid var(--borda);border-left:4px solid var(--azul)}.kpi-ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--azul-claro);color:var(--azul);flex-shrink:0}.kpi-rot{color:var(--suave);font-size:12.5px;font-weight:500}.kpi-val{font-size:22px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.kpi-det{color:var(--suave);font-size:12px}.kpi-verde{border-left-color:var(--verde)}.kpi-verde .kpi-ic{background:var(--verde-claro);color:var(--verde)}.kpi-amarelo{border-left-color:var(--amarelo)}.kpi-amarelo .kpi-ic{background:var(--amarelo-claro);color:var(--amarelo-txt)}.kpi-vermelho{border-left-color:var(--vermelho)}.kpi-vermelho .kpi-ic{background:var(--vermelho-claro);color:var(--vermelho)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;padding:9px 14px;font-weight:600;cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap;min-height:38px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-pri{background:var(--azul);color:#fff}.btn-pri:hover:not(:disabled){background:#1d4fd8}.btn-sec{background:#fff;border-color:var(--borda);color:var(--texto)}.btn-sec:hover:not(:disabled){background:#f4f7fb}.btn-perigo{background:#fff;border-color:#f5c2c2;color:var(--vermelho)}.btn-perigo:hover:not(:disabled){background:var(--vermelho-claro)}.btn-sm{padding:6px 10px;min-height:32px;font-size:13px}.btn-ic{padding:6px;min-width:34px;min-height:34px}.btn-link{background:none;border:0;color:var(--azul);cursor:pointer;font-weight:600;font-size:13px;text-decoration:underline}.girando{display:inline-flex;animation:gira 1s linear infinite}@keyframes gira{to{transform:rotate(1turn)}}.sync{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.sync-info{color:var(--suave);font-size:12px}.barra-filtros{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.campo{display:flex;flex-direction:column;gap:4px;min-width:0}.campo label,.seletor-data label{font-size:12.5px;font-weight:600;color:var(--suave)}.campo input,.campo select,.seletor-data select{border:1px solid var(--borda);background:#fff;border-radius:9px;padding:8px 10px;min-height:38px;width:100%}.campo input:focus,.campo select:focus,.seletor-data select:focus{border-color:var(--azul);outline:3px solid #cfdcfb;outline-offset:0}.campo-inline{min-width:150px}.campo-busca{flex:1 1;min-width:200px;max-width:360px}.seletor-data{display:flex;flex-direction:column;gap:4px}.seletor-linha{display:flex;gap:6px}.seletor-linha select{min-width:220px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:12px;gap:12px}.col-toda{grid-column:1/-1}.acoes-form{display:flex;gap:10px;flex-wrap:wrap}.erros-form,.obrig{color:var(--vermelho)}.erros-form{list-style:none;background:var(--vermelho-claro);border-radius:9px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;font-size:13px}.form-linha{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.form-linha .campo{width:170px}.segmentado{display:inline-flex;background:#fff;border:1px solid var(--borda);border-radius:10px;padding:3px;flex-wrap:wrap}.segmentado button{border:0;background:none;padding:7px 12px;border-radius:8px;cursor:pointer;font-weight:600;color:var(--suave)}.segmentado button.ativo{background:var(--navy);color:#fff}.estado{display:flex;align-items:center;gap:10px;color:var(--suave);padding:24px;justify-content:center}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--borda);border-top-color:var(--azul);animation:gira .8s linear infinite}.vazio{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;text-align:center;color:var(--suave)}.vazio strong{color:var(--texto)}.alerta{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;flex-wrap:wrap}.alerta-erro{background:var(--vermelho-claro);color:#7f1d1d;border:1px solid #fecaca}.toast{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;box-shadow:0 8px 24px rgba(15,36,71,.18);max-width:min(440px,calc(100vw - 32px));background:#fff;border:1px solid var(--borda)}.toast-ok{border-left:4px solid var(--verde)}.toast-ok svg:first-child{color:var(--verde)}.toast-erro{border-left:4px solid var(--vermelho)}.toast-erro svg:first-child{color:var(--vermelho)}.toast-x{background:none;border:0;cursor:pointer;color:var(--suave);margin-left:auto}.carta{flex-direction:column}.carta,.carta-topo{display:flex;gap:10px}.carta-topo{justify-content:space-between;align-items:center;flex-wrap:wrap}.carta-rot{color:var(--suave);font-size:12.5px;font-weight:600}.carta-pct{font-size:30px;font-weight:750;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.selo{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-weight:650;font-size:13px}.selo-verde{background:var(--verde-claro);color:var(--verde)}.selo-amarelo{background:var(--amarelo-claro);color:var(--amarelo-txt)}.selo-vermelho{background:var(--vermelho-claro);color:#b91c1c}.selo-neutro{background:#eef1f5;color:var(--suave)}.carta-barra{position:relative}.barra{height:12px;background:#edf1f6;overflow:hidden}.barra,.barra-fill{border-radius:999px}.barra-fill{height:100%;transition:width .4s}.marco{position:absolute;top:-3px;width:2px;height:18px;background:var(--navy);opacity:.45}.carta-legenda{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--suave)}.carta-legenda i,.sxp-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.bg-verde{background:var(--verde)}.bg-amarelo{background:var(--amarelo)}.bg-vermelho{background:var(--vermelho)}.bg-vermelho-claro{background:#f87171}.bg-azul{background:var(--azul)}.bg-cinza{background:#cbd5e1}.parametros{margin-top:16px;border-top:1px solid var(--borda);padding-top:14px;display:flex;flex-direction:column;gap:10px}.gestores h3{font-size:13px;margin-bottom:6px}.gestores ul{list-style:none;margin-bottom:8px;gap:2px}.gestores ul,.sxp{display:flex;flex-direction:column}.sxp{gap:14px;align-items:flex-start}.sxp-barra{display:flex;gap:2px;width:100%;height:28px;border-radius:8px;overflow:hidden}.sxp-leg{display:flex;gap:16px;flex-wrap:wrap}.tabela-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabela{width:100%;border-collapse:collapse;font-size:13px}.tabela th{text-align:left;font-size:12px;color:var(--suave);font-weight:650;padding:8px 10px;border-bottom:1px solid var(--borda);white-space:nowrap;background:#f8fafd}.tabela td{padding:9px 10px;border-bottom:1px solid #edf1f6;vertical-align:top}.tabela tr:hover td{background:#fafcff}.linha-sel td{background:var(--azul-claro)!important}.acoes{white-space:nowrap;display:flex;gap:6px}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:650}.tag-historico{background:#eef1f5;color:#475569}.tag-observado{background:var(--amarelo-claro);color:var(--amarelo-txt)}.tag-manual{background:var(--azul-claro);color:var(--azul)}.tag-entregue{background:var(--verde-claro);color:var(--verde);margin-left:6px}.paginacao{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:12px}.nota{margin-bottom:12px;font-size:13px}.lista-nfs{list-style:none;display:flex;flex-direction:column;gap:8px}.nf-item{background:#fff;border-radius:var(--raio);box-shadow:var(--sombra);border:1px solid var(--borda);border-left:4px solid #f87171}.nf-item.feita{border-left-color:var(--verde);background:#fbfefc}.nf-linha{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-gap:14px;gap:14px;align-items:center;padding:12px 14px}.check input{width:22px;height:22px;accent-color:var(--verde);cursor:pointer}.nf-tit{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.nf-loja{font-weight:550}.nf-meta{font-size:12.5px}.nf-campos{display:flex;gap:8px}.nf-campos .campo{width:140px}.campo-caixas{width:96px!important}.chev{display:inline-flex;transition:transform .15s}.chev.aberto{transform:rotate(90deg)}.rotas-nf{border-top:1px dashed var(--borda);padding:10px 14px 12px 50px;display:flex;flex-direction:column;gap:6px}.rota-item{display:flex;gap:10px;align-items:center;flex-wrap:wrap;cursor:pointer}.rota-item input{width:18px;height:18px;accent-color:var(--verde)}.rota-item.feita strong{color:var(--verde)}.grafico,.grafico-scroll{position:relative}.grafico-scroll{overflow-x:auto}.grafico svg{display:block}.grafico .grid{stroke:#e8edf4;stroke-width:1}.grafico .base{stroke:#b8c3d4;stroke-width:1}.grafico .cross{stroke:#94a3b8;stroke-dasharray:3 3}.grafico .eixo{fill:var(--suave);font-size:11px}.grafico g[tabindex]:focus{outline:none}.grafico-vazio{color:var(--suave);padding:24px;text-align:center}.legenda{list-style:none;display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--texto);margin-bottom:6px}.leg-cor{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.tooltip{position:absolute;top:8px;background:#fff;border:1px solid var(--borda);box-shadow:0 6px 18px rgba(15,36,71,.14);border-radius:9px;padding:8px 10px;font-size:12.5px;pointer-events:none;min-width:130px;z-index:5}.tooltip strong{display:block;margin-bottom:3px}.tabela-grafico{margin-top:6px;font-size:12.5px}.tabela-grafico summary{cursor:pointer;color:var(--azul);font-weight:600}.tabela-grafico table{border-collapse:collapse;margin-top:6px}.tabela-grafico td,.tabela-grafico th{padding:4px 10px;border-bottom:1px solid #edf1f6;text-align:left}.turnos-total{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:13px;color:var(--suave)}@media (max-width:1100px){.grid-2{grid-template-columns:minmax(0,1fr)}.nf-linha{grid-template-columns:auto minmax(0,1fr)}.nf-campos,.nf-exp{grid-column:2}.nf-exp{justify-self:start}}@media (max-width:820px){.sidebar{position:fixed;left:0;top:0;z-index:50;transform:translateX(-100%);transition:transform .2s;box-shadow:4px 0 24px rgba(0,0,0,.25)}.sidebar.aberta{transform:none}.abrir-menu,.fechar-menu{display:inline-flex}.overlay{display:block;position:fixed;inset:0;background:rgba(10,20,40,.4);z-index:40}.topo{padding:14px 16px 4px}.conteudo{padding:10px 16px 40px}.topo-acoes{width:100%}.sync{align-items:stretch}.grid-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:12px}.kpi-val{font-size:19px}.seletor-linha select{min-width:0;flex:1 1}.campo-busca,.seletor-data{width:100%;max-width:none}.nf-campos .campo{width:150px}.rotas-nf{padding-left:14px}}