/* REC0DET V265 — Main Hub RGM3D production icon layer.
   Visual-only: no route, access, lock or database changes. */
#viewMain .mainModuleElectronicsGrid .hubModuleIcon.rgm3dHubIcon,
#viewMain .mainModuleElectronicsGrid .hubPrimaryCard .hubModuleIcon.rgm3dHubIcon{
  width:56%!important;
  max-width:76px!important;
  aspect-ratio:1/1!important;
  filter:none!important;
  overflow:visible!important;
}
#viewMain .mainModuleElectronicsGrid .hubModuleIcon.rgm3dHubIcon .rgm3dHubSvg{
  width:92%!important;
  height:92%!important;
  overflow:visible!important;
  transform:translateZ(0);
  filter:drop-shadow(0 5px 6px rgba(0,0,0,.34)) drop-shadow(0 0 8px rgba(231,185,67,.13));
}
#viewMain .mainModuleElectronicsGrid>.hubModuleTile.menuModuleCard:not(.launchAccessLocked) .rgm3dHubSvg{
  opacity:1;
}
#viewMain .mainModuleElectronicsGrid>.hubModuleTile.menuModuleCard.launchAccessLocked .rgm3dHubSvg{
  opacity:.46;
  filter:grayscale(.72) drop-shadow(0 4px 5px rgba(0,0,0,.28))!important;
}
#viewMain .mainModuleElectronicsGrid>.hubModuleTile.menuModuleCard:active .rgm3dHubSvg{
  transform:scale(.96);
}
@media(max-width:760px){
  #viewMain .mainModuleElectronicsGrid .hubModuleIcon.rgm3dHubIcon,
  #viewMain .mainModuleElectronicsGrid .hubPrimaryCard .hubModuleIcon.rgm3dHubIcon{
    width:60%!important;
    max-width:72px!important;
  }
}
@media(max-width:350px){
  #viewMain .mainModuleElectronicsGrid .hubModuleIcon.rgm3dHubIcon,
  #viewMain .mainModuleElectronicsGrid .hubPrimaryCard .hubModuleIcon.rgm3dHubIcon{
    width:56%!important;
    max-width:64px!important;
  }
}

/* REC0DET V266 — one Main Hub shell on phone and desktop.
   Reuse the approved mobile header, remove the desktop rail, keep one bottom bar. */
body:has(#viewMain:not(.hidden)) .appSidebar{
  display:none!important;
}
body:has(#viewMain:not(.hidden)) .topbar.topbarTwoRow,
body:has(#viewMain:not(.hidden)) main.content,
body:has(#viewMain:not(.hidden)) .searchbar,
body:has(#viewMain:not(.hidden)) .moduleRibbon,
body:has(#viewMain:not(.hidden)) .contextRibbon{
  margin-left:0!important;
}
body:has(#viewMain:not(.hidden)) .topbar.topbarTwoRow{
  width:100%!important;
  max-width:none!important;
}
body:has(#viewMain:not(.hidden)) main.content{
  width:100%!important;
  max-width:none!important;
  padding-left:clamp(10px,2.4vw,28px)!important;
  padding-right:clamp(10px,2.4vw,28px)!important;
}
body:has(#viewMain:not(.hidden)) .moduleRibbon,
body:has(#viewMain:not(.hidden)) .contextRibbon,
body:has(#viewMain:not(.hidden)) .legacyModuleBar,
body:has(#viewMain:not(.hidden)) .globalBottomBar{
  display:none!important;
}
body:has(#viewMain:not(.hidden)) #mainMenuMobileNav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  width:min(calc(100vw - 20px),620px)!important;
  max-width:620px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  margin:0!important;
}
@media(min-width:981px){
  body:has(#viewMain:not(.hidden)) .topbarPrimaryRow,
  body:has(#viewMain:not(.hidden)) .topbarSecondaryRow,
  body:has(#viewMain:not(.hidden)) .topbarSecondaryActions{
    margin-left:0!important;
  }
  body:has(#viewMain:not(.hidden)) #viewMain{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}