/* NexusMasjidPro v3.2 — Force Mobile Clean Dashboard + Click Menu Only */
@media (max-width: 991px) {
  html.nmp-mobile-menu-lock, body.nmp-mobile-menu-lock { overflow: hidden !important; touch-action: none; }
  body.nmp-mobile-runtime { padding-top: 72px !important; }

  body.nmp-mobile-runtime .sidebar,
  body.nmp-mobile-runtime aside.sidebar,
  body.nmp-mobile-runtime .side-nav,
  body.nmp-mobile-runtime .desktop-sidebar,
  body.nmp-mobile-runtime .main-sidebar,
  body.nmp-mobile-runtime .app-sidebar,
  body.nmp-mobile-runtime .layout-sidebar,
  body.nmp-mobile-runtime .nmp-sidebar,
  body.nmp-mobile-runtime .mobile-bottom-nav,
  body.nmp-mobile-runtime .bottom-nav,
  body.nmp-mobile-runtime .mobile-nav,
  body.nmp-mobile-runtime #sidebar,
  body.nmp-mobile-runtime #sideNav,
  body.nmp-mobile-runtime #mobileBottomNav,
  body.nmp-mobile-runtime nav.side-nav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    transform: translateX(-120%) !important;
  }

  body.nmp-mobile-runtime .app,
  body.nmp-mobile-runtime .app-shell,
  body.nmp-mobile-runtime .layout,
  body.nmp-mobile-runtime .main-layout,
  body.nmp-mobile-runtime .page-shell,
  body.nmp-mobile-runtime .dashboard-shell,
  body.nmp-mobile-runtime .wrapper {
    display: block !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.nmp-mobile-runtime main,
  body.nmp-mobile-runtime .main,
  body.nmp-mobile-runtime .content,
  body.nmp-mobile-runtime .main-content,
  body.nmp-mobile-runtime .page-content,
  body.nmp-mobile-runtime .dashboard-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .nmp-mobile-topbar-v32 {
    position: fixed;
    inset: 0 0 auto 0;
    height: 72px;
    z-index: 99980;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    background: radial-gradient(circle at 10% 0%, rgba(15, 118, 110, .20), transparent 38%), radial-gradient(circle at 92% 0%, rgba(212, 175, 55, .16), transparent 36%), linear-gradient(180deg, #050505 0%, #0d0d0d 100%);
    border-bottom: 1px solid rgba(212, 175, 55, .16);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .35);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  .nmp-mobile-brand-v32 { display: flex; align-items: center; gap: 10px; min-width: 0; }
  .nmp-mobile-brand-mark-v32 {
    width: 36px; height: 36px; border-radius: 14px; display: grid; place-items: center;
    color: #f7e7b2; background: linear-gradient(135deg, rgba(212,175,55,.26), rgba(15,118,110,.18)), rgba(255,255,255,.04);
    border: 1px solid rgba(212,175,55,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 22px rgba(212,175,55,.16); flex: none;
  }
  .nmp-mobile-brand-text-v32 { min-width: 0; }
  .nmp-mobile-brand-text-v32 strong { display: block; color: #fff8e8; font-size: 14px; line-height: 1.1; letter-spacing: .1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .nmp-mobile-brand-text-v32 span { display: block; margin-top: 3px; color: rgba(255,248,232,.58); font-size: 10px; letter-spacing: 1.35px; text-transform: uppercase; }
  .nmp-mobile-open-v32 { appearance: none; border: 1px solid rgba(212,175,55,.25); color: #fff8e8; border-radius: 16px; padding: 10px 14px; background: rgba(255,255,255,.055); font-weight: 800; font-size: 13px; letter-spacing: .2px; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.28); }
  .nmp-mobile-open-v32:active { transform: scale(.98); }

  .nmp-mobile-overlay-v32 { position: fixed; inset: 0; z-index: 99999; background: rgba(0,0,0,.78); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .24s ease, visibility .24s ease; }
  .nmp-mobile-overlay-v32.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
  .nmp-mobile-panel-v32 { position: absolute; inset: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: calc(env(safe-area-inset-top, 0px) + 16px) 16px 28px; background: radial-gradient(circle at 8% 4%, rgba(15,118,110,.20), transparent 26%), radial-gradient(circle at 92% 2%, rgba(212,175,55,.16), transparent 25%), linear-gradient(180deg, #030303 0%, #0b0b0b 46%, #040404 100%); }
  .nmp-mobile-panel-v32::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .09; background-image: linear-gradient(45deg, rgba(212,175,55,.45) 1px, transparent 1px), linear-gradient(-45deg, rgba(15,118,110,.40) 1px, transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(180deg, #000 0%, transparent 72%); }
  .nmp-mobile-menu-head-v32, .nmp-mobile-search-v32, .nmp-mobile-grid-v32, .nmp-mobile-footer-v32 { position: relative; z-index: 1; }
  .nmp-mobile-menu-head-v32 { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
  .nmp-mobile-menu-head-v32 h2 { margin: 0; color: #fff8e8; font-size: 24px; line-height: 1.1; font-weight: 900; letter-spacing: -.4px; }
  .nmp-mobile-menu-head-v32 p { margin: 7px 0 0; color: rgba(255,248,232,.58); font-size: 13px; }
  .nmp-mobile-close-v32 { appearance: none; width: 54px; height: 54px; flex: none; border-radius: 20px; border: 1px solid rgba(212,175,55,.24); color: #fff8e8; background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)), rgba(0,0,0,.42); font-size: 22px; box-shadow: 0 0 0 5px rgba(15,118,110,.10), 0 12px 26px rgba(0,0,0,.34); }
  .nmp-mobile-search-v32 { margin-bottom: 18px; }
  .nmp-mobile-search-v32 input { width: 100%; height: 58px; border-radius: 20px; border: 1px solid rgba(212,175,55,.18); background: rgba(255,255,255,.06); color: #fff; padding: 0 17px; font-size: 15px; outline: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
  .nmp-mobile-search-v32 input::placeholder { color: rgba(255,255,255,.42); }
  .nmp-mobile-grid-v32 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  .nmp-mobile-card-v32 { min-height: 136px; display: flex; flex-direction: column; justify-content: flex-end; gap: 7px; padding: 16px; border-radius: 24px; text-decoration: none; color: #fff8e8; background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)); border: 1px solid rgba(212,175,55,.13); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 30px rgba(0,0,0,.30); overflow: hidden; }
  .nmp-mobile-card-v32 .nmp-ico { width: 46px; height: 46px; border-radius: 17px; display: grid; place-items: center; margin-bottom: auto; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.08); font-size: 21px; }
  .nmp-mobile-card-v32 strong { display: block; font-size: 16px; line-height: 1.1; color: #fff; }
  .nmp-mobile-card-v32 span { display: block; font-size: 12px; line-height: 1.35; color: rgba(255,255,255,.58); }
  .nmp-mobile-card-v32.is-hidden { display: none !important; }
  .nmp-mobile-footer-v32 { margin-top: 20px; padding: 14px 4px 0; color: rgba(255,248,232,.45); font-size: 11px; text-align: center; }
  body.nmp-mobile-runtime table { min-width: 720px; }
  body.nmp-mobile-runtime .card, body.nmp-mobile-runtime .table-card, body.nmp-mobile-runtime .nmp-card { overflow-x: auto; }
}
@media (min-width: 992px) { .nmp-mobile-topbar-v32, .nmp-mobile-overlay-v32 { display: none !important; } }