/* Shared Mission Control shell — one navbar across every tab. */
.top-nav:has(.cog-global-command) .tab-button{transition:none!important}
.top-nav:has(.cog-global-command) .tab-button.active{
  color:#07111c!important;
  background:rgba(244,248,252,.96)!important;
  box-shadow:0 0 18px rgba(163,213,244,.12),inset 0 -1px 0 rgba(0,0,0,.08)!important;
}
@media (min-width:1181px){
  html,body{--nav-height:58px}
  .top-nav:has(.cog-global-command){
    height:var(--nav-height)!important;
    grid-template-columns:190px minmax(570px,1fr) minmax(220px,280px) 255px!important;
    gap:10px!important;
    padding:7px clamp(16px,2.2vw,34px)!important;
    background:rgba(2,10,22,.94)!important;
    border-bottom:1px solid rgba(91,142,190,.18)!important;
    backdrop-filter:blur(24px) saturate(135%)!important;
  }
  .top-nav:has(.cog-global-command) .brand{gap:9px!important}
  .top-nav:has(.cog-global-command) .brand-mark{width:38px!important;height:38px!important}
  .top-nav:has(.cog-global-command) .brand-title{font-size:18px!important;letter-spacing:.05em!important}
  .top-nav:has(.cog-global-command) .brand .mono{font-size:8px!important;letter-spacing:.12em!important}
  .top-nav:has(.cog-global-command) .version-badge{padding:2px 5px!important;font-size:7px!important}
  .top-nav:has(.cog-global-command) .tabs{
    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    align-items:center!important;
    width:100%!important;
    height:41px!important;
    gap:0!important;
    padding:5px!important;
    border-radius:10px!important;
    background:#03101f!important;
    border-color:rgba(85,142,187,.24)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .top-nav:has(.cog-global-command) .tab-button{
    min-width:0!important;
    height:31px!important;
    padding:0 6px!important;
    border-radius:7px!important;
    color:#9dadbd!important;
    font-size:8px!important;
    line-height:31px!important;
    letter-spacing:.11em!important;
    box-shadow:none!important;
  }
  .top-nav:has(.cog-global-command) .tab-button:hover{color:#eaf4ff!important;background:rgba(38,94,132,.14)!important}
  .top-nav:has(.cog-global-command) .tab-button.active{
    color:#07111c!important;
    background:rgba(244,248,252,.96)!important;
    box-shadow:0 0 18px rgba(163,213,244,.12),inset 0 -1px 0 rgba(0,0,0,.08)!important;
  }
  .top-nav:has(.cog-global-command) .cog-global-command{
    width:100%!important;
    max-width:280px!important;
    height:32px!important;
    border-color:rgba(76,153,207,.3)!important;
    background:#061526!important;
  }
  .top-nav:has(.cog-global-command) .cog-global-command input{font-size:9px!important}
  .top-nav:has(.cog-global-command) .status-pill{
    min-width:0!important;
    min-height:36px!important;
    padding:7px 68px 7px 10px!important;
    border-radius:8px!important;
    background:#03101f!important;
    border-color:rgba(104,151,194,.2)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .top-nav:has(.cog-global-command) #globalSystemState{font-size:8px!important;white-space:nowrap!important}
  .top-nav:has(.cog-global-command) .cog-public-readonly{font-size:8px!important}
  .top-nav:has(.cog-global-command) .clock{right:12px!important;font-size:12px!important}
}
@media (min-width:1101px) and (max-width:1180px){
  html,body,body:has(#panel-overview.active){--nav-height:110px!important}
  .top-nav:has(.cog-global-command){height:var(--nav-height)!important}
}
@media (min-width:681px) and (max-width:1100px){
  html,body,body:has(#panel-overview.active){--nav-height:150px!important}
  .top-nav:has(.cog-global-command){height:var(--nav-height)!important}
}
@media (max-width:680px){
  html,body,body:has(#panel-overview.active){--nav-height:188px!important}
  .top-nav:has(.cog-global-command){height:var(--nav-height)!important}
}
.top-nav:has(.cog-global-command) .tab-button.active,
.top-nav:has(.cog-global-command) .tab-button.active:hover,
.top-nav:has(.cog-global-command) .tab-button.active:focus-visible{
  color:#07111c!important;
  background:rgba(244,248,252,.96)!important;
  box-shadow:0 0 18px rgba(163,213,244,.12),inset 0 -1px 0 rgba(0,0,0,.08)!important;
}
@media (max-width:1180px){
  html,body,body:has(#panel-overview.active){--nav-height:110px!important}
  .top-nav:has(.cog-global-command){
    height:var(--nav-height)!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:10px!important;
    padding:7px clamp(16px,2.2vw,34px)!important;
    background:rgba(2,10,22,.94)!important;
    border-bottom-color:rgba(91,142,190,.18)!important;
  }
  .top-nav:has(.cog-global-command) .brand{gap:9px!important}
  .top-nav:has(.cog-global-command) .brand-mark{width:38px!important;height:38px!important}
  .top-nav:has(.cog-global-command) .brand-title{font-size:18px!important;letter-spacing:.05em!important}
  .top-nav:has(.cog-global-command) .brand .mono{font-size:8px!important;letter-spacing:.12em!important}
  .top-nav:has(.cog-global-command) .version-badge{padding:2px 5px!important;font-size:7px!important}
  .top-nav:has(.cog-global-command) .tabs{
    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    width:min(100%,1087px)!important;
    height:41px!important;
    gap:0!important;
    padding:5px!important;
    border-radius:10px!important;
    background:#03101f!important;
    border-color:rgba(85,142,187,.24)!important;
  }
  .top-nav:has(.cog-global-command) .tab-button{
    min-width:0!important;
    height:31px!important;
    padding:0 3px!important;
    border-radius:7px!important;
    font-size:clamp(6px,1.35vw,8px)!important;
    line-height:31px!important;
    letter-spacing:.08em!important;
  }
}