/* Recodet V98 — main menu modules use the Electronics 001–100 visual language.
   Visual-only pass: routes, access gating and module behavior are unchanged. */
#viewMain{
  width:min(100%,1240px)!important;
  max-width:1240px!important;
  margin:0 auto!important;
  gap:14px!important;
}
#viewMain .hubModulesHead{min-height:34px!important}
#viewMain .hubModulesHead .sectionTitle{
  font:800 clamp(24px,2.1vw,32px)/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color:#f6f2e8!important;
}
#viewMain .mainModuleElectronicsGrid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
}
#viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard,
#viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard.hubPrimaryCard{
  position:relative!important;
  isolation:isolate!important;
  grid-column:span 1!important;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:13% 8% 7%!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-direction:column!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid rgba(205,150,39,.92)!important;
  border-radius:14px!important;
  color:#f5c531!important;
  background:
    radial-gradient(80% 54% at 50% 0%,rgba(236,184,46,.07),transparent 72%),
    linear-gradient(180deg,#111216 0%,#0b0c0f 100%)!important;
  box-shadow:
    inset 0 0 0 3px #0a0a0b,
    inset 0 0 0 4px rgba(166,117,26,.72),
    0 7px 16px rgba(0,0,0,.31)!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
#viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard::before,
#viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard.hubPrimaryCard::before{
  content:""!important;
  position:absolute!important;
  inset:5px!important;
  z-index:0!important;
  display:block!important;
  opacity:1!important;
  pointer-events:none!important;
  border:1px solid rgba(229,180,54,.43)!important;
  border-radius:10px!important;
  background:none!important;
}
#viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard:hover,
#viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard:focus-visible{
  transform:translateY(-2px)!important;
  filter:brightness(1.06)!important;
  border-color:rgba(243,202,77,.95)!important;
  box-shadow:inset 0 0 0 3px #0a0a0b,inset 0 0 0 4px rgba(196,144,31,.8),0 11px 22px rgba(0,0,0,.4),0 0 0 2px rgba(239,198,77,.1)!important;
  outline:0!important;
}
#viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard:active{transform:translateY(1px) scale(.985)!important}
#viewMain .mainModuleSeq,
#viewMain .mainModuleCode{
  position:absolute!important;
  top:7px!important;
  z-index:2!important;
  display:block!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:800!important;
  line-height:1!important;
  color:#c99b28!important;
  pointer-events:none!important;
}
#viewMain .mainModuleSeq{
  left:7px!important;
  min-width:31px!important;
  padding:3px 5px 2px!important;
  border:1px solid rgba(221,171,46,.8)!important;
  border-radius:5px!important;
  text-align:center!important;
  font-size:clamp(7px,1.9vw,10px)!important;
  letter-spacing:.02em!important;
  background:rgba(18,17,12,.82)!important;
}
#viewMain .mainModuleCode{
  right:8px!important;
  max-width:52%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
  font-size:clamp(5px,1.45vw,8px)!important;
  letter-spacing:.025em!important;
  opacity:.78!important;
}
#viewMain .mainModuleElectronicsGrid .hubModuleIcon,
#viewMain .mainModuleElectronicsGrid .hubPrimaryCard .hubModuleIcon{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:59%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  margin:4% 0 1%!important;
  padding:0!important;
  color:#f6c532!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 5px rgba(238,185,42,.22))!important;
}
#viewMain .mainModuleElectronicsGrid .hubModuleIcon svg,
#viewMain .mainModuleElectronicsGrid .hubPrimaryCard .hubModuleIcon svg{
  display:block!important;
  width:86%!important;
  height:86%!important;
  overflow:visible!important;
  color:inherit!important;
  stroke:currentColor!important;
  filter:none!important;
}
#viewMain .mainModuleElectronicsGrid .hubModuleIcon svg path,
#viewMain .mainModuleElectronicsGrid .hubModuleIcon svg rect,
#viewMain .mainModuleElectronicsGrid .hubModuleIcon svg circle,
#viewMain .mainModuleElectronicsGrid .hubModuleIcon svg line,
#viewMain .mainModuleElectronicsGrid .hubModuleIcon svg polyline{
  stroke-width:2.25!important;
}
#viewMain .mainModuleDivider{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:86%!important;
  height:1px!important;
  flex:0 0 1px!important;
  margin:0 0 8%!important;
  background:linear-gradient(90deg,transparent,rgba(196,146,39,.76) 13%,rgba(196,146,39,.76) 87%,transparent)!important;
  box-shadow:0 0 4px rgba(211,158,44,.08)!important;
}
#viewMain .mainModuleElectronicsGrid .hubModuleLabel,
#viewMain .mainModuleElectronicsGrid .hubPrimaryCard .hubModuleLabel{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#f4f3f0!important;
  font:800 clamp(9px,2.8vw,16px)/1.06 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.015em!important;
  text-align:center!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#viewMain .mainModuleSub{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  margin:5% 0 0!important;
  color:#797b7f!important;
  font:700 clamp(4px,1.15vw,7px)/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:.18em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
/* Preserve access-tier behavior without changing the new card geometry. */
#viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard.launchAccessLocked,
#viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard.hubPrimaryCard.launchAccessLocked{
  color:#777a7f!important;
  border-color:rgba(118,118,118,.42)!important;
  background:linear-gradient(180deg,#151619,#101114)!important;
  box-shadow:inset 0 0 0 3px #0a0a0b,inset 0 0 0 4px rgba(105,105,105,.32),0 7px 16px rgba(0,0,0,.28)!important;
  filter:none!important;
}
#viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard.launchAccessLocked::before{
  border-color:rgba(132,132,132,.26)!important;
}
#viewMain .mainModuleElectronicsGrid .launchAccessLocked .hubModuleIcon{color:#797c81!important;filter:none!important}
#viewMain .mainModuleElectronicsGrid .launchAccessLocked .mainModuleSeq,
#viewMain .mainModuleElectronicsGrid .launchAccessLocked .mainModuleCode{color:#8b8e92!important;border-color:rgba(139,142,146,.38)!important}
#viewMain .mainModuleElectronicsGrid .launchAccessLocked .hubModuleLabel{color:#b8b9bb!important}
#viewMain .mainModuleElectronicsGrid .launchAccessLocked .mainModuleDivider{background:linear-gradient(90deg,transparent,rgba(126,128,132,.45) 13%,rgba(126,128,132,.45) 87%,transparent)!important}
#viewMain .mainModuleElectronicsGrid .launchAccessLocked .mainModuleSub{color:#65686c!important}
#viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard.launchAccessLocked::after{
  top:26px!important;
  right:7px!important;
  min-height:17px!important;
  padding:3px 5px!important;
  border-radius:999px!important;
  font-size:7px!important;
  letter-spacing:.04em!important;
}
#viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard.is-selected:not(.launchAccessLocked){animation:none!important}
@media(max-width:370px){
  #viewMain .mainModuleElectronicsGrid{gap:6px!important}
  #viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard{border-radius:12px!important}
  #viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard::before{inset:4px!important;border-radius:9px!important}
  #viewMain .mainModuleSeq{top:6px!important;left:6px!important;min-width:28px!important;padding:2px 4px!important}
  #viewMain .mainModuleCode{top:7px!important;right:7px!important}
}
@media(min-width:760px){
  #viewMain .mainModuleElectronicsGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
  #viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard{border-radius:16px!important}
}
@media(min-width:1100px){
  #viewMain .mainModuleElectronicsGrid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media(prefers-reduced-motion:reduce){
  #viewMain .mainModuleElectronicsGrid > .hubModuleTile.menuModuleCard{transition:none!important}
}