.topbar { display:flex; gap:14px; }
.topbar-brand { flex:1; }
.menu-toggle { width:44px; height:44px; padding:10px; display:grid; align-content:center; gap:5px; background:#102b3d; border-color:#28546c; }
.menu-toggle span { display:block; height:2px; border-radius:2px; background:var(--text); transition:.2s; }
.nav-open .menu-toggle span:first-child { transform:translateY(7px) rotate(45deg); }
.nav-open .menu-toggle span:nth-child(2) { opacity:0; }
.nav-open .menu-toggle span:last-child { transform:translateY(-7px) rotate(-45deg); }
.command-nav { position:fixed; z-index:1200; top:0; bottom:0; left:0; width:268px; padding:18px 14px; background:linear-gradient(180deg,#0d2638,#071722); border-right:1px solid #2b5065; box-shadow:18px 0 45px #0008; transform:translateX(-105%); transition:transform .24s ease; display:flex; flex-direction:column; }
.nav-open .command-nav { transform:translateX(0); }
.nav-overlay { position:fixed; z-index:1100; inset:0; background:#02080dcc; backdrop-filter:blur(4px); }
.nav-head { height:58px; display:flex; align-items:center; gap:11px; padding:0 6px 15px; border-bottom:1px solid var(--line); }
.nav-head small,.nav-safety small { display:block; color:var(--muted); font-size:11px; }
.nav-emblem { width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:linear-gradient(145deg,#19a7d1,#176887); font-weight:900; box-shadow:0 0 24px #21b8e633; }
.nav-close { margin-left:auto; width:36px; height:36px; padding:0; background:transparent; border-color:transparent; font-size:26px; color:var(--muted); }
.command-nav nav { display:grid; gap:5px; margin-top:20px; }
.nav-link { display:flex; align-items:center; gap:13px; padding:12px 13px; border-radius:10px; color:var(--muted); text-decoration:none; border:1px solid transparent; }
.nav-link span { width:24px; text-align:center; font-size:19px; color:#75cae6; }
.nav-link b { font-size:13px; }
.nav-link:hover,.nav-link.active { color:var(--text); background:#133246; border-color:#285168; }
.nav-link.active { box-shadow:inset 3px 0 var(--cyan); }
.nav-safety { margin-top:auto; display:flex; align-items:center; gap:10px; padding:13px; border-radius:12px; background:#0d302a; border:1px solid #1d5b4c; }
.nav-safety>span { width:10px; height:10px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }
.nav-safety strong { display:block; font-size:12px; }
html { scroll-behavior:smooth; }
#dashboard,#mapSection,#videoSection,#droneSection,#controlsSection,#missionSection,#logSection { scroll-margin-top:92px; }
@media(max-width:560px) {
  .topbar-brand h1 { font-size:14px; }
  .topbar-brand .brand { font-size:9px; }
  .pill { padding:7px 9px; font-size:10px; }
  .menu-toggle { width:40px; height:40px; }
  .command-nav { width:min(86vw,300px); }
}