/* v352: unify public logged-in and client authenticated chrome with staff-style chrome */
:root{--sf352-navy:#071426;--sf352-mid:#0f2442;--sf352-blue:#0757d8;--sf352-teal:#12bfc4;--sf352-aqua:#9be7ff;--sf352-pink:#ff5bb0;--sf352-ink:#102033;}
body.sf-v352-managed #globalLoginStatusBar,
body.sf-v352-managed #sfV123TopLoginBar,
body.sf-v352-managed #sfV124TopLoginBar,
body.sf-v352-managed #sfV125TopLoginBar:not(.sf-v352-keep),
body.sf-v352-managed #sfV260AuthTopBar,
body.sf-v352-managed #sfV262UnifiedTopBar,
body.sf-v352-managed #sfV263PublicLoginBar,
body.sf-v352-managed #sfV264TopBar,
body.sf-v352-managed #sfV266TopBar,
body.sf-v352-managed #sfV267TopBar,
body.sf-v352-managed #sfV268TopBar,
body.sf-v352-managed #sfV269TopBar,
body.sf-v352-managed #sfV271TopLoginBar,
body.sf-v352-managed #sfV272TopLoginBar,
body.sf-v352-managed #sfV274TopLoginBar,
body.sf-v352-managed #sfV277TopLoginBar,
body.sf-v352-managed #sfV326UnifiedTopBar,
body.sf-v352-managed .login-status-bar,
body.sf-v352-managed .sf-empty-topbar,
body.sf-v352-managed .top-header-spacer{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;visibility:hidden!important;}
#sfV352TopBar,
body.client-portal-page #sfV125TopLoginBar.sf-v352-keep{position:sticky!important;top:0!important;z-index:2147483000!important;background:linear-gradient(90deg,var(--sf352-navy) 0%,var(--sf352-mid) 48%,var(--sf352-blue) 100%)!important;border:1px solid var(--sf352-pink)!important;border-left:0!important;border-right:0!important;box-shadow:0 12px 28px rgba(2,8,23,.20)!important;color:#fff!important;overflow:visible!important;}
.sf-v352-top-inner{min-height:60px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:7px 16px!important;box-sizing:border-box!important;width:100%!important;}
.sf-v352-user-area{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important;color:#fff!important;overflow:visible!important;}
.sf-v352-avatar{width:38px!important;height:38px!important;border-radius:50%!important;background:#fff!important;color:var(--sf352-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:.78rem!important;font-weight:1000!important;box-shadow:0 8px 16px rgba(2,8,23,.18)!important;flex:0 0 38px!important;}
.sf-v352-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.sf-v352-login-copy{font-size:.86rem!important;font-weight:850!important;color:#eefbff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.12!important;}
.sf-v352-login-copy strong{color:#fff!important;font-weight:1000!important;}
.sf-v352-login-copy small{display:block;color:var(--sf352-aqua)!important;font-weight:850!important;font-size:.72rem!important;margin-top:2px!important;}
.sf-v352-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;white-space:nowrap!important;}
.sf-v352-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:8px 13px!important;font-size:.84rem!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:34px!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-v352-btn:hover{background:#073b91!important;border-color:var(--sf352-aqua)!important;color:#fff!important;text-decoration:none!important;}
.sf-v352-logout{background:var(--sf352-teal)!important;border-color:rgba(201,251,255,.64)!important;color:#06162a!important;}
.sf-v352-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:5px 9px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;text-decoration:none!important;min-height:34px!important;box-sizing:border-box!important;}
.sf-v352-brand:hover{background:rgba(255,255,255,.12)!important;text-decoration:none!important;}
.sf-v352-brand-icon{width:26px!important;height:26px!important;border-radius:9px!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important;}
.sf-v352-brand-icon img{width:22px!important;height:22px!important;object-fit:contain!important;}
.sf-v352-brand-text{display:grid!important;line-height:1.05!important;}
.sf-v352-brand-text strong{font-size:.86rem!important;font-weight:1000!important;color:#fff!important;letter-spacing:-.02em!important;font-family:Georgia,'Times New Roman',serif!important;}
.sf-v352-brand-text small{font-size:.64rem!important;color:var(--sf352-teal)!important;font-weight:850!important;}
.sf-v352-menu-wrap{position:relative!important;display:inline-flex!important;}
.sf-v352-menu{position:absolute!important;right:0!important;top:calc(100% + 8px)!important;min-width:265px!important;max-height:min(78vh,620px)!important;overflow:auto!important;background:var(--sf352-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-v352-menu.show{display:block!important;}
.sf-v352-menu .nav-section-label{display:block!important;color:var(--sf352-aqua)!important;font-size:.68rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin:5px 7px 8px!important;}
.sf-v352-menu a,.sf-v352-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-v352-menu a:hover,.sf-v352-menu button:hover{background:#073b91!important;color:#fff!important;text-decoration:none!important;}
.sf-v352-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-v352-dot.playing{background:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.16)!important;}
/* Client portal sidebar uses the same staff-authenticated navigation treatment, but keeps client links. */
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:62px!important;align-self:start!important;min-height:calc(100vh - 62px)!important;height:auto!important;overflow:visible!important;background:linear-gradient(90deg,var(--sf352-navy) 0%,var(--sf352-mid) 47%,var(--sf352-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:124px!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(--sf352-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(255,91,176,.18) 66%,transparent 75% 100%)!important;animation:sf-v352-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('../images/spaflow-logo18-v307.png?v=352')!important;position:relative!important;z-index:1!important;width:80%!important;max-width:210px!important;max-height:96px!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-v352-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(--sf352-navy) 0%,var(--sf352-mid) 47%,var(--sf352-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:var(--sf352-aqua)!important;color:#fff!important;}
body.client-portal-page .sf-v223-main{background:#f7fbff!important;color:#102033!important;}
#sfV341IdleBadge,.sf-v341-idle-badge{color:#fff!important;background:rgba(8,37,54,.92)!important;border-color:rgba(46,211,196,.75)!important;}
#sfV352TopBar #sfV341IdleBadge,#sfV125TopLoginBar #sfV341IdleBadge{margin-left:8px!important;}
@media(max-width:1050px){.sf-v352-brand-text small{display:none!important}.sf-v352-actions{gap:5px!important}.sf-v352-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}}