/**
 * Hydra mobile polish pass 01 — load after hydra-mobile-design-system.css
 * Viewport target: 430×932. CSS only; desktop unchanged.
 */

@media (max-width: 900px) {
  /* ── 1. Scroll padding (nav / FAB) ── */
  body.use-new-ui .inventory-module--mo-owner,
  body.use-new-ui.route-storefront-inquiries .sf-inq-mobile-list {
    padding-bottom: 0 !important;
  }

  /* ── 2. Quick action sheet ── */
  body.use-new-ui .mobile-owner-action-sheet__backdrop,
  body.use-new-ui.mobile-owner-action-sheet-open .mobile-owner-action-sheet__backdrop {
    background: rgba(15, 23, 42, 0.38) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.use-new-ui .mobile-owner-action-sheet__panel {
    background: #fffaf5 !important;
    border-color: var(--hydra-border-soft) !important;
    box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.12) !important;
  }

  body.use-new-ui #contentScroll.content-scroll,
  body.use-new-ui .content-scroll {
    padding-bottom: var(--mobile-scroll-bottom-clearance, var(--hydra-mo-scroll-bottom-pad)) !important;
  }

  body.use-new-ui[data-owner-fab-route] #contentScroll.content-scroll,
  body.use-new-ui[data-owner-fab-route] .content-scroll {
    padding-bottom: var(--mobile-scroll-bottom-clearance-fab, var(--hydra-mo-scroll-bottom-pad-fab)) !important;
  }

  body.use-new-ui .mobile-owner-action-sheet__title {
    color: var(--hydra-text) !important;
  }

  body.use-new-ui .mobile-owner-action-sheet__item {
    background: #fff !important;
    border: 1px solid var(--hydra-border-soft) !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important;
  }

  body.use-new-ui .mobile-owner-action-sheet__item--dash-primary {
    background: #fff !important;
    border: 1px solid var(--hydra-border-soft) !important;
  }

  body.use-new-ui .mobile-owner-action-sheet__item--muted {
    opacity: 1 !important;
  }

  body.use-new-ui .mobile-owner-action-sheet__ico {
    background: #fff !important;
    border: 1px solid var(--hydra-border-soft) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
  }

  body.use-new-ui .mobile-owner-action-sheet__txt strong {
    color: var(--hydra-text) !important;
    font-weight: 750 !important;
  }

  body.use-new-ui .mobile-owner-action-sheet__txt small {
    color: #4b5563 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
  }

  body.use-new-ui.mobile-owner-action-sheet-open .mobile-owner-bottom-nav,
  body.use-new-ui.mobile-owner-action-sheet-open #mobileOwnerBottomNav {
    opacity: 0.35;
    pointer-events: none;
  }

  /* ── 3. Orders — see orders-mobile.css ── */

  /* ── 4. Cashflow / Tiền (classic layout — skin only) ── */
  body.use-new-ui.route-cashflow .cashflow-mobile-page--classic .finance-kpi-card--transfer {
    background: #fff !important;
    border-color: rgba(59, 130, 246, 0.2) !important;
  }

  body.use-new-ui.route-cashflow .cashflow-mobile-page--classic .finance-kpi-card--cash {
    background: #fff !important;
    border-color: rgba(16, 185, 129, 0.2) !important;
  }

  body.use-new-ui.route-cashflow .cashflow-mobile-page--classic .finance-kpi-card--cod {
    background: #fff !important;
    border-color: rgba(249, 115, 22, 0.22) !important;
  }

  body.use-new-ui.route-cashflow .cashflow-mobile-page--classic .finance-kpi-card--store {
    background: #fff !important;
    border-color: rgba(56, 189, 248, 0.2) !important;
  }

  body.use-new-ui.route-cashflow .cashflow-mobile-page--classic .finance-kpi-card--expense {
    background: #fff !important;
    border-color: rgba(239, 68, 68, 0.18) !important;
  }

  /* ── 5. Inventory / Kho — see inventory-mobile.css ── */

  /* ── 6. Yêu cầu khách — see inquiries-mobile.css ── */
}