/* ---------- Glass tokens ---------- */
    body {
      --mmg-fill: color-mix(in srgb, var(--surface) 34%, transparent);
      --mmg-fill-nav: color-mix(in srgb, var(--surface) 34%, transparent);
      --mmg-fill-strong: color-mix(in srgb, var(--surface) 68%, transparent);
      --mmg-border: color-mix(in srgb, var(--border) 88%, transparent);
      --mmg-blur: blur(18px) saturate(1.22);
    }

    /* ==========================================================
       0) NAVBAR কখনোই transparent হবে না — homepage + login-পরবর্তী app
       ========================================================== */
    .hp-nav,
    .homepage-view .hp-nav,
    [data-theme="dark"] .hp-nav,
    [data-theme="dark"] .homepage-view .hp-nav {
      background: var(--surface) !important;
      background-image: none !important;
      border-bottom: 1px solid var(--border) !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
    }

    body:not(.show-homepage) .app-header {
      background: var(--surface) !important;
      background-image: none !important;
      border-bottom: 1px solid var(--border) !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
    }

    body:not(.show-homepage) :is(.duty-marquee-navbar, .mobile-bottom-nav, .actions-dropdown, .header-bell-panel) {
      background: var(--surface) !important;
      background-image: none !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
    }

    body:not(.show-homepage) :is(.app-header, .duty-marquee-navbar, .mobile-bottom-nav, .actions-dropdown, .header-bell-panel) :is(div, span, section) {
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
    }

    /* ==========================================================
       1) ভেতরের ছোট wrapper div গুলো: কোনো fill নেই, শুধু layout + border
       ========================================================== */
    body:not(.show-homepage):not(.show-auth-page) :is(.container, .app-footer) :is(article, aside, div, form, details, figure, fieldset):not(.card,
      .stat-card,
      .premium-card,
      .premium-glass-card,
      .quick-action-card,
      .bazar-duty-card,
      .duty-summary-card,
      .meal-mini-card,
      .member-mobile-card,
      .mess-summary-card,
      .mobile-card,
      .filter-card,
      .print-card,
      .notice-compose-card,
      .profile-summary-card,
      .profile-edit-card,
      .rent-bulk-action-card,
      .rent-preview-card,
      .role-choice-card,
      .sheet-sync-card,
      .moderator-info-card,
      .access-card,
      .auth-card,
      .wpop-card,
      .pro-card,
      .pro-qr-card,
      .mf-card,
      .mf-tile,
      .mm-billing-card,
      .mm-freecard,
      .mm-upgrade-card,
      .mm-allinone,
      .mm-plan,
      .mm-pricebox,
      .mm3d-table-card,
      .mmp-card,
      .mmx-card,
      .mmx-kpi,
      .mmx-due-card,
      .mmx-menu-box,
      .mmx-kitchen-shell,
      .mmx-dashboard-food,
      .mmx-asset-showcase,
      .mmd-plate,
      .mmd-eater,
      .mmd-menu-slot,
      .mt-panel,
      .mt-tile,
      .chart-box,
      .mess-code-box,
      .toolbar-item,
      .notice-board,
      .activity-timeline,
      .premium-list,
      .table-wrap,
      .modal,
      .modal-overlay,
      .sidebar-identity-card,
      [class*="badge"],
      [class*="chip"],
      [class*="avatar"],
      [class*="btn"],
      [class*="toast"],
      [class*="tooltip"],
      [class*="dropdown"],
      [class*="progress"],
      [class*="swatch"],
      [class*="switch"],
      [class*="toggle"],
      [class*="pill"],
      [class*="tag"],
      [class*="icon"],
      [class*="hamburger"],
      [class*="spinner"],
      [class*="loader"],
      [class*="skeleton"],
      [class*="banner"],
      [class*="alert"],
      [class*="marquee"],
      [class*="nav"],
      [class*="overlay"],
      [class*="scene"],
      [class*="blob"]) {
      background: transparent !important;
      background-color: transparent !important;
      background-image: none !important;
      box-shadow: none !important;
    }

    /* ==========================================================
       2) Card / section / sidebar — সব glass, পেছনের সব দেখা যাবে
       ========================================================== */
    body:not(.show-homepage):not(.show-auth-page) :is(.container, .app-footer) :is(section,
      .card,
      .stat-card,
      .premium-card,
      .premium-glass-card,
      .quick-action-card,
      .bazar-duty-card,
      .duty-summary-card,
      .meal-mini-card,
      .member-mobile-card,
      .mess-summary-card,
      .mobile-card,
      .filter-card,
      .print-card,
      .notice-compose-card,
      .profile-summary-card,
      .profile-edit-card,
      .rent-bulk-action-card,
      .rent-preview-card,
      .role-choice-card,
      .sheet-sync-card,
      .moderator-info-card,
      .access-card,
      .wpop-card,
      .pro-card,
      .pro-qr-card,
      .mf-card,
      .mf-tile,
      .mm-billing-card,
      .mm-freecard,
      .mm-upgrade-card,
      .mm-allinone,
      .mm-plan,
      .mm-pricebox,
      .mm3d-table-card,
      .mmp-card,
      .mmx-card,
      .mmx-kpi,
      .mmx-due-card,
      .mmx-menu-box,
      .mmx-kitchen-shell,
      .mmx-dashboard-food,
      .mmx-asset-showcase,
      .mmd-plate,
      .mmd-eater,
      .mmd-menu-slot,
      .mt-panel,
      .mt-tile,
      .chart-box,
      .mess-code-box,
      .notice-board,
      .activity-timeline,
      .table-wrap,
      .toolbar-item,
      .sidebar-identity-card) {
      background: var(--mmg-fill) !important;
      background-image: none !important;
      border: 1.5px solid var(--mmg-border) !important;
      box-shadow: none !important;
      -webkit-backdrop-filter: var(--mmg-blur) !important;
      backdrop-filter: var(--mmg-blur) !important;
    }

    /* প্রতিটা page-এর top-level block ও glass */
    body:not(.show-homepage):not(.show-auth-page) .container .tab-panel>:is(div, section):not(.mmd-eater) {
      background: var(--mmg-fill) !important;
      background-image: none !important;
      border: 1.5px solid var(--mmg-border) !important;
      box-shadow: none !important;
      -webkit-backdrop-filter: var(--mmg-blur) !important;
      backdrop-filter: var(--mmg-blur) !important;
    }

    /* Sidebar ও glass — navigation পড়ার জন্য fill একটু বেশি */
    body:not(.show-homepage) :is(.responsive-sidebar, .tabs) {
      background: var(--mmg-fill-nav) !important;
      background-image: none !important;
      border: 1.5px solid var(--mmg-border) !important;
      box-shadow: none !important;
      -webkit-backdrop-filter: var(--mmg-blur) !important;
      backdrop-filter: var(--mmg-blur) !important;
    }

    /* Modal / popup: glass, পড়ার জন্য একটু বেশি fill */
    body:not(.show-homepage):not(.show-auth-page) .modal-overlay .modal {
      background: var(--mmg-fill-strong) !important;
      background-image: none !important;
      border: 1.5px solid var(--mmg-border) !important;
      -webkit-backdrop-filter: var(--mmg-blur) !important;
      backdrop-filter: var(--mmg-blur) !important;
    }

    /* ==========================================================
       3) Fallback: reduced transparency + print
       ========================================================== */
    @media (prefers-reduced-transparency: reduce) {

      body:not(.show-homepage):not(.show-auth-page) :is(.container, .app-footer) :is(section, .card, .stat-card, .premium-card, .premium-glass-card, .mmp-card, .mmx-card, .mt-panel, .mf-card, .mmd-plate, .toolbar-item),
      body:not(.show-homepage) :is(.responsive-sidebar, .tabs),
      body:not(.show-homepage):not(.show-auth-page) .modal-overlay .modal {
        background: var(--surface) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
      }
    }

    @media print {

      body :is(.container, .app-footer) :is(section, .card, .stat-card, .premium-card, .premium-glass-card, .mmp-card, .mmx-card, .mt-panel, .mf-card, .mmd-plate, .toolbar-item, .print-card) {
        background: #fff !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        border: 1px solid #ddd !important;
      }
    }