/* BoothNest v3.1.0 consolidated mobile/PWA shell CSS */
/* Source: assets/css/bn-v301-mobile-pwa-shell.css */
/* BoothNest v3.0.1 Mobile/PWA Shell Fix */
@media (max-width: 820px) {
  html, body { width:100%!important; max-width:100%!important; overflow-x:hidden!important; }
  body.bn-mobile-shell, body.bn-pwa-shell { background:#f5f8fb!important; padding-bottom:calc(84px + env(safe-area-inset-bottom))!important; }

  .mobile-page-header,.bn-mobile-page-header,.pwa-page-header,.bn-pwa-page-header,.page-mobile-header,.mobile-header {
    display:flex!important; align-items:center!important; gap:10px!important; width:100%!important; max-width:100%!important;
    min-height:58px!important; padding:8px 14px!important; box-sizing:border-box!important; overflow:hidden!important;
  }

  .mobile-page-header h1,.bn-mobile-page-header h1,.pwa-page-header h1,.bn-pwa-page-header h1,.page-mobile-header h1,.mobile-header h1,
  .mobile-page-header .title,.bn-mobile-page-header .title,.pwa-page-header .title,.bn-pwa-page-header .title,.page-mobile-header .title,.mobile-header .title {
    flex:1 1 auto!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important;
    font-size:20px!important; line-height:1.2!important; margin:0!important;
  }

  .mobile-back,.bn-mobile-back,.pwa-back,.back-button,a[href*="history.back"],button[onclick*="history.back"],[data-mobile-back] {
    flex:0 0 auto!important; width:auto!important; max-width:118px!important; min-width:0!important; height:46px!important;
    padding:0 14px!important; border-radius:16px!important; font-size:16px!important; line-height:46px!important;
    display:inline-flex!important; align-items:center!important; justify-content:center!important; white-space:nowrap!important; box-sizing:border-box!important;
  }

  .topbar,.app-topbar,.bn-topbar,header.topbar { max-width:100%!important; overflow:visible!important; }

  .dropdown-menu.show,.notification-dropdown.show,.notifications-dropdown.show,.bell-dropdown.show,.topbar .dropdown-menu.show,.app-topbar .dropdown-menu.show,
  [data-notification-menu].show,[data-bell-menu].show {
    position:fixed!important; top:78px!important; left:12px!important; right:12px!important; width:auto!important; max-width:none!important;
    min-width:0!important; max-height:62vh!important; overflow-y:auto!important; z-index:9999!important; border-radius:18px!important;
    box-shadow:0 18px 40px rgba(15,23,42,.22)!important; transform:none!important;
  }

  .sidebar .dropdown-menu.show,.left-sidebar .dropdown-menu.show,.bn-sidebar .dropdown-menu.show {
    position:static!important; box-shadow:none!important; max-height:none!important;
  }

  .main-content,.app-content,.content,.page-content,main { width:100%!important; max-width:100%!important; margin-left:0!important; box-sizing:border-box!important; }

  .mobile-bottom-bar,.pwa-bottom-bar,.bn-mobile-bottom-bar,.bn-pwa-bottom-bar,.bottom-action-bar {
    position:fixed!important; left:0!important; right:0!important; bottom:0!important; z-index:9998!important;
    display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important; background:rgba(245,248,251,.96)!important;
    backdrop-filter:blur(8px)!important; box-shadow:0 -10px 28px rgba(15,23,42,.12)!important;
  }

  .mobile-bottom-bar a,.pwa-bottom-bar a,.bn-mobile-bottom-bar a,.bn-pwa-bottom-bar a,.bottom-action-bar a,
  .mobile-bottom-bar button,.pwa-bottom-bar button,.bn-mobile-bottom-bar button,.bn-pwa-bottom-bar button,.bottom-action-bar button {
    min-width:0!important; width:100%!important; height:58px!important; border-radius:18px!important; font-size:17px!important;
    font-weight:800!important; white-space:nowrap!important;
  }

  .getting-started,.onboarding,.setup-checklist,.checklist-page { max-width:100%!important; overflow-x:hidden!important; }
  .getting-started .card,.onboarding .card,.setup-checklist .card,.checklist-page .card { max-width:100%!important; box-sizing:border-box!important; }
}