/* Mobile/tablet admin layering: the drawer must own the top interaction layer. */
@media (max-width: 900px) {
  html.mtt-admin-route .admin-menu-toggle {
    z-index: 1010 !important;
    min-width: 44px !important;
    min-height: 44px !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent;
  }

  html.mtt-admin-route .admin-menu-backdrop {
    z-index: 990 !important;
  }

  html.mtt-admin-route .admin > .admin-sidebar.open,
  html.mtt-admin-route .admin .admin-sidebar.open {
    z-index: 1000 !important;
    pointer-events: auto !important;
  }

  html.mtt-admin-route .admin .preview {
    position: relative !important;
    z-index: 1 !important;
    isolation: isolate !important;
  }

  html.mtt-admin-route .admin .preview .preview-bar {
    z-index: 20 !important;
  }
}