.admin-mobile-backdrop,
.admin-mobile-close { display: none; }

@media (max-width: 1100px) {
  .admin-shell, .admin-shell > .el-container { height: 100dvh; min-height: 100dvh; max-height: 100dvh; }
  .admin-mobile-backdrop { position: fixed; z-index: 1998; display: block; inset: 0; padding: 0; border: 0; background: rgb(15 23 42 / 42%); backdrop-filter: blur(2px); }
  .admin-aside, .admin-aside.is-mobile { position: fixed; z-index: 1999; top: 0; bottom: 0; left: 0; display: flex !important; width: min(284px, 86vw) !important; max-width: 86vw; flex-direction: column; visibility: hidden; pointer-events: none; box-shadow: 18px 0 42px rgb(15 23 42 / 18%); transform: translateX(-105%); transition: transform 180ms ease; }
  .admin-aside.is-mobile-open { visibility: visible; pointer-events: auto; transform: translateX(0); }
  .admin-aside .admin-brand { height: calc(58px + env(safe-area-inset-top)); flex: 0 0 auto; padding: env(safe-area-inset-top) 10px 0 14px; }
  .admin-aside .admin-brand span { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; }
  .admin-mobile-compat-close { display: inline-flex; width: 42px; height: 42px; flex: 0 0 42px; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; border-radius: 8px; color: #64748b; background: transparent; font-size: 28px; line-height: 1; }
  .admin-menu { height: auto; min-height: 0; flex: 1; padding-bottom: max(18px, env(safe-area-inset-bottom)); overscroll-behavior: contain; }
  .admin-menu .el-menu-item, .admin-menu .el-sub-menu__title { min-height: 48px; }
  .admin-header { display: grid; height: auto; min-height: calc(104px + env(safe-area-inset-top)); flex: 0 0 auto; grid-template-columns: auto auto minmax(0, 1fr) auto; grid-template-rows: 56px 48px; gap: 0 8px; padding: env(safe-area-inset-top) 10px 0; }
  .header-tools { grid-column: 1; grid-row: 1; }
  .header-tool-button.el-button { width: 44px; height: 44px; font-size: 20px; }
  .header-tool-button.is-navigation-open { color: #0284c7; background: #e0f2fe; }
  .wecom-online-status { max-width: 148px; grid-column: 2; grid-row: 1; overflow: hidden; }
  .wecom-online-status span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .header-right { grid-column: 4; grid-row: 1; justify-self: end; }
  .header-order-statuses { width: calc(100vw - 20px); grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; gap: 6px; margin: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .header-order-statuses::-webkit-scrollbar { display: none; }
  .header-order-status { height: 36px; flex: 0 0 auto; padding: 0 12px; border: 1px solid #e5edf5; border-radius: 999px; background: #f8fafc; font-size: 13px; }
  .page-tabs-bar { height: 42px; flex: 0 0 42px; padding: 0 10px; }
  .page-tabs-bar .tab-scroll-button { display: none; }
  .page-tabs { gap: 6px; }
  .page-tab { height: 30px; max-width: 168px; padding: 0 10px; }
  .page-tab > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .admin-main { width: 100%; max-width: 100%; height: 0 !important; min-height: 0; flex: 1 1 0 !important; overflow-x: hidden; overflow-y: auto !important; padding: 14px 12px max(20px, calc(12px + env(safe-area-inset-bottom))); overscroll-behavior-x: none; overscroll-behavior-y: auto; -webkit-overflow-scrolling: touch; }
  .admin-shell, .admin-shell > .el-container, .admin-main > * { min-width: 0; max-width: 100%; }
  .page-heading, .page-title-row, .page-header, .statistics-header, .price-log-header, .customer-panel-header, .batch-detail-table-header { align-items: flex-start !important; flex-wrap: wrap; gap: 10px; }
  .page-heading { margin-bottom: 14px; }
  .page-heading h1, .page-title-row h1, .page-header h1 { font-size: 21px; }
  .management-panel, .filter-card, .channel-panel, .parameter-panel { width: 100%; min-width: 0; max-width: 100%; padding: 14px !important; border-radius: 10px; }
  .admin-main .filter-card { width: auto !important; max-width: 100% !important; padding: 0 !important; overflow: hidden; }
  .admin-main .filter-card .el-card__body, .admin-main .filter-grid, .admin-main .filter-grid > *, .admin-main .filter-secondary-row, .admin-main .filter-secondary-row > *, .admin-main .filter-action-row, .admin-main .filter-action-row > * { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
  .admin-main .filter-card .el-card__body { padding: 12px !important; overflow: hidden; }
  .admin-main .trade-record-page { width: 100%; min-width: 0; max-width: 100%; overflow: hidden; }
  .admin-main .trade-record-page .dashboard-strip { width: 100%; min-width: 0; max-width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .admin-main .filter-secondary-row { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; }
  .admin-main .filter-card :is(.el-input, .el-select, .el-date-editor, .el-cascader, .el-input-number) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
  .admin-main .filter-card .el-input-group { display: flex; width: 100%; min-width: 0; max-width: 100%; }
  .admin-main .filter-card .el-input-group__prepend { width: min(150px, 40%); min-width: 0; flex: 0 0 min(150px, 40%); padding: 0 !important; overflow: hidden; }
  .admin-main .filter-card .el-input-group__prepend .el-select { width: 100% !important; min-width: 0 !important; margin: 0 !important; }
  .admin-main .filter-card .el-input-group > .el-input__wrapper { min-width: 0; flex: 1 1 auto; }
  .admin-main .date-shortcuts { display: grid; width: 100%; grid-template-columns: repeat(5, minmax(0, 1fr)); white-space: normal; }
  .admin-main .date-shortcuts .el-button { width: 100%; min-width: 0; padding-right: 8px; padding-left: 8px; }
  .admin-main .filter-actions { display: grid !important; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-main .filter-actions .el-button { width: 100%; min-width: 0; }
  .admin-main :is(.toolbar, .toolbar-row, .order-toolbar, .supplier-toolbar, .business-toolbar, .statistics-toolbar, .turnover-toolbar, .statement-toolbar, .policy-toolbar, .authorization-toolbar, .after-sale-search-toolbar, .order-filter-toolbar, .callback-filter-row, .filter-bar, .filter-row, .filter-form, .filter-actions, .filter-action-row, .supplier-top-actions, .customer-batch-actions, .batch-actions) { display: flex !important; width: 100%; align-items: stretch !important; flex-direction: column; gap: 10px !important; }
  .admin-main :is(.toolbar, .toolbar-row, .order-toolbar, .supplier-toolbar, .business-toolbar, .statistics-toolbar, .turnover-toolbar, .statement-toolbar, .policy-toolbar, .authorization-toolbar, .after-sale-search-toolbar, .order-filter-toolbar, .callback-filter-row, .filter-bar, .filter-row, .filter-form) > :is(.el-input, .el-select, .el-date-editor, .el-cascader, .el-input-number, .el-button) { width: 100% !important; max-width: none !important; flex: 0 0 auto !important; }
  .admin-main :is(.filter-grid, .customer-filter-grid, .customer-statement-grid, .filters, .filters.compact, .item-filters, .brand-management-toolbar, .binding-toolbar) { width: 100%; grid-template-columns: minmax(0, 1fr) !important; }
  .admin-main :is(.toolbar-input, .toolbar-select, .wide-select, .merchant-filter, .auto-price-filter, .brand-filter) { width: 100% !important; max-width: none !important; }
  .admin-main :is(.table-actions, .row-actions, .product-row-actions, .brand-row-actions, .export-actions) { flex-wrap: wrap; gap: 6px; }
  .admin-main :is(.table-actions, .row-actions, .product-row-actions, .brand-row-actions, .export-actions) .el-button { margin-left: 0; }
  .admin-main .el-table { width: 100%; max-width: 100%; overflow: hidden; font-size: 13px; }
  .admin-main .el-table__inner-wrapper, .admin-main .el-table__body-wrapper, .admin-main .el-table__footer-wrapper { width: 100%; min-width: 0; max-width: 100%; overflow-x: hidden !important; }
  .admin-main .el-table__body-wrapper > .el-scrollbar, .admin-main .el-table__body-wrapper .el-scrollbar__wrap { width: 100%; min-width: 0; max-width: 100%; }
  .admin-main .el-table__body-wrapper .el-scrollbar__wrap { overflow-x: auto !important; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
  .admin-main .el-table__header, .admin-main .el-table__body, .admin-main .el-table__footer { min-width: 720px; }
  .admin-main .el-table .el-table-fixed-column--left, .admin-main .el-table .el-table-fixed-column--right { position: static !important; right: auto !important; left: auto !important; box-shadow: none !important; }
  .admin-main .el-table__fixed, .admin-main .el-table__fixed-right { display: none !important; }
  .admin-main :is(.pagination-row, .pagination-wrap, .callback-pagination) { width: 100%; justify-content: center !important; overflow-x: auto; padding-top: 14px; }
  .admin-main .el-pagination { width: max-content; max-width: 100%; flex-wrap: wrap; justify-content: center; row-gap: 8px; }
  .admin-main .el-pagination button, .admin-main .el-pagination .number, .admin-main .el-pagination .more { min-width: 34px; min-height: 34px; }
  .el-overlay-dialog { padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)); overflow-y: auto; }
  .el-overlay-dialog > .el-dialog { width: 100% !important; max-width: 100% !important; max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); display: flex; flex-direction: column; margin: 0 auto !important; }
  .el-overlay-dialog > .el-dialog .el-dialog__header { padding: 16px 16px 12px; }
  .el-overlay-dialog > .el-dialog .el-dialog__body { min-height: 0; flex: 1; overflow: auto; padding: 14px 16px; }
  .el-overlay-dialog > .el-dialog .el-dialog__footer { padding: 12px 16px 16px; }
  .table-scroll, .fake-table-scroll { overflow-x: auto !important; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
  .plain-voucher, .tencent-demo { min-width: 0 !important; }
  .detail-grid { width: auto !important; grid-template-columns: 1fr !important; margin: 20px 18px !important; }
  .tencent-shell { display: block !important; min-height: calc(100vh - 66px) !important; }
  .fake-sidebar { display: none !important; }
}

@media (max-width: 600px) {
  .header-tool-button.el-button { width: 40px; height: 40px; }
  .wecom-online-status { width: 36px; padding: 0; justify-content: center; }
  .wecom-online-status span:last-child, .header-right > .el-button { display: none; }
  .admin-main { padding-right: 10px; padding-left: 10px; }
  .management-panel, .filter-card, .channel-panel, .parameter-panel { padding: 12px !important; }
  .admin-main .el-table__header, .admin-main .el-table__body, .admin-main .el-table__footer { min-width: 680px; }
  .admin-main .el-pagination__total, .admin-main .el-pagination__sizes, .admin-main .el-pagination__jump { display: none !important; }
  .el-message-box { width: calc(100vw - 24px) !important; max-width: 420px; }
  .el-date-range-picker { width: calc(100vw - 16px) !important; max-height: min(78dvh, 680px); overflow-y: auto; }
  .el-date-range-picker .el-picker-panel__body { min-width: 0 !important; }
  .el-date-range-picker .el-date-range-picker__content { width: 100% !important; float: none !important; border-right: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .admin-aside.is-mobile { transition: none; }
}