:root{--asfalto: #16233B;--asfalto-2: #22324F;--asfalto-3: #33415C;--papel: #F6F7F4;--branco: #FFFFFF;--linha: #DADDD6;--linha-forte: #B9BEB5;--texto: #1A2233;--texto-2: #545C69;--faixa: #F2B705;--faixa-escura: #8A6A00;--faixa-clara: #FFF4CC;--cliente: #1F8A4C;--cliente-claro: #E3F3E9;--prospect: #7C838D;--prospect-claro: #ECEEF0;--alerta: #B54708;--alerta-claro: #FDEBD8;--erro: #B42318;--erro-claro: #FDE5E2;--ok: #1F8A4C;--info: #2D5BA8;--info-claro: #E4ECF8;--sombra: 0 1px 2px rgba(22, 35, 59, .08), 0 4px 14px rgba(22, 35, 59, .06);--raio: 10px;--raio-sm: 6px;--fonte: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fonte-cond: "Barlow Condensed", "Barlow", system-ui, sans-serif;--nav-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--fonte);font-size:16px;line-height:1.45;color:var(--texto);background:var(--papel);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--fonte-cond);line-height:1.1;margin:0;letter-spacing:.005em}h1{font-size:1.85rem;font-weight:700}h2{font-size:1.4rem;font-weight:600}h3{font-size:1.12rem;font-weight:600}p{margin:0 0 .6em}a{color:var(--info)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--faixa);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;background:var(--asfalto);color:var(--papel);display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:56px}.topbar .marca{display:flex;align-items:center;gap:8px;font-family:var(--fonte-cond);font-weight:700;font-size:1.35rem;color:var(--papel);text-decoration:none}.topbar .marca img{width:30px;height:30px}.topbar .empresa{color:#aeb8ca;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .espaco{flex:1}.sync-pill{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;padding:4px 10px;border-radius:99px;background:var(--asfalto-2);color:#d6dce7;border:0;cursor:pointer}.sync-pill .ponto{width:8px;height:8px;border-radius:50%;background:#5fc48a}.sync-pill.pendente .ponto{background:var(--faixa)}.sync-pill.offline .ponto{background:#9aa3b2}.sync-pill.erro .ponto{background:#f97066}.layout{flex:1;display:flex}.sidenav{display:none}.conteudo{flex:1;min-width:0;padding:16px 16px calc(var(--nav-h) + var(--safe-b) + 24px);max-width:1100px;margin:0 auto;width:100%}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--branco);border-top:1px solid var(--linha);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:var(--safe-b)}.bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--nav-h);color:var(--texto-2);text-decoration:none;font-size:.74rem;font-weight:600}.bottomnav a svg{width:24px;height:24px}.bottomnav a.ativo{color:var(--asfalto)}.bottomnav a.ativo svg{color:var(--asfalto)}.bottomnav a.ativo:before{content:"";position:absolute;top:0;width:36px;height:3px;background:var(--faixa);border-radius:0 0 3px 3px}.bottomnav a{position:relative}@media (min-width: 900px){.bottomnav{display:none}.sidenav{display:flex;flex-direction:column;gap:2px;width:220px;flex-shrink:0;padding:16px 10px;background:var(--branco);border-right:1px solid var(--linha);position:sticky;top:56px;height:calc(100dvh - 56px);overflow-y:auto}.sidenav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--raio-sm);color:var(--texto-2);text-decoration:none;font-weight:600}.sidenav a svg{width:20px;height:20px}.sidenav a:hover{background:var(--papel);color:var(--texto)}.sidenav a.ativo{background:var(--asfalto);color:var(--papel)}.sidenav .grupo{margin:14px 12px 4px;font-size:.8rem;color:var(--texto-2);font-weight:600}.conteudo{padding:24px 32px 48px}}.pagina-topo{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.pagina-topo .titulo{flex:1;min-width:200px}.pagina-topo .sub{color:var(--texto-2);margin-top:4px}.voltar{display:inline-flex;align-items:center;gap:4px;color:var(--texto-2);text-decoration:none;font-weight:600;margin-bottom:8px;background:none;border:0;padding:4px 0;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--raio-sm);border:1px solid var(--linha-forte);background:var(--branco);color:var(--texto);font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover{border-color:var(--asfalto-3)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{width:18px;height:18px;flex-shrink:0}.btn.primario{background:var(--faixa);border-color:var(--faixa);color:var(--asfalto)}.btn.primario:hover{background:#e0aa00}.btn.escuro{background:var(--asfalto);border-color:var(--asfalto);color:var(--papel)}.btn.escuro:hover{background:var(--asfalto-2)}.btn.perigo{color:var(--erro);border-color:#f1b3ac}.btn.fantasma{border-color:transparent;background:transparent}.btn.fantasma:hover{background:#16233b0f}.btn.grande{min-height:54px;font-size:1.05rem;padding:0 22px}.btn.bloco{width:100%}.btn.pequeno{min-height:36px;padding:0 12px;font-size:.9rem}.acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.acoes.fim{justify-content:flex-end}.painel{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:16px}.painel+.painel,.painel+.secao,.secao+.painel,.secao+.secao{margin-top:16px}.painel h2,.painel h3,.secao h2{margin-bottom:10px}.grade{display:grid;gap:12px}@media (min-width: 700px){.grade.c2{grid-template-columns:1fr 1fr}.grade.c3{grid-template-columns:repeat(3,1fr)}.grade.c4{grid-template-columns:repeat(4,1fr)}}.muted{color:var(--texto-2)}.pequeno-txt{font-size:.88rem}.divisor{height:1px;background:var(--linha);margin:14px 0;border:0}.campo{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.campo label{font-weight:600;font-size:.92rem}.campo .ajuda{font-size:.84rem;color:var(--texto-2)}.campo .erro-campo{font-size:.85rem;color:var(--erro);font-weight:500}.input,select.input,textarea.input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--linha-forte);border-radius:var(--raio-sm);background:var(--branco);font-size:1rem}textarea.input{min-height:96px;resize:vertical}.input:focus{outline:none;border-color:var(--asfalto);box-shadow:0 0 0 3px #f2b70573}.input.invalido{border-color:var(--erro)}.check{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:8px 0;cursor:pointer}.check input{width:22px;height:22px;margin:0;accent-color:var(--asfalto);flex-shrink:0}.linha-campos{display:grid;gap:0 12px}@media (min-width: 560px){.linha-campos.c2{grid-template-columns:1fr 1fr}.linha-campos.c3{grid-template-columns:2fr 1fr 1fr}.linha-campos.c3i{grid-template-columns:1fr 1fr 1fr}}fieldset{border:0;padding:0;margin:0 0 8px}legend{font-family:var(--fonte-cond);font-size:1.15rem;font-weight:600;margin-bottom:8px;padding:0}.segmentado{display:flex;background:var(--prospect-claro);border-radius:var(--raio-sm);padding:3px;gap:3px;flex-wrap:wrap}.segmentado button{flex:1;min-height:40px;border:0;background:transparent;border-radius:4px;font-weight:600;color:var(--texto-2);cursor:pointer;padding:0 10px}.segmentado button.ativo{background:var(--branco);color:var(--texto);box-shadow:var(--sombra)}.aviso{display:flex;gap:10px;padding:12px 14px;border-radius:var(--raio-sm);background:var(--info-claro);color:#1e3e73;font-size:.94rem;align-items:flex-start}.aviso svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.aviso.alerta{background:var(--alerta-claro);color:#7a2e0b}.aviso.erro{background:var(--erro-claro);color:#7a1a12}.aviso.ok{background:var(--cliente-claro);color:#12552f}.aviso+.aviso{margin-top:8px}.aviso p:last-child{margin-bottom:0}.vazio{text-align:left;padding:28px 20px;border:2px dashed var(--linha);border-radius:var(--raio);background:var(--branco)}.vazio h3{margin-bottom:6px}.vazio p{color:var(--texto-2);max-width:46ch}.selo{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:600;padding:2px 8px 2px 6px;border-radius:99px;white-space:nowrap}.selo svg{width:13px;height:13px}.selo.cliente{background:var(--cliente-claro);color:#12552f}.selo.prospect{background:var(--prospect-claro);color:#3e444c}.selo.neutro{background:var(--prospect-claro);color:var(--texto-2)}.selo.alerta{background:var(--alerta-claro);color:#7a2e0b}.selo.faixa{background:var(--faixa-clara);color:#5b4500}.selo.erro{background:var(--erro-claro);color:#7a1a12}.selo.info{background:var(--info-claro);color:#1e3e73}.lista{list-style:none;margin:0;padding:0;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}.lista>li{border-bottom:1px solid var(--linha)}.lista>li:last-child{border-bottom:0}.item{display:flex;gap:12px;align-items:center;padding:12px 14px;min-height:64px;text-decoration:none;color:inherit;width:100%;background:none;border:0;text-align:left;cursor:pointer}.item:hover{background:#fafbf8}.item .marcador{width:10px;align-self:stretch;border-radius:3px;flex-shrink:0}.item .marcador.cliente{background:var(--cliente)}.item .marcador.prospect{background:var(--prospect)}.item .corpo{flex:1;min-width:0}.item .nome{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item .meta{color:var(--texto-2);font-size:.88rem;display:flex;gap:4px 10px;flex-wrap:wrap;margin-top:2px}.item .lado{text-align:right;font-size:.85rem;color:var(--texto-2);flex-shrink:0}.item input[type=checkbox]{width:22px;height:22px;accent-color:var(--asfalto);flex-shrink:0}.numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.numero{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:12px 14px}.numero .valor{font-family:var(--fonte-cond);font-size:2.1rem;font-weight:700;line-height:1}.numero .rotulo{color:var(--texto-2);font-size:.88rem;margin-top:4px}.numero .formula{font-size:.78rem;color:var(--texto-2);margin-top:6px;display:none}.mostrar-formulas .numero .formula{display:block}.placa-dia{background:var(--asfalto);color:var(--papel);border-radius:var(--raio);padding:18px;position:relative;overflow:hidden}.placa-dia .saudacao{color:#aeb8ca}.placa-dia h1{color:var(--papel);font-size:2rem;margin:2px 0 14px}.placa-dia .contagens{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.placa-dia .contagem .v{font-family:var(--fonte-cond);font-size:2.4rem;font-weight:700;line-height:1}.placa-dia .contagem .r{color:#aeb8ca;font-size:.86rem}.placa-dia .contagem.destaque .v{color:var(--faixa)}.placa-dia .estrada{position:absolute;right:-56px;top:-46px;width:150px;height:150px;opacity:.16;pointer-events:none}.placa-dia .distancia{margin-top:14px;color:#d6dce7;font-size:.92rem}.placa-dia .acoes{margin-top:16px}.placa-dia .btn:not(.primario){background:var(--asfalto-2);border-color:var(--asfalto-3);color:var(--papel)}.rota{list-style:none;margin:0;padding:0;position:relative}.rota:before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:10px;background:var(--asfalto-3);border-radius:5px}.rota:after{content:"";position:absolute;left:25px;top:22px;bottom:22px;width:2px;background:repeating-linear-gradient(to bottom,var(--faixa) 0 10px,transparent 10px 18px)}.rota>li{position:relative;display:flex;gap:12px;padding:6px 0}.rota .km{position:relative;z-index:1;width:52px;height:44px;flex-shrink:0;display:grid;place-items:center;font-family:var(--fonte-cond);font-weight:700;font-size:1.3rem;border-radius:8px;background:var(--branco);border:3px solid var(--asfalto);color:var(--asfalto)}.rota .km.cliente{border-color:var(--cliente);color:var(--cliente)}.rota .km.prospect{border-color:var(--prospect);color:#3e444c}.rota .km.feito{background:var(--asfalto);color:var(--faixa);border-color:var(--asfalto)}.rota .km.falhou{background:var(--prospect-claro);color:var(--texto-2);border-style:dashed}.rota .km.inicio{background:var(--faixa);border-color:var(--asfalto);width:52px;font-size:.95rem}.rota .cartao{flex:1;min-width:0;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:10px 12px}.rota .cartao.proxima{border:2px solid var(--faixa);box-shadow:0 0 0 4px var(--faixa-clara)}.rota .cartao .nome{font-weight:700}.rota .cartao .meta{font-size:.88rem;color:var(--texto-2);display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:2px}.rota .trecho{font-size:.8rem;color:var(--texto-2)}.rota .cartao .acoes{margin-top:8px}.rota .motivos{font-size:.82rem;color:var(--texto-2);margin-top:4px}.rota .mover{display:flex;flex-direction:column;gap:2px}.rota .mover button{width:36px;height:30px;border:1px solid var(--linha);background:var(--branco);border-radius:4px;cursor:pointer;display:grid;place-items:center}.rota .mover button svg{width:16px;height:16px}.mapa{height:360px;border-radius:var(--raio);overflow:hidden;border:1px solid var(--linha);background:#e8eae4;position:relative}.mapa.alto{height:62dvh;min-height:360px}.mapa .mapa-aviso{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:var(--texto-2)}.pino{width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid #fff;box-shadow:0 1px 4px #00000059;display:grid;place-items:center}.pino span{transform:rotate(45deg);font:700 13px var(--fonte-cond);color:#fff}.pino.cliente{background:var(--cliente)}.pino.prospect{background:var(--prospect)}.pino.feito{background:var(--asfalto)}.pino.partida{background:var(--faixa)}.pino.partida span{color:var(--asfalto)}.pino.selecionado{outline:3px solid var(--faixa)}.fundo-modal{position:fixed;inset:0;z-index:50;background:#16233b80;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--branco);width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;border-radius:16px 16px 0 0;padding:18px 16px calc(18px + var(--safe-b))}.modal .modal-topo{display:flex;align-items:center;gap:8px;margin-bottom:12px}.modal .modal-topo h2{flex:1}@media (min-width: 700px){.fundo-modal{align-items:center}.modal{border-radius:14px;padding:22px}}.toast-area{position:fixed;z-index:60;left:16px;right:16px;bottom:calc(var(--nav-h) + var(--safe-b) + 12px);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{pointer-events:auto;background:var(--asfalto);color:var(--papel);padding:12px 16px;border-radius:var(--raio-sm);box-shadow:var(--sombra);max-width:520px;width:100%;font-weight:500;animation:entra .18s ease-out}.toast.erro{background:#7a1a12}@keyframes entra{0%{transform:translateY(8px);opacity:0}}@media (min-width: 900px){.toast-area{bottom:24px;left:auto;right:24px;align-items:flex-end}}.carregando{display:flex;align-items:center;gap:10px;color:var(--texto-2);padding:24px 4px}.giro{width:20px;height:20px;border:3px solid var(--linha);border-top-color:var(--asfalto);border-radius:50%;animation:gira .8s linear infinite}@keyframes gira{to{transform:rotate(360deg)}}.tabela-wrap{overflow-x:auto;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio)}table.tabela{width:100%;border-collapse:collapse;font-size:.93rem}.tabela th,.tabela td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--linha);vertical-align:top}.tabela th{font-weight:600;color:var(--texto-2);background:#fafbf8;white-space:nowrap}.tabela tr:last-child td{border-bottom:0}.tabela td.num,.tabela th.num{text-align:right;font-variant-numeric:tabular-nums}.barra{height:8px;background:var(--prospect-claro);border-radius:4px;overflow:hidden;min-width:60px}.barra>i{display:block;height:100%;background:var(--asfalto)}.auth{min-height:100dvh;display:grid;background:var(--asfalto)}@media (min-width: 900px){.auth{grid-template-columns:1.1fr 1fr}}.auth .lado-marca{padding:32px 24px 8px;color:var(--papel);display:flex;flex-direction:column;justify-content:space-between;gap:24px}.auth .lado-marca .marca{display:flex;align-items:center;gap:10px;font:700 1.6rem var(--fonte-cond)}.auth .lado-marca .marca img{width:40px}.auth .lado-marca h1{font-size:2.6rem;color:var(--papel);max-width:14ch}.auth .lado-marca p{color:#aeb8ca;max-width:40ch;font-size:1.05rem}.auth .lado-marca svg.estrada{width:100%;max-width:440px;height:auto;display:none}@media (min-width: 900px){.auth .lado-marca{padding:56px}.auth .lado-marca h1{font-size:3.4rem}.auth .lado-marca svg.estrada{display:block}}.auth .lado-form{background:var(--papel);padding:28px 20px 40px;border-radius:18px 18px 0 0}@media (min-width: 900px){.auth .lado-form{border-radius:0;display:flex;align-items:center;justify-content:center;padding:56px}}.auth form{width:100%;max-width:420px;margin:0 auto}.auth form h2{margin-bottom:16px;font-size:1.7rem}.planos{display:grid;gap:8px;margin-bottom:12px}.plano-op{display:flex;gap:10px;align-items:flex-start;border:2px solid var(--linha);border-radius:var(--raio-sm);padding:10px 12px;cursor:pointer;background:var(--branco)}.plano-op.ativo{border-color:var(--asfalto)}.plano-op input{margin-top:4px;accent-color:var(--asfalto)}.plano-op .preco{font-family:var(--fonte-cond);font-weight:700;font-size:1.2rem;margin-left:auto;white-space:nowrap}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;min-height:36px;padding:0 12px;border-radius:99px;border:1px solid var(--linha-forte);background:var(--branco);font-weight:600;font-size:.88rem;cursor:pointer;color:var(--texto-2)}.chip.ativo{background:var(--asfalto);color:var(--papel);border-color:var(--asfalto)}.barra-busca{display:flex;gap:8px;margin-bottom:10px}.barra-busca .input{flex:1}.fixo-rodape{position:sticky;bottom:calc(var(--nav-h) + var(--safe-b) + 8px);z-index:20;margin-top:12px}@media (min-width: 900px){.fixo-rodape{bottom:16px}}.fixo-rodape .painel{box-shadow:0 6px 24px #16233b2e;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tl{list-style:none;padding:0;margin:0}.tl li{padding:10px 0 10px 18px;border-left:2px solid var(--linha);position:relative}.tl li:before{content:"";position:absolute;left:-6px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--asfalto-3)}.tl li.ok:before{background:var(--cliente)}.tl li.cancel:before{background:var(--erro)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0}.kv dt{color:var(--texto-2)}.kv dd{margin:0;overflow-wrap:anywhere}.senha-box{font:700 1.5rem var(--fonte-cond);letter-spacing:.06em;background:var(--faixa-clara);padding:10px 14px;border-radius:var(--raio-sm);user-select:all}details.formulas summary{cursor:pointer;font-weight:600;color:var(--texto-2);min-height:36px;display:flex;align-items:center}.multi-seg{border:0;padding:0;margin:0 0 12px;min-width:0}.multi-seg legend{font-weight:600;font-size:.9rem;margin-bottom:8px;padding:0;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.multi-seg legend .muted{font-weight:400}.multi-seg-grupo{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-2);margin:10px 0 6px}.chips-quebra{display:flex;flex-wrap:wrap;gap:6px}.link-btn,.multi-seg .link-btn{background:none;border:0;padding:0;color:var(--info, #1E3E73);font-weight:600;text-decoration:underline;cursor:pointer;font-size:.85rem}.input-sufixo{display:flex;align-items:stretch}.input-sufixo .input{border-top-right-radius:0;border-bottom-right-radius:0;min-width:0;flex:1}.input-sufixo span{display:flex;align-items:center;padding:0 10px;border:1px solid var(--linha-forte);border-left:0;border-radius:0 var(--raio-sm, 8px) var(--raio-sm, 8px) 0;background:var(--papel);color:var(--texto-2);font-size:.9rem;white-space:nowrap;max-width:55%;overflow:hidden;text-overflow:ellipsis}