.nav-wrap{display:flex;flex-direction:column;gap:10px}
#navmap{height:52vh;min-height:340px;border-radius:12px}
.nav-panel{display:grid;gap:8px}
.nav-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.nav-row input{flex:1;min-width:180px;padding:10px;border-radius:8px;border:1px solid #ccc}
.nav-ac{position:relative}.nav-ac ul{position:absolute;z-index:1000;left:0;right:0;top:100%;margin:0;padding:0;list-style:none;background:#fff;border:1px solid #ccc;border-radius:8px;max-height:240px;overflow:auto}
.nav-ac li{padding:8px 10px;cursor:pointer;border-bottom:1px solid #eee;font-size:14px}.nav-ac li:hover{background:#f2f6ff}
.nav-alt{padding:8px 10px;border:2px solid #4446;border-radius:10px;cursor:pointer;background:transparent;color:inherit}.nav-alt.on{border-color:#0d6efd;background:#0d6efd22}
.nav-banner{background:#0b3d2e;color:#fff;border-radius:12px;padding:12px 14px;font-size:18px;display:none}
.nav-banner.on{display:block}.nav-banner small{opacity:.8;font-size:13px}
.nav-lanes{display:flex;gap:4px;margin-top:6px}.nav-lanes span{border:1px solid #fff6;border-radius:4px;padding:2px 6px;font-size:16px;opacity:.45}.nav-lanes span.v{opacity:1;background:#198754}
.nav-hud{display:flex;gap:10px}.nav-speed{width:64px;height:64px;border-radius:50%;background:#fff;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;border:3px solid #ccc}
.nav-limit{border-color:#dc3545}.nav-over{background:#dc3545;color:#fff}
.nav-steps{max-height:280px;overflow:auto}.nav-steps div{padding:6px 4px;border-bottom:1px solid #eee;font-size:14px}.nav-steps .cur{background:#fff3cd}
.nav-warn{background:#fff3cd;border-left:4px solid #f0ad4e;padding:8px 10px;border-radius:6px;font-size:14px}
.nav-danger{background:#f8d7da;border-left-color:#dc3545}
.nav-rep button{font-size:13px}
.nav-cover{height:14px;border-radius:7px;display:flex;overflow:hidden}
.nav-cover i{flex:1}
.nav-modal{position:fixed;inset:0;background:#000a;z-index:5000;display:flex;align-items:center;justify-content:center}
.nav-modal .card{max-width:380px;text-align:center}
body.night{background:#111;color:#e8e8e8}body.night .card,body.night .nav-alt,body.night .nav-ac ul{background:#1c1f24;color:#e8e8e8;border-color:#333}
body.night .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.85) contrast(.9)}
body.night .nav-steps div{border-color:#333}body.night .nav-steps .cur{background:#3a3315}
.nav-row label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.nav-row label input[type=checkbox]{width:auto;min-width:0;flex:none;margin:0}
.nav-row label input[type=number]{flex:none;min-width:0;width:70px}
body.night .nav-warn{color:#111}
.nav-wrap [hidden]{display:none!important}