/* Keep iOS system areas clear and mobile navigation reachable. */
@media (max-width:767px) {
  html,body { background:#f3f6fb!important; }
  .ng-app-shell { height:100vh;height:100dvh;min-height:0!important;overflow:hidden; }
  .ng-app-shell>main { height:100%;min-height:0!important; }
  .app-main-scroll { min-height:0;overscroll-behavior-y:contain;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important; }
  .club-header {
    box-sizing:border-box;height:calc(64px + env(safe-area-inset-top,0px))!important;
    min-height:calc(64px + env(safe-area-inset-top,0px));
    padding:calc(8px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px))!important;
    flex-shrink:0;z-index:40;
  }
  .club-header-title { max-width:none!important;font-size:16px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
  .mobile-menu-trigger { width:44px!important;height:44px!important;flex-shrink:0;touch-action:manipulation; }
  .club-header .season-chip-mobile { display:none!important; }
  .club-header .header-bell { display:flex!important;flex-shrink:0; }
  .mobile-header-actions { gap:6px!important;margin-left:8px; }
  .club-sidebar-backdrop { z-index:10999!important; }
  .club-sidebar {
    z-index:11000!important;box-sizing:border-box;top:0!important;bottom:auto!important;
    height:100vh!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;
    padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;
  }
  .club-sidebar-head { min-height:88px!important;flex-shrink:0; }
  .club-sidebar-nav { min-height:0!important;overflow-y:auto!important;align-content:start;overscroll-behavior:contain; }
  .club-sidebar-footer { padding-bottom:14px!important; }
  .ng-sidebar-open .mobile-bottom-nav { visibility:hidden;pointer-events:none; }
}