/* V11: real Home + Switch Service 5-tab nav, not a reserved blank rail.
   This stylesheet is loaded AFTER the earlier Home/selector overrides. */
@media (max-width: 1050px) {
  html body.mx-quicknav-home #app > nav#bottomNav.mx-home-quicknav,
  html body.mx-quicknav-home:has(#page .mxso-page) #app > nav#bottomNav.mx-home-quicknav,
  html body.mx-quicknav-home:has(#page .mxss-screen) #app > nav#bottomNav.mx-home-quicknav {
    display:grid!important;visibility:visible!important;opacity:1!important;
    pointer-events:auto!important;position:fixed!important;
    inset:auto 0 0 0!important;left:0!important;right:0!important;bottom:0!important;
    width:100%!important;max-width:none!important;height:calc(66px + env(safe-area-inset-bottom,0px))!important;
    min-height:66px!important;max-height:none!important;
    padding:5px 4px env(safe-area-inset-bottom,0px)!important;
    margin:0!important;border:0!important;border-top:1px solid #26364a!important;
    border-radius:0!important;background:rgba(5,12,25,.97)!important;
    box-shadow:0 -4px 18px rgba(0,0,0,.24)!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:1fr!important;
    gap:0!important;overflow:visible!important;box-sizing:border-box!important;
    z-index:1500!important;transform:translate3d(0,0,0)!important;
    transition:transform .2s ease-out!important;
  }
  html body.mx-quicknav-home.mx-qnav-collapsed #app > nav#bottomNav.mx-home-quicknav,
  html body.mx-quicknav-home.mx-qnav-collapsed:has(#page .mxso-page) #app > nav#bottomNav.mx-home-quicknav,
  html body.mx-quicknav-home.mx-qnav-collapsed:has(#page .mxss-screen) #app > nav#bottomNav.mx-home-quicknav {
    transform:translate3d(0,110%,0)!important;
    pointer-events:none!important;
  }
  html body.mx-quicknav-home #app > nav#bottomNav.mx-home-quicknav > a {
    display:flex!important;min-width:0!important;min-height:0!important;
    flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:3px!important;padding:3px 1px!important;margin:0!important;
    color:#aebbd0!important;text-decoration:none!important;
    font:600 10px/1.12 system-ui,-apple-system,sans-serif!important;
    background:none!important;box-shadow:none!important;border:0!important;
    grid-column:auto!important;grid-row:1!important;
  }
  html body.mx-quicknav-home #app > nav#bottomNav.mx-home-quicknav > a.active,
  html body.mx-quicknav-home #app > nav#bottomNav.mx-home-quicknav > a[aria-current="page"] {color:#ff2675!important;}
  html body.mx-quicknav-home #app > nav#bottomNav.mx-home-quicknav svg {
    width:23px!important;height:23px!important;display:block!important;flex:none!important;
    fill:none!important;stroke:currentColor!important;
  }
  html body.mx-quicknav-home #app > nav#bottomNav.mx-home-quicknav small {
    display:block!important;color:inherit!important;font:inherit!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  html body.mx-quicknav-home #page {
    padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;
    overflow-y:visible!important;
  }
  html body.mx-quicknav-home #playerHost > .flutter-global-player:not(.expanded) {
    bottom:calc(75px + env(safe-area-inset-bottom,0px))!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body.mx-quicknav-home #app > nav#bottomNav.mx-home-quicknav {transition:none!important;}
}