:root{--graphite-800: #36352E;--slate-100: #F1F5F9;--slate-200: #E2E8F0;--slate-300: #CBD5E1;--slate-400: #94A3B8;--slate-600: #475569;--slate-700: #334155;--slate-900: #0F172A;--amber-50: #FFF8EB;--amber-100: #FEEAC7;--amber-500: #F19800;--amber-gradient: linear-gradient(135deg, #F6B635 0%, #F19800 100%);--green-100: #D1FAE5;--green-600: #059669;--red-100: #FEE2E2;--red-600: #DC2626;--red-700: #B91C1C;--sky-100: #E0F2FE;--sky-500: #0EA5E9;--surface-page: var(--slate-100);--surface-card: #FFFFFF;--surface-sunken: var(--slate-200);--surface-accent-soft: var(--amber-50);--text-display: var(--slate-900);--text-body: var(--slate-700);--text-inverse: #FFFFFF;--text-on-accent: var(--graphite-800);--border-subtle: var(--slate-200);--border-strong: var(--slate-300);--border-accent: var(--amber-500);--ring-focus: 0 0 0 3px rgba(241, 152, 0, .32);--status-programado-bg: var(--green-100);--status-programado-dot: var(--green-600);--status-pendencia-bg: var(--red-100);--status-pendencia-dot: var(--red-600);--status-transito-bg: var(--sky-100);--status-transito-dot: var(--sky-500);--status-neutro-bg: var(--slate-100);--status-neutro-dot: var(--slate-400);--font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--text-md: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-snug: 1.25;--leading-normal: 1.45;--tracking-caps: .1em;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-8: 16px;--space-12: 24px;--space-16: 32px;--space-24: 48px;--space-32: 64px;--topbar-altura: 60px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-accent: 0 8px 22px rgba(223, 141, 0, .28)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:light}body{margin:0;min-height:100dvh;background:var(--surface-page);color:var(--text-body);font:var(--weight-medium) var(--text-lg)/var(--leading-normal) var(--font-sans)}[hidden]{display:none!important}p{margin:0}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:none;box-shadow:var(--ring-focus)}h1{margin:0 0 var(--space-4);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--text-display)}h2{margin:var(--space-12) 0 var(--space-4);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--slate-600)}.tabular{font-variant-numeric:tabular-nums}.topo{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--space-6);height:var(--topbar-altura);padding:0 var(--space-8);background:var(--surface-card);border-bottom:1px solid var(--border-subtle);box-shadow:0 2px 0 var(--border-accent)}.topo img{height:32px;width:auto}.nome-app{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-display)}.pagina{max-width:560px;margin:0 auto;padding:var(--space-8) var(--space-8) calc(var(--space-32) + env(safe-area-inset-bottom) + var(--space-12))}.barra{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;padding-bottom:env(safe-area-inset-bottom);background:var(--surface-card);border-top:1px solid var(--border-subtle)}.barra a{flex:1;height:var(--space-32);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none;color:var(--slate-600);font-size:var(--text-md);font-weight:var(--weight-bold)}.barra .icone{display:inline-flex;align-items:center;justify-content:center;width:56px;height:28px;border-radius:var(--radius-pill)}.barra svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.barra a.ativo{color:var(--text-display)}.barra a.ativo .icone{background:var(--amber-100)}.abertura{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);padding:var(--space-16);text-align:center;background:var(--surface-card)}.botao-ambar{width:100%;min-height:var(--space-24);margin-top:var(--space-12);border:0;border-radius:var(--radius-md);background:var(--amber-gradient);color:var(--text-on-accent);font-size:var(--text-lg);font-weight:var(--weight-bold);box-shadow:var(--shadow-accent)}.botao-ambar:disabled{opacity:.7;cursor:default}.botao-contorno{min-height:var(--space-24);padding:0 var(--space-8);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-display);font-size:var(--text-base);font-weight:var(--weight-bold)}.botao-contorno:disabled{opacity:.6;cursor:default}.botao-contorno.largo{width:100%;margin-top:var(--space-12)}.botao-contorno.perigo{border-color:var(--red-700);color:var(--red-700)}.botao-texto{min-height:var(--space-24);padding:0 var(--space-4);margin-left:calc(-1 * var(--space-4));border:0;background:none;color:var(--text-display);font-size:var(--text-lg);font-weight:var(--weight-bold)}.ligacao{display:inline-flex;align-items:center;min-height:var(--space-24);margin-top:var(--space-4);color:var(--text-display);font-size:var(--text-md);font-weight:var(--weight-bold);text-decoration:underline}.par{display:flex;gap:var(--space-4);margin-top:var(--space-8)}.par button{flex:1}.caixa-erro{margin:var(--space-8) 0;padding:var(--space-6) var(--space-8);border-radius:var(--radius-md);background:var(--red-100);color:var(--red-700);font-weight:var(--weight-bold)}.faixa{margin-bottom:var(--space-8);padding:var(--space-6) var(--space-8);border-radius:var(--radius-md);border-left:4px solid var(--amber-500);background:var(--surface-accent-soft);color:var(--text-display)}.erro-campo{margin-top:var(--space-2);font-size:var(--text-md);color:var(--red-700)}.dica{margin-top:var(--space-2);font-size:var(--text-md);color:var(--slate-600)}.texto{color:var(--text-body)}.carregando,.vazio{padding:var(--space-12) 0;color:var(--text-body)}.nota,.rodape{margin-top:var(--space-8);font-size:var(--text-md);color:var(--slate-600)}.ativar{max-width:560px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;padding:var(--space-16) var(--space-12) var(--space-12);background:var(--surface-card)}.ativar .logo{display:block;width:180px;height:auto;margin:0 auto var(--space-8)}.selo{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-12);font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--slate-600);text-align:center;text-wrap:balance}.selo:before,.selo:after{content:"";flex:none;width:18px;height:2px;background:var(--amber-500)}.ativar form{display:flex;flex-direction:column;margin-top:var(--space-8)}.ativar label{margin:var(--space-8) 0 var(--space-2);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-display)}.ativar input{height:var(--space-24);padding:0 var(--space-8);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-display);font-size:var(--text-lg)}.ativar input:focus{outline:none;border-color:var(--border-accent);box-shadow:var(--ring-focus)}.ativar input[aria-invalid=true]{border-color:var(--red-700)}.ativar input.codigo{height:56px;font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:.15em;text-transform:uppercase}.ativar .ajuda{margin-top:var(--space-16);font-size:var(--text-base);color:var(--slate-600)}.ativar>.dica{margin:var(--space-4) 0 var(--space-16)}.faixas{height:12px;margin-top:auto;border-radius:var(--radius-pill);background:repeating-linear-gradient(135deg,var(--graphite-800) 0 12px,var(--amber-500) 12px 24px)}.ola{font-size:var(--text-md);color:var(--slate-600)}.resumo{color:var(--text-body)}.abas{display:flex;gap:var(--space-4);margin:var(--space-8) 0;padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface-sunken)}.abas button{flex:1;min-height:var(--space-24);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-display);font-size:var(--text-lg);font-weight:var(--weight-bold)}.abas button.ativa{background:var(--graphite-800);color:var(--text-inverse)}.atualizado{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-6);font-size:var(--text-md);color:var(--slate-600)}.cartao-viagem{position:relative;display:flex;flex-direction:column;gap:var(--space-2);min-height:var(--space-24);margin-bottom:var(--space-6);padding:var(--space-8) var(--space-16) var(--space-8) var(--space-8);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-body);text-decoration:none}.linha-1{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.linha-1 b{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-display)}.rotulo{font-size:var(--text-md);color:var(--slate-600)}.destino{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--text-display)}.destino.sem,h1.sem{color:var(--slate-600)}.origem,.recebe{font-size:var(--text-base)}.recebe{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.placas{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2)}.placa{display:inline-block;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-display)}.seta{position:absolute;right:var(--space-8);top:50%;transform:translateY(-50%);font-size:var(--text-2xl);color:var(--slate-600)}.pilula{display:inline-flex;align-items:center;gap:var(--space-3);min-height:28px;padding:0 var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-display);white-space:nowrap}.pilula i{width:8px;height:8px;border-radius:50%}.t-neutro{background:var(--status-neutro-bg)}.t-neutro i{background:var(--status-neutro-dot)}.t-transito{background:var(--status-transito-bg)}.t-transito i{background:var(--status-transito-dot)}.t-programado{background:var(--status-programado-bg)}.t-programado i{background:var(--status-programado-dot)}.t-pendencia{background:var(--status-pendencia-bg)}.t-pendencia i{background:var(--status-pendencia-dot)}.pagina>.pilula{margin-top:var(--space-6)}.pagina>.pilula+h1{margin-top:var(--space-6)}.saindo{color:var(--text-body)}.bloco{margin:0;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-card)}.bloco>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);min-height:var(--space-24);padding:var(--space-4) var(--space-8);border-top:1px solid var(--border-subtle)}.bloco>div:first-child{border-top:0}.bloco dt{flex:none;font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--slate-600)}.bloco dd{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-4);margin:0;text-align:right;color:var(--text-display);overflow-wrap:anywhere}.cartao{margin-top:var(--space-8);padding:var(--space-8);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-card)}.cartao h2{margin-top:0}.nome-inteiro{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-display)}
