:root{--fundo:#f4f3ef;--papel:#fff;--tinta:#1c2421;--suave:#5f6b66;--linha:#e2dfd7;--verde:#1f6f54;--verde-claro:#e3f0ea;--ambar:#9a6200;--ambar-claro:#fbefd6;--vermelho:#a8321f;--vermelho-claro:#f9e2dd;--azul:#2b5c8a;--azul-claro:#e2ecf5;--cinza-claro:#ecebe6;--raio:10px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fundo);color:var(--tinta);-webkit-font-smoothing:antialiased;font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}h1{letter-spacing:-.01em;margin:0;font-size:22px}h2{margin:0;font-size:15px}.num{font-variant-numeric:tabular-nums}.suave{color:var(--suave)}.topo{background:var(--tinta);color:#fff;align-items:center;gap:28px;height:54px;padding:0 24px;display:flex}.marca{letter-spacing:.02em;font-weight:700}.marca span{color:#8fd3b6}.topo nav{flex:1;gap:4px;display:flex}.topo nav a{color:#c9d2ce;border-radius:6px;padding:6px 12px}.topo nav a:hover{color:#fff;background:#ffffff14}.topo nav a.ativo{color:#fff;background:#ffffff24}.demo{color:#fff;background:#8a6a1a;border-radius:999px;padding:3px 10px;font-size:12px}main{max-width:1240px;margin:0 auto;padding:24px}.cabecalho{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.cabecalho p{margin:4px 0 0}.cartao{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio)}.resumo{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px;display:grid}.resumo .cartao{padding:12px 16px}.resumo b{font-variant-numeric:tabular-nums;font-size:22px;display:block}.resumo span{color:var(--suave);font-size:12px}.selo{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.selo.rascunho,.selo.recebida{background:var(--cinza-claro);color:var(--suave)}.selo.aprovada,.selo.concluida{background:var(--verde-claro);color:var(--verde)}.selo.pre_agendada,.selo.confirmada{background:var(--azul-claro);color:var(--azul)}.selo.roteirizada,.selo.em_rota,.selo.em_execucao{color:#54408c;background:#e8e4f3}.selo.nao_realizada,.selo.cancelada_cliente,.selo.cancelada_rnv{background:var(--vermelho-claro);color:var(--vermelho)}.selo.alta{background:var(--ambar-claro);color:var(--ambar)}.botao{font:inherit;cursor:pointer;border:1px solid var(--verde);background:var(--verde);color:#fff;border-radius:8px;padding:8px 14px;font-weight:600}.botao.secundario{background:var(--papel);color:var(--tinta);border-color:var(--linha)}.botao:disabled{opacity:.5;cursor:not-allowed}.rota{margin-bottom:16px;overflow:hidden}.rota header{border-bottom:1px solid var(--linha);align-items:center;gap:14px;padding:14px 18px;display:flex}.placa{letter-spacing:.04em;border:1.5px solid var(--tinta);border-radius:5px;padding:5px 8px;font:700 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.rota header .numeros{color:var(--suave);gap:22px;margin-left:auto;display:flex}.rota header .numeros b{color:var(--tinta);font-variant-numeric:tabular-nums}.avisos{border-bottom:1px solid var(--linha);flex-wrap:wrap;gap:8px;margin:0;padding:10px 18px;list-style:none;display:flex}.avisos li{background:var(--ambar-claro);color:var(--ambar);border-radius:6px;padding:4px 10px;font-size:13px}.avisos li.violacao{background:var(--vermelho-claro);color:var(--vermelho)}.linha-tempo{height:54px;margin:16px 18px 6px;position:relative}.linha-tempo .trilho{background:var(--cinza-claro);border-radius:5px;height:26px;position:absolute;top:22px;left:0;right:0}.linha-tempo .hora{color:var(--suave);font-size:11px;position:absolute;top:0;transform:translate(-50%)}.linha-tempo .hora:after{content:"";border-left:1px dashed #cfcbc1;height:34px;position:absolute;top:18px;left:50%}.bloco{white-space:nowrap;color:#fff;border-radius:4px;min-width:3px;height:26px;padding:0 5px;font-size:11px;font-weight:600;line-height:26px;position:absolute;top:22px;overflow:hidden}.bloco.servico{background:var(--verde)}.bloco.descarga{background:var(--azul)}.bloco.pausa{color:var(--tinta);background:#b9b4a6}.legenda{color:var(--suave);gap:16px;padding:0 18px 12px;font-size:12px;display:flex}.legenda i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--suave);border-bottom:1px solid var(--linha);background:#faf9f6;padding:8px 12px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--linha);vertical-align:top;padding:9px 12px}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.deslocamento td{color:var(--suave);background:#fcfbf9}.viagem{text-align:center;background:var(--cinza-claro);border-radius:4px;min-width:20px;padding:1px 5px;font-size:11px;font-weight:700;display:inline-block}details>summary{cursor:pointer;color:var(--suave);border-top:1px solid var(--linha);padding:10px 18px;font-size:13px}.formulario{grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;align-items:end;gap:12px;margin-bottom:18px;padding:18px;display:grid}label{color:var(--suave);margin-bottom:4px;font-size:12px;font-weight:600;display:block}input,select{font:inherit;width:100%;color:var(--tinta);background:#fff;border:1px solid #cfcbc1;border-radius:8px;padding:8px 10px}input:focus,select:focus{outline:2px solid var(--verde);outline-offset:1px;border-color:var(--verde)}.mensagem{border-radius:8px;margin-bottom:14px;padding:10px 14px}.mensagem.ok{background:var(--verde-claro);color:var(--verde)}.mensagem.erro{background:var(--vermelho-claro);color:var(--vermelho)}.filtros{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.filtros a{background:var(--papel);border:1px solid var(--linha);color:var(--suave);border-radius:999px;padding:5px 12px;font-size:13px}.filtros a.ativo{background:var(--tinta);border-color:var(--tinta);color:#fff}.vazio{text-align:center;color:var(--suave);padding:40px}.entrada{max-width:360px;margin:12vh auto;padding:28px}.entrada h1{margin-bottom:18px}.entrada .campo{margin-bottom:14px}@media (max-width:900px){.resumo{grid-template-columns:repeat(2,1fr)}.formulario{grid-template-columns:1fr 1fr}.rota header{flex-wrap:wrap}.rota header .numeros{flex-wrap:wrap;gap:12px;width:100%;margin-left:0}}td.num{white-space:nowrap}.link{color:var(--verde);font-weight:600}.link:hover{text-decoration:underline}.pino{align-items:center;gap:8px;display:flex}.pino input{width:120px}.pino .botao{white-space:nowrap;padding:7px 12px}.opcao{align-items:center;gap:16px;margin-bottom:10px;padding:14px 18px;display:flex}.opcao .ordem{background:var(--cinza-claro);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.opcao .quando{flex:1}.portao{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:14px 18px;display:flex}.portao .passos{flex-wrap:wrap;flex:1;gap:22px;display:flex}.portao .passos b{font-variant-numeric:tabular-nums}.calendario{margin-bottom:18px;overflow-x:auto}.calendario table{min-width:900px}.calendario th.dia{text-align:center;white-space:nowrap;padding:8px 2px;font-weight:600}.calendario th.dia.hoje{color:var(--verde)}.calendario td.dia{text-align:center;padding:4px 2px}.calendario .estado{border-radius:6px;height:26px;font-size:11px;font-weight:700;line-height:26px;display:block}.estado.livre{background:var(--verde-claro);color:var(--verde)}.estado.parado{background:var(--vermelho-claro);color:var(--vermelho)}.estado.parcial,.estado.sem_motorista{color:#8a5a00;background:#fdf0d5}.estado.fechado{background:var(--cinza-claro);color:var(--suave)}.legenda-frota{border-top:1px solid var(--linha);color:var(--suave);flex-wrap:wrap;gap:14px;padding:10px 18px;font-size:12px;display:flex}.legenda-frota .estado{vertical-align:-2px;border-radius:4px;width:22px;height:14px;margin-right:5px;display:inline-block}.formulario.frota{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr auto}.duas{grid-template-columns:1fr 1fr;gap:18px;display:grid}.previa{border:2px solid var(--tinta);margin-bottom:18px;padding:18px}.previa .acoes{align-items:center;gap:10px;margin-top:14px;display:flex}@media (max-width:900px){.formulario.frota{grid-template-columns:1fr 1fr}.duas{grid-template-columns:1fr}}.pendencia{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:10px;padding:14px 18px;display:flex}.pendencia .quem{flex:1;min-width:260px}.saidas{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.saidas .botao{white-space:nowrap}.romaneio{margin-bottom:18px;padding:18px}.romaneio header{justify-content:space-between;gap:16px;margin-bottom:12px;display:flex}.romaneio td{vertical-align:top}.romaneio td.preencher{border-left:1px solid var(--linha);min-width:90px}.romaneio .rascunho{color:var(--vermelho);font-size:12px;font-weight:700}@media print{.topo,.nao-imprimir{display:none!important}body{background:#fff}main{max-width:none;padding:0}.romaneio{break-after:page;border:none;padding:0;font-size:11px}.romaneio tr{break-inside:avoid}.romaneio td.preencher{border-left:1px solid #999}.romaneio td,.romaneio th{border-bottom:1px solid #999}}.fechar{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.fechar label{flex-direction:column;gap:3px;margin:0;display:flex}.fechar input[type=number]{width:84px}.fechar input[type=time]{width:112px}.fechar select{width:auto;max-width:220px}details.nao-feito>summary{border:0;padding:6px 0 0;font-size:12px}details.nao-feito .fechar{margin-top:6px}.formulario.pedido{grid-template-columns:2fr auto 1fr 1fr 1fr 1fr auto;align-items:start}.formulario.pedido>.botao{margin-top:20px}.formulario small{color:var(--suave);margin-top:4px;font-size:11px;line-height:1.3;display:block}.tipo-carga{border:0;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}.tipo-carga legend{color:var(--suave);margin-bottom:4px;padding:0;font-size:12px;font-weight:600}.tipo-carga label{color:var(--tinta);cursor:pointer;background:#fff;border:1px solid #cfcbc1;border-radius:8px;align-items:center;gap:6px;margin:0;padding:8px 12px;font-size:14px;display:flex}.tipo-carga label.marcado{border-color:var(--verde);background:var(--verde-claro);color:var(--verde)}.tipo-carga input{width:auto}.com-unidade{align-items:center;gap:6px;display:flex}.com-unidade span{color:var(--suave);font-size:13px}.aviso-madeira{background:var(--ambar-claro);color:var(--ambar);border-radius:8px;grid-column:span 3;margin-top:20px;padding:9px 12px}.aviso-madeira b{font-size:15px;display:block}.aviso-madeira span{font-size:12px}.botao.editar{margin-left:8px;padding:3px 10px;font-size:12px}@media (max-width:900px){.formulario.pedido{grid-template-columns:1fr 1fr}.aviso-madeira{grid-column:span 2}}.mapa-rotas{margin-bottom:18px;overflow:hidden}.mapa-rotas .escolha{border-bottom:1px solid var(--linha);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.mapa-rotas .escolha .botao{padding:4px 10px;font-size:12px}.mapa-rotas .escolha label{border:1px solid var(--linha);color:var(--suave);cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin:0;padding:4px 10px;font-size:13px;font-weight:400;display:flex}.mapa-rotas .escolha label.ligada{color:var(--tinta);background:#fff;border-color:#b9b4a6}.mapa-rotas .escolha input{width:auto}.mapa-rotas .escolha i{border-radius:3px;width:12px;height:12px}.mapa-rotas .mapa{background:var(--cinza-claro);z-index:0;height:460px}.mapa-rotas .nota{margin:0;padding:8px 14px;font-size:12px}.pino-rota{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font:700 12px/1 system-ui,sans-serif;display:grid;box-shadow:0 1px 3px #0006}.pino-rota.base{background:#fff;border-style:solid;border-width:2px;border-radius:4px;width:20px;height:20px;font-size:11px}@media print{.mapa-rotas{display:none}}.quem-sou{color:#c9d2ce;white-space:nowrap;align-items:center;gap:10px;font-size:13px;display:flex}.quem-sou button{font:inherit;color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:6px;padding:3px 10px}.quem-sou button:hover{background:#ffffff1a}.topo nav{overflow-x:auto}.endereco{align-items:center;gap:6px;display:flex}.endereco input{min-width:220px}.endereco .botao{white-space:nowrap;padding:7px 10px}.perfis{margin:-6px 0 18px;padding-left:18px;font-size:12px}h2{margin-bottom:8px}.rota h2{margin-bottom:0}.quem-sou a{color:#c9d2ce;text-decoration:underline}.fala{border-left:3px solid var(--verde);background:var(--verde-claro);white-space:pre-wrap;border-radius:0 8px 8px 0;margin:6px 0 4px;padding:8px 12px}