:root{--fundo:#f4f6f9;--tinta:#13202f;--azul:#0f2a4a;--acento:#1d5c8a;--alerta:#fde8e8;--alerta-t:#7f1d1d;
  --aviso:#fff7e6;--aviso-t:#3b2f12;--selo:#fbbf24}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font:14px/1.45 system-ui,"Segoe UI",Arial,sans-serif;background:var(--fundo);color:var(--tinta);display:flex;
  flex-direction:column;min-height:100vh}
[hidden]{display:none!important}
#topo{background:var(--azul);color:#fff;padding:8px 16px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
#topo .marca{flex:1 1 auto}
#topo button{font:600 13px system-ui,"Segoe UI",Arial,sans-serif;border:0;border-radius:6px;padding:6px 12px;
  cursor:pointer;background:#fff;color:var(--azul)}
#entrada{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px}
#form-login{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:24px;width:100%;max-width:380px;
  display:flex;flex-direction:column;gap:12px}
#form-login h1{font-size:20px;margin:0 0 4px}
#form-login label{display:flex;flex-direction:column;gap:4px;font-weight:600}
#form-login input{font:inherit;font-weight:400;padding:8px 10px;border:1px solid #c7ced8;border-radius:6px}
#form-login button{font:600 15px system-ui,"Segoe UI",Arial,sans-serif;border:0;border-radius:6px;padding:10px;
  background:var(--acento);color:#fff;cursor:pointer}
#form-login button:disabled{opacity:.6;cursor:wait}
.nota{font-size:12.5px;color:#4a5868;margin:4px 0 0}
.msg{margin:0;font-weight:600;color:var(--alerta-t)}
#msg{padding:12px 16px}
#posicao{flex:1;display:flex;flex-direction:column;min-height:0}
#faixa{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;padding:6px 16px;background:#e8eef5;font-size:13px}
#faixa .selo{background:var(--selo);color:#111;border-radius:4px;padding:1px 6px;font-weight:700}
#hist-rot select{font:inherit;margin-left:4px;max-width:100%}
.aviso{background:var(--aviso);color:var(--aviso-t);padding:6px 16px;font-size:13px}
#ressalvas{padding:4px 16px;font-size:13px;background:#fff}
#ressalvas ul{margin:4px 0 6px;padding-left:20px}
#visor{flex:1;width:100%;min-height:80vh;border:0;background:#fff}