.card,
    .mmd-plate,
    .mt-panel,
    .mmp-card,
    .mm-billing-card,
    .mt-settings-link,
    .mf-card,
    .mmx-content-grid .mmx-card,
    #mmxGrid .mmx-card,
    .premium-card,
    .premium-glass-card,
    .stat-card,
    .quick-action-card,
    .access-card,
    .auth-card,
    .bazar-duty-card,
    .duty-summary-card,
    .filter-card,
    .hpx-feature-card,
    .meal-mini-card,
    .member-mobile-card,
    .mess-summary-card,
    .mm-upgrade-card,
    .mm3d-table-card,
    .mmh-role-card,
    .mmx-public-art-card,
    .mobile-card,
    .moderator-info-card,
    .notice-compose-card,
    .print-card,
    .pro-qr-card,
    .profile-edit-card,
    .profile-summary-card,
    .rent-bulk-action-card,
    .rent-preview-card,
    .role-choice-card,
    .sheet-sync-card,
    .sidebar-identity-card,
    .wpop-card,
    .mmx-kpi,
    .mmx-dashboard-food,
    .mmx-kitchen-shell,
    .mmx-asset-showcase,
    .mmx-due-card,
    .mm-allinone,
    .mm-freecard,
    .mm-plan {
      background: color-mix(in srgb, var(--surface) 88%, transparent) !important;
      backdrop-filter: blur(14px) saturate(1.15);
      -webkit-backdrop-filter: blur(14px) saturate(1.15);
    }

    .stat-card {
      background: linear-gradient(160deg, color-mix(in srgb, var(--surface) 90%, transparent), color-mix(in srgb, var(--surface2) 84%, transparent)) !important;
    }

    @media (prefers-reduced-transparency: reduce) {

      .card,
      .mmd-plate,
      .mt-panel,
      .mmp-card,
      .mm-billing-card,
      .mt-settings-link,
      .mf-card,
      .mmx-content-grid .mmx-card,
      .premium-card,
      .premium-glass-card,
      .stat-card {
        background: var(--surface) !important;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }
    }