:root{--ardosia:#0F172A;--coral:#F97316;--cinza:#334155;--borda:#E2E8F0;--fundo:#F8FAFC;--ok:#16A34A;--aviso:#F59E0B;--critico:#DC2626}*{box-sizing:border-box}body{margin:0;font-family:Outfit,system-ui,sans-serif;background:var(--fundo);color:var(--ardosia)}.app,.app-simples{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:#fff}.barra{height:64px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--borda);flex-shrink:0}.barra .sair{display:none}.principal{flex:1;display:flex;flex-direction:column;min-width:0}.conteudo{flex:1;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.nav{position:sticky;bottom:0;background:#fff;height:72px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;text-align:center;border-top:1px solid var(--borda);font-size:11px;flex-shrink:0}.nav a,.nav button{color:#6b7280;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;font:inherit;cursor:pointer}.nav a.activo{color:var(--coral);font-weight:600}.nav svg{width:22px;height:22px}.nav .so-desktop,.nav .titulo-seccao{display:none}.cartao{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:12px}.btn{height:48px;border:0;border-radius:10px;background:var(--ardosia);color:#fff;font:inherit;font-weight:600;width:100%;cursor:pointer}.btn.sec{background:#fff;color:var(--ardosia);border:1px solid var(--borda)}input,textarea,select{height:48px;border:1px solid #9CA3AF;border-radius:10px;padding:0 14px;font:inherit;width:100%}.pill{font-size:11px;padding:4px 8px;border-radius:999px}.ok{background:#dcfce7;color:#166534}.aviso{background:#fef3c7;color:#92400e}.critico{background:#fee2e2;color:#b91c1c}.grelha{display:flex;flex-direction:column;gap:8px}.duas-colunas{display:flex;flex-direction:column;gap:12px}.cabecalho{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}@media (min-width: 1024px){body{background:var(--fundo)}.app{max-width:none;margin:0;background:var(--fundo);display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-rows:72px 1fr;grid-template-areas:"barra principal" "nav principal";height:100dvh;min-height:0}.barra{grid-area:barra;height:72px;background:#fff;border-bottom:0;border-right:1px solid var(--borda);padding:0 22px}.nav{grid-area:nav;position:static;height:auto;background:#fff;border-top:0;border-right:1px solid var(--borda);display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:8px 12px 16px;font-size:14px;text-align:left;overflow-y:auto}.nav a,.nav button{flex-direction:row;gap:12px;padding:10px 12px;border-radius:10px;color:var(--cinza);font-weight:500}.nav a:hover,.nav button:hover{background:#f1f5f9}.nav a.activo{background:#fff7ed;color:#c2410c;font-weight:600}.nav svg{width:20px;height:20px;flex-shrink:0}.nav .so-desktop{display:flex}.nav .titulo-seccao{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;padding:16px 12px 6px}.nav .espaco{flex:1}.principal{grid-area:principal;overflow-y:auto}.conteudo{width:100%;max-width:1240px;margin:0 auto;padding:32px 40px 48px;gap:16px}.conteudo h2{font-size:26px}.estreito{max-width:820px}.grelha{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;align-items:start}.duas-colunas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.btn.largura-auto,.cabecalho .btn{width:auto;padding:0 20px}.cartao{padding:16px}.app-simples{max-width:520px;margin:40px auto;min-height:auto;border-radius:20px;box-shadow:0 10px 40px #0f172a14;overflow:hidden}}.coluna-rota{display:flex;flex-direction:column;gap:8px;min-height:120px}.abas-rota{display:flex;gap:8px;margin:4px 0}.abas-rota button{flex:1;height:40px;border:1px solid var(--borda);border-bottom-width:3px;border-radius:10px;background:#fff;font:inherit;font-weight:600;font-size:13px;color:var(--cinza);cursor:pointer}.abas-rota button.activa{color:var(--ardosia)}.abas-rota button span{font-weight:400;color:#6b7280}.oculta-movel{display:none}.mini{width:28px;height:22px;border:1px solid var(--borda);background:#fff;border-radius:6px;font-size:11px;cursor:pointer;color:var(--cinza);padding:0}.mini:disabled{opacity:.35;cursor:default}@media (min-width: 1024px){.abas-rota{display:none}.oculta-movel{display:flex}}