/**
 * MB4 Category 1 — Hide floating FABs on mobile
 * Mobile-first overlay: desktop (>768px) unaffected.
 * All 5 admin FABs move into #mobileAdminDrawer (see components/mobile-admin-drawer.js).
 */

@media (max-width: 768px) {
  /* Hide every admin FAB that was injected into #adminLauncherFab */
  #adminLauncherFab,
  #adminFabFlags,
  #adminFabCustomFields,
  #adminFabSettings,
  #adminFabUsage,
  #adminFabCacheMetrics,
  #cache-metrics-fab,
  #usage-monitor-fab,
  #feature-flags-fab,
  #custom-fields-fab,
  #theme-toggle-fab-v2,
  .admin-fab,
  [id$="Fab"]:not(#mobileAdminDrawerTrigger),
  [id$="fab"]:not(#mobileAdminDrawerTrigger),
  [class*="fab-button"]:not(.mobile-allowed) {
    display: none !important;
  }

  /* Also hide any floating bottom-right admin cluster (parent containers) */
  #usageDashboardBtn,
  #cacheMetricsBtn,
  .admin-fab-cluster {
    display: none !important;
  }
}