@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .icon-button,
  .live-chip,
  .event-card,
  .event-info-group,
  .quick-fact,
  .tiers,
  .tier-card,
  .stepper,
  .cart-bar,
  .bottom-nav,
  .registration-gate-backdrop,
  .registration-gate-dialog,
  .registration-card,
  .profile-card,
  .feedback-card,
  .feedback-action,
  .admin-card,
  .admin-stats-grid > div,
  .admin-events-panel,
  .admin-event-row,
  .admin-constructor-sheet,
  .admin-managed-event,
  .admin-tier-row,
  .admin-form,
  .admin-ticket-editor,
  .admin-ticket-add-panel,
  .admin-orders-panel,
  .admin-search,
  .admin-order-card,
  .wallet-grid > div,
  .wallet-tile,
  .refund-panel,
  .refund-sheet,
  .refund-ticket-option,
  .refund-reason-option,
  .offer-note,
  .loyalty-panel,
  .loyalty-milestones span,
  .empty-ticket-state,
  .qr-ticket-card,
  .qr-picker-panel,
  .qr-picker-ticket,
  .checkout-sheet,
  .order-lines,
  .checkout-total,
  .field input,
  .field select,
  .field textarea,
  .loyalty-checkout-note,
  .loyalty-modal,
  .loyalty-modal-hero,
  .loyalty-level-list > div,
  .qr-empty-state span,
  .toast {
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
  }

  .sheet-backdrop {
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
}