/* Magic 1Xtra | Magic Monitor: only the Dart service workspace tab bar.
   The global WebApp bottomNav is a separate legacy navigation and MUST NOT
   be displayed at the same time as #mxRemainingFlutterWorkspace. Scope to
   /airplay and /magic-monitor, not Live TV, Marketplace or other services. */
html body.magic-monitor-route.mx-flutter-remaining-workspace #app > nav#bottomNav.bottom-nav,
html body.magic-monitor-route #app > nav#bottomNav.bottom-nav,
html:has(#mxRemainingFlutterWorkspace:not([hidden])) body.magic-monitor-route #app > nav#bottomNav.bottom-nav {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Preserve and visibly prioritize the already-installed Flutter service bar. */
html body.magic-monitor-route #mxRemainingFlutterWorkspace:not([hidden]) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  bottom: 0 !important;
  z-index: 950 !important;
}
/* Avoid content being hidden behind the one remaining bottom bar. */
html body.magic-monitor-route.mx-flutter-remaining-workspace #page {
  padding-bottom: calc(94px + env(safe-area-inset-bottom, 0px)) !important;
}
@media (max-width: 420px) {
  html body.magic-monitor-route #mxRemainingFlutterWorkspace:not([hidden]) {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}