/* V10.8.509 SHARED mobile bottom tab bar. Every portal's phone tab bar carries class="mbar".
   Pinned to the true bottom of the screen; never floats mid-page. Load this file LAST in <head>.
   WebKit turns position:fixed into "absolute" when the bar OR any ancestor has transform/filter/
   backdrop-filter/perspective/will-change/contain, so ancestors of .mbar are hardened below.
   Each portal still decides WHEN its bar shows (display), and its colours. */
:root{--mbar-h:64px;--mbar-pad:calc(var(--mbar-h) + env(safe-area-inset-bottom,0px))}
.mbar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
 margin:0!important;width:auto!important;max-width:none!important;box-sizing:border-box;z-index:40;
 min-height:var(--mbar-pad);padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;
 transform:none!important;-webkit-transform:none!important;filter:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:auto!important;contain:none!important}
html:has(.mbar),body:has(.mbar),:has(> .mbar),:has(> * > .mbar),:has(> * > * > .mbar){transform:none!important;filter:none!important;
 perspective:none!important;contain:none!important;will-change:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media (max-width:900px){body:has(.mbar){padding-bottom:calc(var(--mbar-pad) + 12px)!important}}