/* MWSIQ compact MLB module navigation */
.module-command-nav{
  overflow:visible!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:58px;
  padding:7px 20px;
  position:sticky;
  top:68px;
  z-index:130;
}
.module-nav-primary{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
}
.module-home-btn,.module-nav-trigger{
  min-height:40px;
  border:1px solid transparent;
  border-radius:9px;
  padding:0 13px;
  background:transparent;
  color:#aebbd0;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
.module-home-btn:hover,.module-nav-trigger:hover,.module-home-btn.active,.module-nav-item.active>.module-nav-trigger,.module-nav-item.open>.module-nav-trigger{
  color:#f4f8ff;
  border-color:rgba(78,151,255,.44);
  background:linear-gradient(145deg,rgba(27,76,133,.46),rgba(13,35,61,.62));
}
.module-home-icon{margin-right:7px;color:#65a9ff}
.module-nav-item{position:relative}

.module-nav-item:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:12px;
  background:transparent;
  pointer-events:auto;
}

.module-chevron{font-size:10px;margin-left:8px;color:#71839a;transition:transform .16s ease}
.module-nav-item.open>.module-nav-trigger .module-chevron{transform:rotate(180deg)}
.module-dropdown{
  position:absolute;
  margin-top:0;
  left:0;
  top:calc(100% - 1px);
  width:315px;
  padding:9px;
  display:none;
  border-radius:13px;
  border:1px solid rgba(102,149,205,.26);
  background:rgba(6,18,32,.98);
  box-shadow:0 24px 60px rgba(0,0,0,.48);
  backdrop-filter:blur(22px);
  z-index:500;
}
.module-nav-item.open>.module-dropdown,
.module-nav-item:focus-within>.module-dropdown{display:block}
.module-dropdown:before{
  content:"";
  position:absolute;
  left:22px;
  top:-6px;
  width:11px;
  height:11px;
  transform:rotate(45deg);
  border-left:1px solid rgba(102,149,205,.26);
  border-top:1px solid rgba(102,149,205,.26);
  background:#071524;
}
.module-dropdown button{
  width:100%;
  min-height:55px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 11px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#e9eff8;
  text-align:left;
  cursor:pointer;
}
.module-dropdown button:hover,.module-dropdown button.active,.module-dropdown button:focus-visible{
  outline:0;
  background:linear-gradient(90deg,rgba(47,123,226,.22),rgba(47,123,226,.07));
}
.module-dropdown button span{min-width:0}
.module-dropdown button b{display:block;font-size:12px}
.module-dropdown button small{
  display:block;
  margin-top:4px;
  color:#788ba5;
  font-size:10px;
  line-height:1.35;
}
.module-dropdown button i{font-style:normal;color:#59a5ff}
.module-command-nav .command-nav-window{margin-left:auto}
@media(max-width:1100px){
  .module-command-nav{grid-template-columns:auto minmax(0,1fr);padding:7px 12px}
  .module-command-nav .command-nav-window{grid-column:1/-1;width:100%;margin:0}
  .module-command-nav .header-window-bar{justify-content:flex-start}
  .module-nav-primary{overflow-x:auto;scrollbar-width:none}
  .module-nav-primary::-webkit-scrollbar{display:none}
}
@media(max-width:700px){
  .module-command-nav{display:flex!important;flex-wrap:wrap;gap:8px;overflow:visible!important}
  .module-nav-primary{order:3;width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
  .module-nav-item{flex:0 0 auto}
  .module-home-btn,.module-nav-trigger{min-height:42px;padding:0 11px;font-size:11px;touch-action:manipulation}
  .module-nav-item:after{display:none}
  .module-nav-item:focus-within>.module-dropdown{display:none}
  .module-nav-item.open>.module-dropdown{display:block}
  .module-dropdown{
    position:fixed;
    left:10px;
    right:10px;
    top:var(--msiq-mobile-dropdown-top,var(--msiq-fixed-stack-height,140px));
    width:auto;
    max-height:calc(100dvh - var(--msiq-mobile-dropdown-top,var(--msiq-fixed-stack-height,140px)) - 12px);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:10px;
    border-radius:14px;
    z-index:2400!important;
    box-shadow:0 22px 70px rgba(0,0,0,.68);
  }
  .module-dropdown:before{display:none}
  .module-dropdown button{min-height:58px;padding:10px 12px;touch-action:manipulation}
  .module-dropdown button b{font-size:13px}
  .module-dropdown button small{font-size:11px}
  body:has(.module-nav-item.open) .content:after{
    content:"";
    position:fixed;
    inset:var(--msiq-mobile-dropdown-top,var(--msiq-fixed-stack-height,140px)) 0 0;
    background:rgba(1,8,16,.42);
    z-index:2300;
    pointer-events:none;
  }
}