:root{--fundo: #071c30;--superficie: #0c2740;--superficie-alta: #123152;--superficie-topo: #1a3f66;--borda: #1c3b5c;--borda-forte: #2a5480;--texto: #eaf2f8;--texto-suave: #9db3c9;--texto-fraco: #6c88a4;--acento-inicio: #0fb5a6;--acento-fim: #4ade80;--acento: #2ecb93;--acento-forte: #55e6ac;--acento-fundo: #2ecb931f;--ok: #2ecb93;--atencao: #f5b74e;--erro: #ff6b6b;--neutro: #5d7d9c;--info: #6bb6ff;--raio: 10px;--raio-g: 14px;--sombra: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .28);--sombra-suave: 0 1px 2px rgb(0 0 0 / .3);--fonte: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;--transicao: .14s cubic-bezier(.2, 0, .2, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#raiz{height:100%}body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--fonte);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--acento);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}.aplicacao{display:grid;grid-template-columns:232px 1fr;height:100%}.lateral{display:flex;flex-direction:column;gap:4px;padding:18px 12px;background:var(--superficie);border-right:1px solid var(--borda);min-width:0}.marca{display:flex;align-items:center;gap:10px;padding:4px 8px 18px}.marca-simbolo{width:26px;height:26px;flex:none}.marca-nome{font-size:17px;font-weight:680;letter-spacing:-.03em}.marca-nome span{background:linear-gradient(120deg,var(--acento-inicio),var(--acento-fim));-webkit-background-clip:text;background-clip:text;color:transparent}.navegacao{display:flex;flex-direction:column;gap:2px}.navegacao a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--raio);color:var(--texto-suave);text-decoration:none;transition:background var(--transicao),color var(--transicao)}.navegacao a:hover{background:var(--superficie-alta);color:var(--texto)}.navegacao a[aria-current=page]{background:var(--acento-fundo);color:var(--acento-forte);font-weight:550}.navegacao svg{width:17px;height:17px;flex:none;opacity:.9}.navegacao .contagem{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;padding:1px 7px;border-radius:999px;background:var(--superficie-topo);color:var(--texto-suave)}.rodape-lateral{margin-top:auto;padding-top:14px;border-top:1px solid var(--borda);display:flex;flex-direction:column;gap:8px}.usuario{padding:0 8px;min-width:0}.usuario-nome{font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usuario-tenant{font-size:12px;color:var(--texto-fraco);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conteudo{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.cabecalho{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--borda);flex:none}.cabecalho h1{margin:0;font-size:18px;font-weight:620;letter-spacing:-.015em}.cabecalho .direita{margin-left:auto;display:flex;align-items:center;gap:10px}.corpo{flex:1;min-height:0;overflow:auto;padding:22px}.corpo.sem-espaco{padding:0}.faixa{padding:9px 22px;font-size:13px;display:flex;gap:8px;align-items:center;flex:none}.faixa.aviso{background:#f5b74e1f;color:#ffd694;border-bottom:1px solid #f5b74e33}.faixa.grave{background:#ff6b6b1f;color:#ffb0b0;border-bottom:1px solid #ff6b6b33}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-g);overflow:hidden}.cartao+.cartao{margin-top:16px}.cartao-cabecalho{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--borda)}.cartao-cabecalho h2{margin:0;font-size:14px;font-weight:620}.cartao-cabecalho .direita{margin-left:auto}.cartao-corpo{padding:16px}.grade-metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.metrica{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-g);padding:14px 16px}.metrica .rotulo{font-size:12px;color:var(--texto-fraco);text-transform:uppercase;letter-spacing:.06em}.metrica .valor{font-size:26px;font-weight:640;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:2px}.metrica .valor.alerta{color:var(--atencao)}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-fraco);padding:10px 16px;border-bottom:1px solid var(--borda);white-space:nowrap}tbody td{padding:11px 16px;border-bottom:1px solid var(--borda);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr.clicavel{cursor:pointer;transition:background var(--transicao)}tbody tr.clicavel:hover{background:var(--superficie-alta)}td.numerico,th.numerico{text-align:right;font-variant-numeric:tabular-nums}.distintivo{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:550;white-space:nowrap;background:var(--superficie-topo);color:var(--texto-suave)}.distintivo:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.distintivo.sem-ponto:before{display:none}.distintivo.ok{background:#2ecb931f;color:var(--ok)}.distintivo.atencao{background:#f5b74e1a;color:var(--atencao)}.distintivo.erro{background:#ff6b6b1a;color:var(--erro)}.distintivo.info{background:#5aa9ff1a;color:var(--info)}.botao{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:var(--raio);border:1px solid var(--borda);background:var(--superficie-alta);color:var(--texto);font-size:13px;font-weight:550;cursor:pointer;transition:background var(--transicao),border-color var(--transicao),transform var(--transicao)}.botao:hover:not(:disabled){background:var(--superficie-topo)}.botao:active:not(:disabled){transform:translateY(1px)}.botao:disabled{opacity:.5;cursor:not-allowed}.botao.primario{background:var(--acento);border-color:var(--acento);color:#06231c;font-weight:620}.botao.primario:hover:not(:disabled){background:var(--acento-forte)}.botao.perigo{color:var(--erro);border-color:#ff6b6b40;background:#ff6b6b12}.botao.perigo:hover:not(:disabled){background:#ff6b6b22}.botao.discreto{background:transparent;border-color:transparent;color:var(--texto-suave);padding:6px 10px}.botao.discreto:hover:not(:disabled){background:var(--superficie-alta);color:var(--texto)}.botao.pequeno{padding:5px 10px;font-size:12px}.campo{display:flex;flex-direction:column;gap:6px}.campo>.rotulo{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:12px;font-weight:600;color:var(--texto-suave)}.campo .dica{font-weight:450;color:var(--texto-fraco)}input:not([type=checkbox],[type=radio],[type=file]),select,textarea{width:100%;padding:9px 11px;border-radius:var(--raio);border:1px solid var(--borda-forte);background:var(--superficie-alta);color:var(--texto);transition:border-color var(--transicao),box-shadow var(--transicao),background var(--transicao)}input::placeholder,textarea::placeholder{color:var(--texto-fraco)}input:not([type=checkbox],[type=radio],[type=file]):focus,select:focus,textarea:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px var(--acento-fundo)}input:disabled,select:disabled,textarea:disabled{background:var(--superficie);border-color:var(--borda);color:var(--texto-fraco);-webkit-text-fill-color:var(--texto-fraco);cursor:not-allowed}input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--acento);cursor:pointer}.linha-de-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.bloco-de-opcao{display:flex;flex-direction:column;gap:7px;padding:12px 13px;border:1px solid var(--borda);border-radius:var(--raio);background:var(--fundo)}.bloco-de-opcao>label{display:flex;align-items:center;gap:9px;font-weight:550;cursor:pointer}.bloco-de-opcao p{margin:0;padding-left:25px;font-size:12px;line-height:1.45;color:var(--texto-fraco)}.tela-login{height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,#2ecb930f,transparent 60%),var(--fundo)}.cartao-login{width:100%;max-width:380px;background:var(--superficie);border:1px solid var(--borda);border-radius:18px;padding:32px;box-shadow:var(--sombra)}.cartao-login .marca{padding:0 0 22px;justify-content:center}.cartao-login form{display:flex;flex-direction:column;gap:14px}.cartao-login .botao{margin-top:4px;padding:11px}.erro-de-formulario{background:#ff6b6b14;border:1px solid #ff6b6b33;color:#ffb0b0;padding:9px 12px;border-radius:var(--raio);font-size:13px}.dica-de-desenvolvimento{margin-top:18px;padding-top:16px;border-top:1px solid var(--borda);font-size:12px;color:var(--texto-fraco);text-align:center}.dica-de-desenvolvimento code{font-family:var(--mono);color:var(--texto-suave)}.tela-mapa{display:grid;grid-template-columns:320px 1fr;height:100%;min-height:0}.painel-viagens{border-right:1px solid var(--borda);overflow:auto;background:var(--superficie);min-width:0}.item-viagem{display:block;width:100%;text-align:left;padding:13px 16px;border:none;border-bottom:1px solid var(--borda);border-left:3px solid transparent;background:transparent;cursor:pointer;transition:background var(--transicao),border-color var(--transicao)}.item-viagem:hover{background:var(--superficie-alta)}.item-viagem[aria-selected=true]{background:var(--superficie-alta);border-left-color:var(--acento)}.item-viagem .topo{display:flex;align-items:center;gap:8px;margin-bottom:4px}.item-viagem .numero{font-family:var(--mono);font-size:12px;color:var(--texto-fraco)}.item-viagem .motorista{font-weight:570;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-viagem .detalhe{font-size:12px;color:var(--texto-fraco);display:flex;gap:10px;margin-top:4px}.barra-progresso{height:3px;border-radius:999px;background:var(--superficie-topo);overflow:hidden;margin-top:8px}.barra-progresso span{display:block;height:100%;background:var(--acento);border-radius:999px;transition:width .4s cubic-bezier(.2,0,.2,1)}.area-mapa{position:relative;min-width:0}.tela-mapa .maplibregl-map{position:absolute;inset:0}.aviso-do-mapa{position:absolute;left:12px;bottom:12px;z-index:2;max-width:380px;background:#0c2740e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--borda);border-radius:var(--raio);padding:10px 13px;font-size:12px;color:var(--texto-suave);box-shadow:var(--sombra-suave)}.aviso-do-mapa strong{color:var(--texto);font-weight:600}.legenda-do-mapa{position:absolute;right:12px;top:12px;z-index:2;display:flex;gap:14px;background:#0c2740e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--borda);border-radius:var(--raio);padding:8px 12px;font-size:12px;color:var(--texto-suave);box-shadow:var(--sombra-suave)}.legenda-do-mapa span{display:inline-flex;align-items:center;gap:6px}.legenda-do-mapa i{width:8px;height:8px;border-radius:50%;display:inline-block}.marcador-caminhao{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--acento);color:#06231c;border:2px solid #071c30;box-shadow:0 2px 8px #00000080;cursor:pointer}.marcador-caminhao:hover,.marcador-caminhao.selecionado{box-shadow:0 0 0 3px var(--acento-fundo),0 0 0 5px var(--acento),0 2px 10px #0009}.marcador-caminhao>svg{transition:transform var(--transicao)}.marcador-caminhao:hover>svg,.marcador-caminhao.selecionado>svg{transform:scale(1.14)}.marcador-caminhao.sem-sinal{background:var(--neutro);color:#071c30}.marcador-caminhao svg{width:16px;height:16px}.marcador-parada{width:14px;height:14px;border-radius:50%;border:2px solid #071c30;background:var(--neutro);cursor:pointer}.marcador-parada.entregue{background:var(--ok)}.marcador-parada.recusada{background:var(--erro)}.grade-detalhe{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}@media(max-width:1100px){.grade-detalhe{grid-template-columns:1fr}}.mapa-do-detalhe{height:380px;border-radius:var(--raio-g);overflow:hidden;border:1px solid var(--borda);position:relative}.lista-paradas{list-style:none;margin:0;padding:0}.parada{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:14px 16px;border-bottom:1px solid var(--borda)}.parada:last-child{border-bottom:none}.parada .ordem{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--superficie-topo);color:var(--texto-suave);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.parada.entregue .ordem{background:#2ecb931f;color:var(--ok)}.parada.recusada .ordem{background:#ff6b6b1f;color:var(--erro)}.parada .cliente{font-weight:570}.parada .endereco{font-size:12.5px;color:var(--texto-suave);margin-top:1px}.documentos{margin-top:8px;display:flex;flex-direction:column;gap:5px}.documento{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--texto-suave)}.documento .id{font-family:var(--mono);color:var(--texto-fraco)}.definicoes{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:13px;margin:0}.definicoes dt{color:var(--texto-fraco);white-space:nowrap}.definicoes dd{margin:0}.fundo-do-dialogo{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:22px;background:#03060a9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:surgir .12s ease-out}.dialogo{width:100%;max-width:440px;background:var(--superficie);border:1px solid var(--borda);border-radius:16px;box-shadow:var(--sombra);animation:subir .16s cubic-bezier(.2,0,.2,1)}.dialogo h2{margin:0;padding:18px 22px;font-size:16px;font-weight:620;letter-spacing:-.01em;border-bottom:1px solid var(--borda)}.dialogo .conteudo-do-dialogo{padding:18px 22px;display:flex;flex-direction:column;gap:15px;max-height:calc(100vh - 210px);overflow-y:auto}.dialogo .acoes{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--borda)}@keyframes surgir{0%{opacity:0}}@keyframes subir{0%{opacity:0;transform:translateY(8px)}}.segredo{font-family:var(--mono);font-size:12.5px;word-break:break-all;background:var(--fundo);border:1px dashed var(--acento);border-radius:var(--raio);padding:11px;color:var(--acento-forte)}.vazio{padding:44px 22px;text-align:center;color:var(--texto-fraco)}.vazio h3{margin:0 0 5px;font-size:14px;font-weight:600;color:var(--texto-suave)}.carregando{display:inline-block;width:15px;height:15px;border:2px solid var(--borda);border-top-color:var(--acento);border-radius:50%;animation:girar .62s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.pulso{width:7px;height:7px;border-radius:50%;background:var(--acento);box-shadow:0 0 0 0 var(--acento);animation:pulsar 2.2s ease-out infinite;flex:none}@keyframes pulsar{0%{box-shadow:0 0 #2ecb9366}70%{box-shadow:0 0 0 7px #2ecb9300}to{box-shadow:0 0 #2ecb9300}}.sutil{color:var(--texto-fraco);font-size:12px}.mono{font-family:var(--mono)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.aviso-do-mapa.desconectado{border-color:#ff6b6b55;background:#2a1618e6;color:#ffc9c9}.aviso-do-mapa.desconectado strong{color:var(--erro)}.marca-operador{display:flex;flex-direction:column;gap:2px;padding:18px 16px;border-bottom:1px solid var(--borda)}.marca-operador strong{font-size:17px;letter-spacing:-.01em}.escolha-de-contexto{display:flex;flex-direction:column;gap:10px;margin-top:18px}.escolha-de-contexto .botao{flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;text-align:left}