/* v326: unify unauthenticated + client-authenticated chrome with staff-authenticated style, without touching staff pages */
:root{--sf326-navy:#0f2442;--sf326-blue:#0757d8;--sf326-mid:#0b3b7a;--sf326-teal:#12bfc4;--sf326-aqua:#c9fbff;--sf326-ink:#102033;}
body:not(.sf-v305-staff-final) #sfV326UnifiedTopBar,
body.client-portal-page #sfV125TopLoginBar{position:sticky!important;top:0!important;z-index:2147483000!important;min-height:48px!important;background:linear-gradient(90deg,var(--sf326-navy) 0%,var(--sf326-mid) 47%,var(--sf326-blue) 100%)!important;border-bottom:1px solid rgba(18,191,196,.78)!important;box-shadow:0 10px 26px rgba(2,8,23,.16)!important;color:#fff!important;overflow:visible!important;}
body:not(.sf-v305-staff-final) #sfV326UnifiedTopBar .sf-v326-top-inner,
body.client-portal-page #sfV125TopLoginBar .sf-v326-top-inner{min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:5px 16px!important;box-sizing:border-box!important;width:100%!important;}
.sf-v326-user-area{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;flex:1 1 auto!important;color:#fff!important;}
.sf-v326-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;white-space:nowrap!important;}
.sf-v326-avatar{width:32px!important;height:32px!important;border-radius:50%!important;background:#fff!important;color:var(--sf326-blue)!important;border:1px solid rgba(201,251,255,.75)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;font-size:.76rem!important;font-weight:1000!important;box-shadow:0 6px 12px rgba(2,8,23,.17)!important;flex:0 0 32px!important;}
.sf-v326-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.sf-v326-login-copy{font-size:.82rem!important;font-weight:850!important;color:#eefbff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.1!important;}
.sf-v326-login-copy strong{color:#fff!important;font-weight:1000!important;}
.sf-v326-login-copy small{color:var(--sf326-aqua)!important;font-weight:850!important;}
.sf-v326-btn{border:1px solid rgba(201,251,255,.38)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border-radius:999px!important;padding:7px 12px!important;font-size:.82rem!important;font-weight:900!important;text-decoration:none!important;line-height:1!important;display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:30px!important;cursor:pointer!important;box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 18px rgba(2,8,23,.12)!important;white-space:nowrap!important;font-family:inherit!important;}
.sf-v326-btn:hover{background:#073b91!important;border-color:#9be7ff!important;color:#fff!important;text-decoration:none!important;}
.sf-v326-logout{background:var(--sf326-teal)!important;border-color:rgba(201,251,255,.64)!important;color:#06162a!important;}
.sf-v326-brand{display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid rgba(201,251,255,.30)!important;border-radius:14px!important;padding:4px 8px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;text-decoration:none!important;min-height:30px!important;box-sizing:border-box!important;}
.sf-v326-brand:hover{background:rgba(255,255,255,.12)!important;text-decoration:none!important;}
.sf-v326-brand-icon{width:24px!important;height:24px!important;border-radius:9px!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important;}
.sf-v326-brand-icon svg{width:20px!important;height:20px!important;display:block!important;}
.sf-v326-brand-text{display:grid!important;line-height:1.05!important;}
.sf-v326-brand-text strong{font-size:.82rem!important;font-weight:1000!important;color:#fff!important;letter-spacing:-.02em!important;font-family:Georgia,'Times New Roman',serif!important;}
.sf-v326-brand-text small{font-size:.62rem!important;color:var(--sf326-teal)!important;font-weight:850!important;}
.sf-v326-menu-wrap{position:relative!important;display:inline-flex!important;}
.sf-v326-menu{position:absolute!important;right:0!important;top:calc(100% + 8px)!important;min-width:260px!important;max-height:min(78vh,620px)!important;overflow:auto!important;background:var(--sf326-navy)!important;border:1px solid rgba(201,251,255,.28)!important;border-radius:18px!important;padding:10px!important;box-shadow:0 24px 50px rgba(2,8,23,.36)!important;display:none!important;z-index:2147483200!important;}
.sf-v326-menu.show{display:block!important;}
.sf-v326-menu .nav-section-label{display:block!important;color:var(--sf326-aqua)!important;font-size:.68rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin:5px 7px 8px!important;}
.sf-v326-menu a,.sf-v326-menu button{width:100%!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#fff!important;padding:10px!important;font-size:.88rem!important;text-align:left!important;text-decoration:none!important;display:flex!important;align-items:center!important;gap:8px!important;font-weight:850!important;cursor:pointer!important;box-shadow:none!important;min-height:38px!important;box-sizing:border-box!important;font-family:inherit!important;}
.sf-v326-menu a:hover,.sf-v326-menu button:hover{background:#073b91!important;color:#fff!important;text-decoration:none!important;}
.sf-v326-dot{width:9px!important;height:9px!important;border-radius:999px!important;display:inline-block!important;background:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.16)!important;}
.sf-v326-dot.playing{background:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.16)!important;}
.login-status-dot.logged-in{background:#22c55e!important;}
/* Client portal left navigation restyled to match staff-authenticated chrome */
body.client-portal-page .sf-v223-app-shell{grid-template-columns:255px minmax(0,1fr)!important;align-items:stretch!important;}
body.client-portal-page .sf-v223-sidebar{position:sticky!important;top:48px!important;align-self:start!important;min-height:calc(100vh - 48px)!important;height:auto!important;overflow:visible!important;background:linear-gradient(90deg,var(--sf326-navy) 0%,var(--sf326-mid) 47%,var(--sf326-blue) 100%)!important;border-right:1px solid rgba(201,251,255,.24)!important;padding:14px 12px!important;box-shadow:inset -1px 0 rgba(255,255,255,.12)!important;}
body.client-portal-page .sf-v223-sidebar .sf-v223-logo-host{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:118px!important;width:100%!important;box-sizing:border-box!important;padding:10px!important;margin:0 0 12px!important;background:#06162a!important;border:1.5px solid var(--sf326-teal)!important;border-radius:20px!important;box-shadow:0 14px 30px rgba(2,8,23,.22), inset 0 0 22px rgba(18,191,196,.07)!important;filter:none!important;opacity:1!important;overflow:hidden!important;}
body.client-portal-page .sf-v223-sidebar .sf-v223-logo-host:before{content:""!important;display:block!important;position:absolute!important;inset:6px!important;border-radius:17px!important;border:1px solid rgba(201,251,255,.14)!important;background:conic-gradient(from 0deg,transparent 0 16%,rgba(18,191,196,.18) 24%,transparent 32% 58%,rgba(7,87,216,.16) 66%,transparent 75% 100%)!important;animation:sf-v326-orbit 6s linear infinite!important;pointer-events:none!important;z-index:0!important;}
body.client-portal-page .sf-v223-sidebar .sf-v223-logo-host img{content:url('./assets/images/spaflow-logo18-v307.png?v=326')!important;position:relative!important;z-index:1!important;width:80%!important;max-width:205px!important;max-height:92px!important;object-fit:contain!important;display:block!important;visibility:visible!important;opacity:1!important;background:transparent!important;filter:none!important;box-shadow:none!important;}
@keyframes sf-v326-orbit{to{transform:rotate(360deg)}}
body.client-portal-page #clientPortalSideLinks{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:0!important;background:linear-gradient(90deg,var(--sf326-navy) 0%,var(--sf326-mid) 47%,var(--sf326-blue) 100%)!important;border:1px solid rgba(201,251,255,.44)!important;border-radius:22px!important;padding:10px!important;box-sizing:border-box!important;overflow:visible!important;}
body.client-portal-page #clientPortalSideLinks .sf-v223-nav-title{display:block!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(201,251,255,.35)!important;color:#fff!important;border-radius:16px!important;text-align:center!important;font-size:.76rem!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:1000!important;padding:9px 10px!important;margin:0 0 2px!important;}
body.client-portal-page #clientPortalSideLinks .sf-v223-side-link{width:100%!important;display:flex!important;align-items:center!important;gap:9px!important;background:rgba(15,36,66,.78)!important;border:1px solid rgba(201,251,255,.33)!important;color:#fff!important;border-radius:15px!important;padding:9px 10px!important;min-height:38px!important;font-size:.84rem!important;font-weight:900!important;text-align:left!important;box-shadow:0 8px 18px rgba(2,8,23,.13)!important;}
body.client-portal-page #clientPortalSideLinks .sf-v223-side-link .icon{width:22px!important;height:22px!important;border-radius:8px!important;display:inline-grid!important;place-items:center!important;background:rgba(255,255,255,.11)!important;color:#fff!important;flex:0 0 22px!important;}
body.client-portal-page #clientPortalSideLinks .sf-v223-side-link.active,
body.client-portal-page #clientPortalSideLinks .sf-v223-side-link:hover{background:#073b91!important;border-color:#9be7ff!important;color:#fff!important;}
body.client-portal-page .sf-v223-main{background:#f7fbff!important;color:#102033!important;}
@media(max-width:1050px){.sf-v326-brand-text small{display:none!important}.sf-v326-actions{gap:5px!important}.sf-v326-btn{padding:7px 9px!important;font-size:.78rem!important}body.client-portal-page .sf-v223-app-shell{grid-template-columns:1fr!important}body.client-portal-page .sf-v223-sidebar{position:relative!important;top:0!important;min-height:auto!important}}