/* V308: unified black surfaces, true viewport-fixed client navigation and dialogs */
:root{--ba-structural-black:#050608!important}
html,body{background:#050608!important;background-image:none!important}
#client,#coach,#client .card,#coach .card,#client section,#coach section,
#clientDashboardContent,#clientProgramContent,#clientProfileContent,
#clientMessagesPane,#clientNotificationsPane,#clientWorkspace,
#client .ba277-tracking-root,#client .ba-free-wrapper{
 background-color:#101214!important;background-image:none!important;
}
#client,#coach,#clientDashboardPane,#clientProgramPane,#clientTrackingPane,#clientProfilePane,#clientVideosPane,
#clientWorkspace,#clientDashboardContent,#clientProgramContent,#clientProfileContent,
#client .ba277-tracking-root,#client .ba-free-wrapper{
 background-color:#050608!important;background-image:none!important;
}
#client .card,#coach .card{border-color:#273139!important}
@media(max-width:760px){
 html,body{overflow-x:clip!important}
 header{padding-top:max(16px,env(safe-area-inset-top,0px))!important}
 #baMobileClientNav,.ba-mobile-client-nav{
 position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;
 width:100%!important;max-width:100vw!important;transform:none!important;
 z-index:9000!important;margin:0!important;
 padding-bottom:max(10px,env(safe-area-inset-bottom,0px))!important;
 background:#0b1012!important;background-image:none!important;
 }
 body:not(.ba-free-session-active) #client{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
}
.ba308-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:11000}
body.ba308-dialog-open #clientMessagesPane,
body.ba308-dialog-open #clientNotificationsPane{display:none!important}
body.ba308-messages-open #clientMessagesPane,
body.ba308-notifications-open #clientNotificationsPane{
 display:block!important;position:fixed!important;inset:auto!important;
 left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
 width:min(92vw,580px)!important;max-height:min(82dvh,780px)!important;
 overflow-y:auto!important;overscroll-behavior:contain!important;
 padding:26px 18px 22px!important;padding-top:56px!important;
 background:#101214!important;background-image:none!important;
 border:1px solid #36434a!important;border-radius:22px!important;
 z-index:11001!important;box-shadow:0 22px 80px #000b!important;
}
.ba308-close{position:fixed;right:max(6vw,calc((100vw - 580px)/2 + 14px));top:calc(50% - min(41dvh,390px) + 12px);
 z-index:11002;border:1px solid #566267;border-radius:50%;width:38px;height:38px;
 color:white;background:#20282b;font-size:27px;line-height:1;cursor:pointer}
@media(max-width:760px){.ba308-close{right:calc(4vw + 10px);top:calc(9dvh + 12px)}
 body.ba308-messages-open #clientMessagesPane,body.ba308-notifications-open #clientNotificationsPane{max-height:82dvh!important}}
body.ba-free-session-active #baMobileClientNav,body:has(#baFreeOverlay) #baMobileClientNav{display:none!important}