/* Magic1Xtra V7 — Flutter selector's bottom area and normal scrolling.
   Applies ONLY when the current page actually contains the Flutter
   Home or Switch Service selector. Does not style media players or other routes.
   Loaded after V6 to override old 80/85/110/120px reserved nav padding. */
@supports selector(body:has(#page .mxss-screen)) {
  html body:has(#page .mxss-screen):not(.video-playback-active),
  html body:has(#page .mxso-page):not(.video-playback-active) {
    overflow-y:auto!important; height:auto!important; min-height:100%!important;
    overscroll-behavior-y:auto!important;
    background:#020912!important;
  }
  html body:has(#page .mxss-screen):not(.video-playback-active) #app.app-shell,
  html body:has(#page .mxso-page):not(.video-playback-active) #app.app-shell,
  html body:has(#page .mxss-screen):not(.video-playback-active) #page,
  html body:has(#page .mxso-page):not(.video-playback-active) #page {
    height:auto!important;max-height:none!important;min-height:100dvh!important;
    overflow:visible!important;overflow-y:visible!important;
    padding-bottom:0!important;margin-bottom:0!important;
    background:#020912!important;
  }
  /* Kill stale 85px footer clearance from flutter-switch-service-parity.css.
     Retain a small safe-area inset for phones with a home gesture bar. */
  html body:has(#page .mxss-screen):not(.video-playback-active) #page > .mxss-screen {
    box-sizing:border-box!important;width:100%!important;
    min-height:100dvh!important;height:auto!important;max-height:none!important;
    overflow:visible!important;
    padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
    background:#020912!important;
  }
  html body:has(#page .mxso-page):not(.video-playback-active) #page .mxso-page {
    height:auto!important;max-height:none!important;
    overflow:visible!important;
    padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
    background:#020912!important;
  }
  html body:has(#page .mxss-screen):not(.video-playback-active) #mxssGroups,
  html body:has(#page .mxss-screen):not(.video-playback-active) .mxss-section,
  html body:has(#page .mxso-page):not(.video-playback-active) .mxso-layout {
    height:auto!important;max-height:none!important;overflow:visible!important;
  }
  /* Maintain native Flutter selector: no nav here. This is NOT global. */
  html body:has(#page .mxss-screen):not(.video-playback-active) #bottomNav,
  html body:has(#page .mxso-page):not(.video-playback-active) #bottomNav {
    display:none!important;height:0!important;min-height:0!important;
    padding:0!important;margin:0!important;
  }
}