/* Web (iPhone "Add to Home Screen") overrides. Loaded only by the web build, after app-shell.css. */
body{zoom:1 !important;width:100% !important;max-width:100% !important}
#root{padding-bottom:calc(132px + env(safe-area-inset-bottom)) !important}
.bos-app-tabbar{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important}
.bos-app-tab{font-size:12.5px !important;gap:2px !important}
.bos-app-tab .bos-ico>span{font-size:31px !important;line-height:34px !important}
.bos-badge{top:-4px !important;right:-8px !important}
.bos-foot{font-size:9px !important}
img[src$="bos-text.webp"]{height:27px !important;width:auto !important}
/* home header: bigger wordmark + titles, bigger bell/menu (kept centered on the wordmark) */
img[src$="bos-wordmark-landing.webp"]{width:270px !important;margin-left:-135px !important}
div:has(>img[src$="bos-wordmark-landing.webp"]){min-height:68px !important}
div:has(>img[src$="bos-wordmark-landing.webp"])>button{width:52px !important;height:52px !important;font-size:24px !important;border-radius:14px !important}
div:has(>img[src$="bos-wordmark-landing.webp"])>button[aria-label="menu"]>*{transform:scale(1.25)}
div:has(>img[src$="bos-wordmark-landing.webp"]){padding-top:3px !important;padding-bottom:3px !important}
div:has(>img[src$="bos-wordmark-landing.webp"])>button:not([aria-label="menu"]){display:flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;padding:0 0 4px 0 !important}
div[style*="line-height: 20px"][style*="font-weight: 900"]{font-size:22px !important;line-height:28px !important;padding-top:4px !important}
div[style*="line-height: 16px"][style*="text-align: center"]{font-size:17px !important;line-height:22px !important;padding-bottom:4px !important}
/* loading art: fit whole picture to any screen */
body:has(img[src$="bos-loading.webp"]),html:has(img[src$="bos-loading.webp"]){background:#01050f !important}
img[src$="bos-loading.webp"]{width:100vmin !important;height:100vmin !important;max-width:100vw;max-height:100vh;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;object-fit:contain !important;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%)}