/* MPAY Mobile - minimal safe overrides */
@media screen and (max-width: 768px) {
  /* 交给后台前端自身的 Drawer/按钮逻辑处理侧边栏；这里只做尺寸与滚动优化，不再二次接管。 */
  .arco-layout-content {
    margin-left: 0 !important;
    padding: 8px !important;
  }

  /* ===== DRAWERS: full width ===== */
  .arco-drawer-container { width: 100vw !important; max-width: 100vw !important; }
  .arco-drawer { width: 100vw !important; max-width: 100vw !important; }
  .merchant-workbench-drawer,
  .merchant-workbench-drawer .arco-drawer,
  .merchant-workbench-drawer .arco-drawer-container {
    width: 100vw !important; max-width: 100vw !important;
  }

  /* ===== MODALS ===== */
  .arco-modal { width: 95vw !important; max-width: 95vw !important; max-height: 90vh !important; overflow: auto !important; top: 5vh !important; margin: 0 auto !important; }
  .arco-modal-container { padding: 0 4px !important; }

  /* ===== DRAWER CONTENT ===== */
  .arco-drawer-body { overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; padding: 12px !important; }

  /* ===== FORMS ===== */
  .arco-form-item { flex-direction: column !important; }
  .arco-form-item-label-col { width: 100% !important; text-align: left !important; margin-bottom: 4px !important; padding: 0 !important; }
  .arco-form-item-wrapper-col { width: 100% !important; max-width: 100% !important; padding: 0 !important; }

  /* ===== GRIDS ===== */
  .summary-grid, .form-grid { grid-template-columns: 1fr !important; }
  .merchant-summary { flex-direction: column !important; align-items: flex-start !important; }

  /* ===== TABLES ===== */
  .arco-table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .arco-table-th, .arco-table-td { white-space: nowrap; font-size: 12px; }

  /* ===== TABS ===== */
  .arco-tabs-nav { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .arco-tabs-tab { white-space: nowrap; padding: 8px 10px !important; }

  /* ===== INPUTS ===== */
  .arco-input, .arco-select-view, .arco-textarea, select { font-size: 16px !important; }

  /* ===== BUTTONS ===== */
  .arco-btn { min-height: 40px !important; }

  /* ===== MENU TOUCH ===== */
  .arco-menu-item, .arco-menu-inline-header, .arco-menu-pop-header { cursor: pointer !important; -webkit-tap-highlight-color: rgba(0,0,0,0.1) !important; touch-action: manipulation !important; }
  .arco-menu a { pointer-events: auto !important; cursor: pointer !important; }

  /* ===== SCROLL ===== */
  html, body { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}