/* v307 logo 18 rollout and staff sidebar logo-card polish */
:root{--sf-v307-teal:#54d7d7;--sf-v307-cyan:#9be7ff;--sf-v307-deep:#071426;--sf-v307-navy:#0f2442;--sf-v307-blue:#0757d8;}
/* Make legacy image references resolve visually to the selected logo 18 */
img[src*="spaflow-client-sidebar-logo"],
img[src*="spaflow-logo"],
.logo-image-wide,
#sfV305StaffLogo img,
#sfV282StaffSidebarLogoImg,
#sfV291StaffSidebarLogoImg,
#sfV304StaffSidebarLogoImg,
#sfV305StaffLogoImg{
  content:url('../images/spaflow-logo18-v307.png')!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
  opacity:1!important;
  visibility:visible!important;
}
/* Staff authenticated sidebar background should match the top login bar and not show old light/transparent styling. */
body.sf-v282-business-staff-page aside.sidebar,
body.sf-v287-staff-portal aside.sidebar,
body.sf-v305-staff-final aside.sidebar,
body.sf-v306-staff-final aside.sidebar,
body.logged-in-page.sf-v282-business-staff-page aside.sidebar{
  background:linear-gradient(180deg,#0f2442 0%,#0b3b7a 52%,#071426 100%)!important;
  border-right:1px solid rgba(201,251,255,.24)!important;
  box-shadow:inset -1px 0 rgba(255,255,255,.16)!important;
}
/* Logo box: new logo style, teal border, image fills 80% of box. */
body.sf-v282-business-staff-page aside.sidebar #sfV305StaffLogo,
body.sf-v287-staff-portal aside.sidebar #sfV305StaffLogo,
body.sf-v282-business-staff-page aside.sidebar .sf-v223-logo-host,
body.sf-v287-staff-portal aside.sidebar .sf-v223-logo-host,
body.sf-v282-business-staff-page aside.sidebar .logo,
body.sf-v287-staff-portal aside.sidebar .logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:128px!important;
  height:128px!important;
  padding:10px!important;
  margin:0 0 14px!important;
  box-sizing:border-box!important;
  background:#061a2a!important;
  background-image:linear-gradient(135deg,rgba(84,215,215,.10),rgba(7,20,38,.10))!important;
  border:2px solid rgba(84,215,215,.84)!important;
  border-top-color:rgba(155,231,255,.92)!important;
  border-bottom-color:rgba(84,215,215,.72)!important;
  border-radius:18px!important;
  box-shadow:0 12px 24px rgba(2,8,23,.22), inset 0 0 0 1px rgba(255,255,255,.05)!important;
  overflow:hidden!important;
  filter:none!important;
  opacity:1!important;
  text-decoration:none!important;
}
body.sf-v282-business-staff-page aside.sidebar #sfV305StaffLogo::before,
body.sf-v282-business-staff-page aside.sidebar #sfV305StaffLogo::after,
body.sf-v287-staff-portal aside.sidebar #sfV305StaffLogo::before,
body.sf-v287-staff-portal aside.sidebar #sfV305StaffLogo::after,
body.sf-v282-business-staff-page aside.sidebar .sf-v223-logo-host::before,
body.sf-v282-business-staff-page aside.sidebar .sf-v223-logo-host::after,
body.sf-v287-staff-portal aside.sidebar .sf-v223-logo-host::before,
body.sf-v287-staff-portal aside.sidebar .sf-v223-logo-host::after{
  content:none!important;display:none!important;
}
body.sf-v282-business-staff-page aside.sidebar #sfV305StaffLogo img,
body.sf-v287-staff-portal aside.sidebar #sfV305StaffLogo img,
body.sf-v282-business-staff-page aside.sidebar .sf-v223-logo-host img,
body.sf-v287-staff-portal aside.sidebar .sf-v223-logo-host img,
body.sf-v282-business-staff-page aside.sidebar .logo img,
body.sf-v287-staff-portal aside.sidebar .logo img{
  content:url('../images/spaflow-logo18-v307.png')!important;
  display:block!important;
  width:80%!important;
  max-width:80%!important;
  height:80%!important;
  max-height:80%!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  visibility:visible!important;
}
/* Top-bar brand should also use logo 18 compactly where image branding is present. */
#sfV305StaffTopBar .sf-v305-brand.sf-v307-logo-brand,
.sf-v307-logo-brand{
  padding:3px 8px!important;
  border-color:rgba(84,215,215,.58)!important;
  background:rgba(6,26,42,.62)!important;
}
#sfV305StaffTopBar .sf-v305-brand.sf-v307-logo-brand img,
.sf-v307-logo-brand img{
  height:32px!important;
  width:auto!important;
  max-width:170px!important;
  object-fit:contain!important;
  display:block!important;
}
/* Footer/public logo replacements should not explode in size. */
footer img[src*="spaflow"], .footer img[src*="spaflow"]{max-width:220px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
header img[src*="spaflow"], .site-header img[src*="spaflow"]{max-height:54px!important;width:auto!important;object-fit:contain!important;}