@media(max-width:700px){
html.mobile-portal-check main{visibility:hidden}
body.mobile-app{--mobile-head:110px;--member-top:110px;padding-top:calc(var(--mobile-head) + env(safe-area-inset-top))!important;padding-bottom:calc(110px + env(safe-area-inset-bottom))!important;background:#f3f6fa}
body.mobile-app>header:not(#mobile-app-header),body.mobile-app>footer,body.mobile-app>.member-header:not(#mobile-app-header),body.mobile-app .member-bottom,body.mobile-app #gym-menu-toggle,body.mobile-app #role-mode-toggle,body.mobile-app #gym-quick-bar,body.mobile-app #staffplans{display:none!important}
body.mobile-app main{max-width:780px;box-sizing:border-box;margin:20px auto;padding:0 18px}body.mobile-app main>h1{font-size:23px}
#mobile-app-header{display:block!important;position:fixed;inset:0 0 auto;z-index:10010;box-sizing:border-box;height:calc(var(--mobile-head) + env(safe-area-inset-top));padding:calc(7px + env(safe-area-inset-top)) 14px 8px;background:#102d50;color:#fff;box-shadow:0 2px 12px #102d5020}
.mobile-title{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:52px}.mobile-title h1{margin:0;color:#fff;text-align:center;font-size:19px}.mobile-title button{width:44px;height:44px;border:0;background:transparent;padding:10px;color:inherit;margin:0}
.mobile-mode-tabs{border:0!important;padding:0!important;display:flex;justify-content:center;gap:8px;margin:0;height:30px}.mobile-mode-tabs a{font:600 12px system-ui;text-decoration:none;color:#dbe9f5;padding:6px 15px;border-radius:18px}.mobile-mode-tabs a[aria-current]{color:#102d50;background:#fff}
#mobile-app-bottom{position:fixed;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:10070;box-sizing:border-box;min-height:72px;padding:5px;background:#102d50;border:1px solid #68809a;border-radius:38px;box-shadow:0 3px 18px #102d5030;margin:0}
#mobile-app-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;color:#d9e4ef;text-decoration:none;font:11px system-ui;white-space:nowrap;overflow-wrap:normal;border-radius:30px;padding:8px 0}#mobile-app-bottom a[aria-current=page]{background:#fff;color:#102d50;font-weight:700}@media(max-width:360px){#mobile-app-bottom{left:6px;right:6px;padding:4px}}#mobile-app-bottom svg,.mobile-title svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.mobile-app #gym-navigation{bottom:calc(96px + env(safe-area-inset-bottom));width:min(330px,88vw);border-radius:0 0 18px 0}body.mobile-app #gym-nav-backdrop{bottom:calc(96px + env(safe-area-inset-bottom))}body.mobile-app #gym-navigation a{display:block;padding:15px 10px;border-bottom:1px solid #ffffff20}
.mobile-account{display:grid;gap:6px;padding:16px 10px;border-bottom:1px solid #ffffff40}.mobile-account span{font-size:12px;color:#b9cde0}
body.mobile-app dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 140px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain}body.mobile-app .member-bottom{display:none!important}
}
/* Unread gym announcements (Run 8): a dot on the Inbox tab icon. */
#mobile-app-bottom a{position:relative}#mobile-app-bottom .mobile-unread-dot{position:absolute;top:6px;left:calc(50% + 7px);width:10px;height:10px;border-radius:50%;background:#e0453a;border:2px solid #102d50}#mobile-app-bottom a[aria-current=page] .mobile-unread-dot{border-color:#fff}
