/* Dart service_bottom_navigation.dart / magic_monitor_workspace_screen.dart.
   Recovery: one service nav, anchored outside SPA redraw subtree. */
#mxRemainingFlutterWorkspace:not([hidden]) {
  display:flex !important; visibility:visible !important; opacity:1 !important;
  pointer-events:auto !important;
  position:fixed !important; left:50% !important; right:auto !important;
  transform:translateX(-50%) !important; bottom:0 !important;
  width:min(calc(100% - 12px), 760px) !important;
  min-height:72px !important;
  padding:6px 6px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
  background:#0b101a !important; border:1px solid #273344 !important;
  border-radius:20px 20px 0 0 !important; box-shadow:0 -8px 22px #0009 !important;
  z-index:1200 !important; box-sizing:border-box !important;
  align-items:stretch !important; justify-content:space-around !important;
}
#mxRemainingFlutterWorkspace[hidden] {display:none !important;}
#mxRemainingFlutterWorkspace .mx-flutter-rem-tab {
  flex:1 1 0 !important; min-width:0 !important; min-height:58px !important;
  display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important;
  gap:5px !important; padding:5px 2px !important; border-radius:12px !important;
  color:#a7a9b6 !important; text-align:center !important;
  font:600 11px/1.2 system-ui,sans-serif !important;
}
#mxRemainingFlutterWorkspace .mx-flutter-rem-tab.active {color:#ff006d !important;}
#mxRemainingFlutterWorkspace .mx-flutter-rem-tab svg {width:24px !important;height:24px !important;flex:0 0 24px !important;}
#mxRemainingFlutterWorkspace .mx-flutter-rem-tab span {display:block !important;max-width:100% !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* Do not show the legacy website menu over the Flutter workspace tabs. */
html body:has(#mxRemainingFlutterWorkspace:not([hidden])) #app > nav#bottomNav,
html body:has(#mxRemainingFlutterWorkspace:not([hidden])) #desktopNav {display:none !important;visibility:hidden !important;pointer-events:none !important;}
html body.mx-flutter-remaining-workspace #page {padding-bottom:calc(106px + env(safe-area-inset-bottom,0px)) !important;}
@media(max-width:420px){
 #mxRemainingFlutterWorkspace:not([hidden]) {width:calc(100% - 12px) !important;min-height:68px !important;}
 #mxRemainingFlutterWorkspace .mx-flutter-rem-tab {font-size:10px !important;}
 #mxRemainingFlutterWorkspace .mx-flutter-rem-tab svg {width:23px !important;height:23px !important;}
}