/* Keep all four destinations visible; desktop navigation rules must not size this bar. */
@media(max-width:850px){
 html{scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 body{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}
 nav.mobile-bottom-nav{width:100%!important;min-width:0!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important;gap:2px!important;flex-shrink:1!important;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))!important}
 nav.mobile-bottom-nav>button{width:100%!important;min-width:0!important;max-width:100%!important;min-height:52px!important;margin:0!important;padding:6px 2px!important;gap:4px!important;border:0!important;border-radius:10px!important;font-size:12px!important;line-height:1.15!important;text-align:center!important;white-space:normal!important;box-shadow:none!important;transform:none!important}
 nav.mobile-bottom-nav>button svg{width:23px!important;height:23px!important;flex-shrink:0!important}
 nav.mobile-bottom-nav>button.active{background:#fff0ce!important;color:#07378c!important}
 #mobileMenuSheet{max-height:85dvh!important;overflow-y:auto!important;overscroll-behavior:contain}
 #mobileMenuSheet .mobile-menu-items>*{min-width:0!important;white-space:normal!important;text-align:center!important}
 #cloudSaveState{position:static!important;inset:auto!important;z-index:auto!important;max-width:100%!important;margin:0 0 12px!important;padding:7px 10px!important;box-shadow:none!important;background:#f3f7ff!important;overflow-wrap:anywhere!important;font-size:12px!important}
 #dashboard .dash-toolbar>.title{font-size:clamp(18px,5vw,23px)!important}
 #branchBars{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 #branchBars .vertical-chart{min-width:480px}
 .mobile-bottom-nav button:focus-visible,#mobileMenuSheet button:focus-visible{outline:3px solid #ffad00!important;outline-offset:-3px}
}