/* Magic 1Xtra V6: remove the hidden bottom-navigation slot ONLY on
   Flutter Service Selector Home and Switch Service. Rendering-content
   selectors take precedence over stale SPA body classes/nav-owner flags.
   Do not modify native/service navigation, mini players or backend. */
@supports selector(body:has(#page .mxso-page)) {
  html body:has(#page .mxso-page):not(.video-playback-active) #app.app-shell,
  html body:has(#page .mxss-screen):not(.video-playback-active) #app.app-shell {
    padding-bottom: 0 !important;
    min-height: 100dvh !important;
    background: #02060d !important;
  }
  html body:has(#page .mxso-page):not(.video-playback-active) #page,
  html body:has(#page .mxss-screen):not(.video-playback-active) #page {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: 100dvh !important;
    background: #02060d !important;
  }
  html body:has(#page .mxso-page):not(.video-playback-active) .mxso-page,
  html body:has(#page .mxss-screen):not(.video-playback-active) .mxss-screen {
    min-height: 100dvh !important;
    background: #02060d !important;
  }
  html body:has(#page .mxso-page):not(.video-playback-active),
  html body:has(#page .mxss-screen):not(.video-playback-active) {
    background: #02060d !important;
  }
  /* Flutter's selector has no bottom navigation, including rescue variants.
     The existing nav guard handles the visibility; this rule prevents
     browser layout from reserving space for any hidden nav. */
  html body:has(#page .mxso-page):not(.video-playback-active) #bottomNav,
  html body:has(#page .mxss-screen):not(.video-playback-active) #bottomNav {
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
}