/* BOM v5.4 mobile navigation + full-area media panels. Desktop untouched. */
@media (max-width:780px){
 :root{--bom-bottom-nav:calc(66px + env(safe-area-inset-bottom));--bom-tools-h:52px}
 body:not(.bom-is-panel) .mobilebar{height:var(--bom-bottom-nav)!important;min-height:0!important;padding:4px 2px env(safe-area-inset-bottom)!important;bottom:0!important;z-index:210!important;box-shadow:0 -2px 12px #102d401b!important}
 body:not(.bom-is-panel) .bom-rail{bottom:var(--bom-bottom-nav)!important;top:auto!important;left:0!important;right:0!important;width:100%!important;height:var(--bom-tools-h)!important;min-height:var(--bom-tools-h)!important;max-height:var(--bom-tools-h)!important;display:flex!important;flex-direction:row!important;align-items:center!important;overflow-x:auto!important;overflow-y:hidden!important;padding:5px 104px 5px 8px!important;scroll-padding-right:104px!important;box-sizing:border-box!important;z-index:205!important;scrollbar-width:none}
 body:not(.bom-is-panel) .bom-rail::-webkit-scrollbar{display:none}
 body:not(.bom-is-panel) .bom-rail button{flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:2px!important}
 /* The two round controls dock *within* the dark tool bar; no floating content overlay. */
 body:not(.bom-is-panel) #bom-music-button,body:not(.bom-is-panel) #assistantDock .assistant-launch{position:fixed!important;top:auto!important;bottom:calc(var(--bom-bottom-nav) + 6px)!important;left:auto!important;width:39px!important;min-width:39px!important;height:39px!important;min-height:39px!important;transform:none!important;z-index:209!important;box-shadow:none!important;border:1px solid #65758d!important;border-radius:50%!important;background:#293b55!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;font-size:0!important}
 body:not(.bom-is-panel) #bom-music-button{right:57px!important}
 body:not(.bom-is-panel) #assistantDock .assistant-launch{right:9px!important}
 body:not(.bom-is-panel) #bom-music-button::before{content:'♫';font-size:21px!important}
 body:not(.bom-is-panel) #assistantDock .assistant-launch::before{content:'✧';font-size:23px!important}
 body.bom-sub-open #bom-music-button,body.bom-sub-open #assistantDock .assistant-launch{bottom:calc(var(--bom-bottom-nav) + 6px)!important}
 body:not(.bom-is-panel) #bomSubRail{left:0!important;right:0!important;bottom:calc(var(--bom-bottom-nav) + var(--bom-tools-h))!important;width:100%!important;max-width:100%!important;height:45px!important;z-index:204!important}
 body:not(.bom-is-panel) .bom-drawer,body.bom-sub-open .bom-drawer{position:fixed!important;top:0!important;bottom:var(--bom-bottom-nav)!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;border-radius:0!important;z-index:208!important;box-sizing:border-box!important}
 body:not(.bom-is-panel) .bom-drawer.open{transform:translateX(0)!important}
 .bom-drawer .bom-drawer-content{overflow-y:auto!important;min-height:0!important}
 /* Music and assistant open above ALL secondary bars for as much usable area as possible. */
 body:not(.bom-is-panel) #bom-music-panel,body:not(.bom-is-panel) #assistantDock .assistant-panel,body.bom-sub-open #bom-music-panel,body.bom-sub-open #assistantDock .assistant-panel{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:var(--bom-bottom-nav)!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:0!important;box-sizing:border-box!important;z-index:230!important}
 body:not(.bom-is-panel) #assistantDock .assistant-panel{overflow:hidden!important}
 body:not(.bom-is-panel) #assistantDock .ai-assistant{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important}
 body:not(.bom-is-panel) #assistantDock .assistant-msgs{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}
 body:not(.bom-is-panel) #assistantDock .assistant-compose{flex:0 0 auto!important}
 body:not(.bom-is-panel) .main{padding-bottom:calc(var(--bom-bottom-nav) + var(--bom-tools-h) + 22px)!important}
}