/* SpaFlow v349: final staff spacing, dashboard backgrounds, and pink-accent logo theme */
:root{--sf-navy:#071426;--sf-deep:#0b4b69;--sf-teal:#12bfc4;--sf-aqua:#9cf6ff;--sf-pink:#ff6fb5;}
body.sf-v282-business-staff-page,
body.logged-in-page.sf-v282-business-staff-page{overflow-x:hidden!important;background:#f4fbfd!important;}
body.sf-v282-business-staff-page .app-shell{max-width:100vw!important;overflow-x:hidden!important;align-items:stretch!important;}
body.sf-v282-business-staff-page main.main,
body.sf-v282-business-staff-page .main{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;padding-right:clamp(22px,2.75vw,42px)!important;padding-left:0!important;padding-top:0!important;}
body.sf-v282-business-staff-page .main > *:not(.business-header):not([data-business-context]){max-width:100%!important;box-sizing:border-box!important;}
body.sf-v282-business-staff-page .business-header,
body.sf-v282-business-staff-page .sf-v331-business-bar,
body.sf-v282-business-staff-page .sf-v332-business-bar,
body.sf-v282-business-staff-page .sf-v333-business-bar,
body.sf-v282-business-staff-page .sf-v334-business-bar,
body.sf-v282-business-staff-page .sf-v335-business-bar,
body.sf-v282-business-staff-page [data-business-context] + .business-header{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0 0 clamp(22px,2.5vw,34px) 0!important;inset:auto!important;left:auto!important;right:auto!important;transform:none!important;border-radius:0 0 18px 18px!important;}
body.sf-v282-business-staff-page [data-business-context]{display:none!important;margin:0!important;padding:0!important;height:0!important;}
body.sf-v282-business-staff-page .business-header .business-logo-large,
body.sf-v282-business-staff-page .business-header [data-business-logo]{flex:0 0 auto!important;width:clamp(86px,8vw,122px)!important;height:clamp(86px,8vw,122px)!important;}
body.sf-v282-business-staff-page .business-header [data-business-website],
body.sf-v282-business-staff-page .business-header a[data-business-website-link]{color:#071426!important;-webkit-text-fill-color:#071426!important;text-decoration:none!important;font-weight:800!important;}
body.dashboard-page .main{padding-right:clamp(28px,3vw,48px)!important;}
body.dashboard-page .stat-grid,
body.dashboard-page .sf-v315-kpi-grid,
body.dashboard-page .sf-v325-kpi-grid{box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important;padding-right:0!important;}
body.dashboard-page .card.stat,
body.dashboard-page .sf-v315-mini-kpi,
body.dashboard-page .sf-v325-mini-kpi,
body.dashboard-page .sf-v325-kpi-card{position:relative!important;isolation:isolate!important;overflow:hidden!important;border:1px solid rgba(18,191,196,.36)!important;box-shadow:0 14px 30px rgba(7,20,38,.10)!important;color:#071426!important;text-align:center!important;background:#ffffff!important;}
body.dashboard-page .card.stat::before,
body.dashboard-page .sf-v315-mini-kpi::before,
body.dashboard-page .sf-v325-mini-kpi::before,
body.dashboard-page .sf-v325-kpi-card::before{content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;opacity:1!important;pointer-events:none!important;}
body.dashboard-page .card.stat::after,
body.dashboard-page .sf-v315-mini-kpi::after,
body.dashboard-page .sf-v325-mini-kpi::after,
body.dashboard-page .sf-v325-kpi-card::after{content:""!important;position:absolute!important;inset:auto -22px -36px auto!important;width:118px!important;height:118px!important;border-radius:42% 58% 50% 50%!important;background:rgba(255,111,181,.14)!important;z-index:-1!important;pointer-events:none!important;}
body.dashboard-page .stat-grid .card.stat:nth-child(1)::before{background:radial-gradient(circle at 18% 22%,rgba(18,191,196,.24),transparent 32%),linear-gradient(135deg,#ffffff,#eaffff)!important;}
body.dashboard-page .stat-grid .card.stat:nth-child(2)::before{background:linear-gradient(135deg,#fff,#edfaff 55%,#e6f7ff),repeating-linear-gradient(45deg,rgba(18,191,196,.12) 0 6px,transparent 6px 18px)!important;}
body.dashboard-page .stat-grid .card.stat:nth-child(3)::before{background:radial-gradient(circle at 82% 18%,rgba(255,111,181,.22),transparent 35%),linear-gradient(135deg,#fff,#fff5fb)!important;}
body.dashboard-page .stat-grid .card.stat:nth-child(4)::before{background:linear-gradient(135deg,#fff,#f0fcff),radial-gradient(circle at 10% 95%,rgba(11,75,105,.18),transparent 44%)!important;}
body.dashboard-page .stat-grid .card.stat:nth-child(5)::before{background:linear-gradient(135deg,#fff,#f4fffe),repeating-radial-gradient(circle at 15% 15%,rgba(18,191,196,.10) 0 3px,transparent 4px 13px)!important;}
body.dashboard-page .stat-grid .card.stat:nth-child(6)::before{background:radial-gradient(circle at 30% 120%,rgba(18,191,196,.24),transparent 45%),linear-gradient(135deg,#fff,#eefcff)!important;}
body.dashboard-page .stat-grid .card.stat:nth-child(7)::before{background:linear-gradient(135deg,#fff,#f7fbff),linear-gradient(90deg,rgba(18,191,196,.13),transparent 34%,rgba(255,111,181,.12))!important;}
body.dashboard-page .sf-v315-mini-kpi::before,
body.dashboard-page .sf-v325-mini-kpi::before,
body.dashboard-page .sf-v325-kpi-card::before{background:radial-gradient(circle at 15% 20%,rgba(18,191,196,.18),transparent 34%),linear-gradient(135deg,#fff,#f1fcff)!important;}
body.dashboard-page .sf-v315-mini-kpi:nth-child(2n)::before,
body.dashboard-page .sf-v325-mini-kpi:nth-child(2n)::before{background:radial-gradient(circle at 85% 20%,rgba(255,111,181,.16),transparent 32%),linear-gradient(135deg,#fff,#fff7fc)!important;}
body.dashboard-page .sf-v315-mini-kpi:nth-child(3n)::before,
body.dashboard-page .sf-v325-mini-kpi:nth-child(3n)::before{background:linear-gradient(135deg,#fff,#effdff),repeating-linear-gradient(135deg,rgba(11,75,105,.08) 0 7px,transparent 8px 20px)!important;}
body.dashboard-page .card.stat > *,
body.dashboard-page .sf-v315-mini-kpi > *,
body.dashboard-page .sf-v325-mini-kpi > *,
body.dashboard-page .sf-v325-kpi-card > *{position:relative!important;z-index:1!important;text-align:center!important;color:#071426!important;-webkit-text-fill-color:#071426!important;}
body.dashboard-page .card.stat small,
body.dashboard-page .card.stat h3,
body.dashboard-page .card.stat p{display:block!important;width:100%!important;text-align:center!important;color:#071426!important;-webkit-text-fill-color:#071426!important;}
body.dashboard-page .sf-v346-metric-icon,.sf-v348-metric-icon,.visual-icon{display:none!important;}
body.dashboard-page .sf-v315-chart-card,
body.dashboard-page .sf-v325-chart-card{max-width:100%!important;overflow:hidden!important;}
body.dashboard-page .sf-v315-chart-card svg,
body.dashboard-page .sf-v325-chart-card svg{max-width:100%!important;height:auto!important;}
/* keep the pink accented logo assets visible without changing layout */
#sfV282StaffSidebarLogoImg,.logo-image-wide,img[src*="spaflow-logo18"],img[src*="spaflow-client-sidebar-logo"]{object-fit:contain!important;}