/* SpaFlow v444: restore v426-style staff dropdown menu and readable Switch Role popup. Loaded last. */
body.sf-v305-staff-final #sfV306StaffTopBar .sf-v305-menu-wrap,
#sfV306StaffTopBar .sf-v305-menu-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
}

/* Restore the simpler v426 menu panel look. */
body.sf-v305-staff-final #sfV306StaffTopBar #sfV305StaffMenu,
#sfV306StaffTopBar #sfV305StaffMenu,
body #sfV305StaffMenu{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  width:auto!important;
  min-width:260px!important;
  max-width:min(360px,calc(100vw - 24px))!important;
  max-height:min(76vh,620px)!important;
  overflow:auto!important;
  background:#0f2442!important;
  background-image:none!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;
  z-index:2147483000!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-align:left!important;
  backdrop-filter:none!important;
}
body.sf-v305-staff-final #sfV306StaffTopBar #sfV305StaffMenu:not(.show):not([aria-hidden="false"]),
#sfV306StaffTopBar #sfV305StaffMenu:not(.show):not([aria-hidden="false"]),
body #sfV305StaffMenu:not(.show):not([aria-hidden="false"]){
  display:none!important;
}
body.sf-v305-staff-final #sfV306StaffTopBar #sfV305StaffMenu.show,
#sfV306StaffTopBar #sfV305StaffMenu.show,
#sfV305StaffMenu.show,
#sfV305StaffMenu[aria-hidden="false"]{
  display:block!important;
}

/* v426 did not use the large v443 menu header/card rows. */
#sfV305StaffMenu .sf-v443-menu-head,
#sfV305StaffMenu .sf-v440-menu-head,
#sfV305StaffMenu .sf-v442-menu-head{
  display:none!important;
}

body.sf-v305-staff-final #sfV306StaffTopBar #sfV305StaffMenu a,
body.sf-v305-staff-final #sfV306StaffTopBar #sfV305StaffMenu button,
#sfV306StaffTopBar #sfV305StaffMenu a,
#sfV306StaffTopBar #sfV305StaffMenu button,
body #sfV305StaffMenu a,
body #sfV305StaffMenu button,
body #sfV305StaffMenu .sf-v443-menu-item{
  appearance:none!important;
  width:100%!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  grid-template-columns:none!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  padding:10px!important;
  margin:0!important;
  font-family:inherit!important;
  font-size:.88rem!important;
  font-weight:850!important;
  line-height:1.15!important;
  text-align:left!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
body.sf-v305-staff-final #sfV306StaffTopBar #sfV305StaffMenu a:hover,
body.sf-v305-staff-final #sfV306StaffTopBar #sfV305StaffMenu button:hover,
#sfV306StaffTopBar #sfV305StaffMenu a:hover,
#sfV306StaffTopBar #sfV305StaffMenu button:hover,
body #sfV305StaffMenu a:hover,
body #sfV305StaffMenu button:hover,
body #sfV305StaffMenu .sf-v443-menu-item:hover{
  background:#073b91!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#sfV305StaffMenu a span,
#sfV305StaffMenu button span,
#sfV305StaffMenu .sf-v443-menu-item span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:18px!important;
  height:auto!important;
  min-height:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:.95rem!important;
  line-height:1!important;
  padding:0!important;
  margin:0!important;
}
#sfV305StaffMenu a strong,
#sfV305StaffMenu button strong,
#sfV305StaffMenu .sf-v443-menu-item strong{
  display:inline!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:.88rem!important;
  font-weight:850!important;
  line-height:1.15!important;
  margin:0!important;
  padding:0!important;
}

/* Readable Switch Role modal / popup. */
#sfV443RoleModal.sf-v443-modal,
.sf-v443-modal{
  background:rgba(2,8,23,.64)!important;
  color:#0f172a!important;
  -webkit-text-fill-color:initial!important;
}
#sfV443RoleModal .sf-v443-panel,
.sf-v443-modal .sf-v443-panel{
  background:#ffffff!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  border:1px solid rgba(14,165,233,.22)!important;
  border-radius:22px!important;
  box-shadow:0 28px 80px rgba(2,8,23,.34)!important;
}
#sfV443RoleModal .sf-v443-head,
.sf-v443-modal .sf-v443-head{
  background:linear-gradient(135deg,#073b91,#0f6fbf)!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
#sfV443RoleModal .sf-v443-head h2,
#sfV443RoleModal .sf-v443-head p,
#sfV443RoleModal .sf-v443-head div,
#sfV443RoleModal .sf-v443-head span,
.sf-v443-modal .sf-v443-head h2,
.sf-v443-modal .sf-v443-head p,
.sf-v443-modal .sf-v443-head div,
.sf-v443-modal .sf-v443-head span{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
#sfV443RoleModal .sf-v443-head p,
.sf-v443-modal .sf-v443-head p{color:#dffaff!important;-webkit-text-fill-color:#dffaff!important;}
#sfV443RoleModal .sf-v443-head button,
.sf-v443-modal .sf-v443-head button{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.62)!important;
}
#sfV443RoleModal .sf-v443-body,
.sf-v443-modal .sf-v443-body{
  background:#ffffff!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
}
#sfV443RoleModal .sf-v443-body p,
#sfV443RoleModal .sf-v443-body strong,
.sf-v443-modal .sf-v443-body p,
.sf-v443-modal .sf-v443-body strong{
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
}
#sfV443RoleModal .sf-v443-role-choice,
.sf-v443-modal .sf-v443-role-choice{
  background:#ffffff!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  border:1px solid #cbd5e1!important;
  border-radius:14px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
}
#sfV443RoleModal .sf-v443-role-choice strong,
.sf-v443-modal .sf-v443-role-choice strong{
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
}
#sfV443RoleModal .sf-v443-role-choice small,
.sf-v443-modal .sf-v443-role-choice small{
  color:#475569!important;
  -webkit-text-fill-color:#475569!important;
}
#sfV443RoleModal .sf-v443-role-choice.active,
.sf-v443-modal .sf-v443-role-choice.active{
  background:#e0f2fe!important;
  color:#082f49!important;
  -webkit-text-fill-color:#082f49!important;
  border-color:#0284c7!important;
}
#sfV443RoleModal .sf-v443-empty,
.sf-v443-modal .sf-v443-empty{
  background:#f8fafc!important;
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
  border:1px dashed #94a3b8!important;
}