/* TOPS mobile navigation: fixed interaction layering */
@media(max-width:970px){
 #menuBtn.mobile-menu{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer;pointer-events:auto;touch-action:manipulation;position:relative;z-index:51;border:1px solid #43505b;border-radius:10px;background:#27333e;color:#f5f7fa}
 #menuBtn.mobile-menu.is-active{border-color:#e06d58;background:#57343a}
 #sidebar.sidebar{z-index:1002;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s}
 #sidebar.sidebar.is-open{transform:translateX(0);visibility:visible;box-shadow:12px 0 40px #000a}
 #mobileShade.mobile-shade{display:none}
 #mobileShade.mobile-shade.is-open{display:block;position:fixed;inset:0;background:rgba(1,5,9,.72);z-index:1001;touch-action:manipulation}
 .topbar{position:sticky;z-index:1000}
 .topbar-left{min-width:0}
 .crumb{min-width:0}
 .crumb #breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:44vw}
 body.tops-mobile-nav-open{overflow:hidden}
}
@media(max-width:690px){
 .topbar{padding:0 10px;gap:6px}
 .topbar-left,.topbar-right{gap:7px}
 .topbar-right .balance-pill{padding:6px 7px;font-size:11px;white-space:nowrap}
 .topbar-right .balance-pill strong{font-size:9px}
 #menuBtn.mobile-menu{flex:none}
 .account-button{min-width:36px}
 .live-page,.container-fluid{max-width:100%}
}