/* Mobile admin uses one page scroll; avoid nested scroll boxes hiding orders. */
@media (max-width: 760px) {
  html:has(body.admin-page) {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.admin-page {
    display: block !important;
    height: auto !important;
    min-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 0 calc(76px + env(safe-area-inset-bottom)) !important;
  }

  body.admin-page .admin-shell {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 8px calc(78px + env(safe-area-inset-bottom)) !important;
  }

  body.admin-page #admin-dashboard:not([hidden]) {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body.admin-page #admin-dashboard > .admin-panel:not([hidden]) {
    display: block !important;
    flex: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.admin-page #admin-dashboard > #admin-orders-panel:not([hidden]) {
    display: block !important;
    overflow: visible !important;
  }

  body.admin-page #admin-dashboard #admin-orders-panel > .admin-table-wrap {
    flex: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.admin-page #admin-dashboard #admin-orders-panel > .admin-table-wrap table,
  body.admin-page #admin-dashboard #admin-orders-panel > .admin-table-wrap tbody {
    height: auto !important;
  }

  body.admin-page .app-bottom-nav { z-index: 110 !important; }
}