/*
 * Touch devices: avoid sampling moving content into backdrop-filter layers.
 * Fixed/sticky navigation stays opaque in both themes. Keep layout, scrolling,
 * focus, dialog dimming and desktop mouse rendering unchanged.
 */
@media (hover: none) and (pointer: coarse) {
  .mobile-header,
  .mobile-bottom-nav,
  .mobile-menu::backdrop,
  .inventory-dialog-backdrop,
  .inventory-history-layer,
  .purchase-detail-dialog-backdrop,
  .transaction-detail-dialog-backdrop,
  .settings-image-badge {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .mobile-header {
    background: var(--color-bg);
  }

  .mobile-bottom-nav {
    background: var(--color-surface);
  }
}