/* v33.4.47 — Member Auth SSRS Background Framing + Contrast Definitive Fix */

/* Keep the institutional/photo side visually dark in BOTH theme modes. */
.m42-brand-panel,
.r43-brand{
  position:relative!important;
  color:#fff!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:72% center!important;
  isolation:isolate;
}

/* Strong overlay independent of theme, so uploaded photos never reduce readability. */
.m42-brand-panel::after,
.r43-brand::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(2,16,31,.90) 0%,rgba(3,19,36,.76) 45%,rgba(3,20,38,.42) 72%,rgba(3,20,38,.26) 100%)!important;
}
.m42-brand-panel > *,
.r43-brand > *{
  position:relative!important;
  z-index:2!important;
}

/* Login: actual template classes. */
.m42-brand-head strong,
.m42-brand-head > div > strong{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 2px 16px rgba(0,0,0,.58)!important;
}
.m42-brand-head span,
.m42-brand-head > div > span{
  color:#a9d8ff!important;
  opacity:1!important;
  text-shadow:0 2px 12px rgba(0,0,0,.48)!important;
}
.m42-hero-copy h1,
.m42-hero-copy h1 *{
  color:#fff!important;
  text-shadow:0 3px 18px rgba(0,0,0,.48)!important;
}
.m42-hero-copy h1 em{color:#1596ff!important}
.m42-hero-copy p{color:#e1effa!important}
.m42-features b{color:#fff!important}
.m42-features small{color:#c4dff2!important}
.m42-community{color:#bfe1fb!important}
.m42-trust,
.m42-trust span{color:#c5ddf0!important}

/* Recovery: actual template classes. */
.r43-head strong{color:#fff!important;opacity:1!important;text-shadow:0 2px 16px rgba(0,0,0,.58)!important}
.r43-head span{color:#a9d8ff!important;opacity:1!important;text-shadow:0 2px 12px rgba(0,0,0,.48)!important}
.r43-hero h1{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.48)!important}
.r43-hero em{color:#1596ff!important}
.r43-hero p{color:#e1effa!important}
.r43-features b{color:#fff!important}
.r43-features small{color:#c4dff2!important}
.r43-community{color:#bfe1fb!important}
.r43-trust,.r43-trust span{color:#c5ddf0!important}

/* Light mode only changes the form side. Never recolor the photo-side typography. */
html[data-member-auth-theme="light"] .m42-brand-head strong,
html[data-member-auth-theme="light"] .m42-brand-head > div > strong,
html[data-member-auth-theme="light"] .m42-hero-copy h1,
html[data-member-auth-theme="light"] .m42-features b,
html[data-member-auth-theme="light"] .r43-head strong,
html[data-member-auth-theme="light"] .r43-hero h1,
html[data-member-auth-theme="light"] .r43-features b{
  color:#fff!important;
}
html[data-member-auth-theme="light"] .m42-brand-head span,
html[data-member-auth-theme="light"] .m42-hero-copy p,
html[data-member-auth-theme="light"] .m42-features small,
html[data-member-auth-theme="light"] .r43-head span,
html[data-member-auth-theme="light"] .r43-hero p,
html[data-member-auth-theme="light"] .r43-features small{
  color:#cbe5f8!important;
}

/* Exact light-mode selectors for the real login card. */
html[data-member-auth-theme="light"] .m42-login-side{
  background:radial-gradient(circle at 50% 28%,#ffffff,#edf5fc 72%)!important;
}
html[data-member-auth-theme="light"] .m42-login-card{
  background:rgba(255,255,255,.98)!important;
  border-color:#bed9ec!important;
  box-shadow:0 28px 70px rgba(34,75,110,.14)!important;
}
html[data-member-auth-theme="light"] .m42-login-card h2{color:#10243a!important}
html[data-member-auth-theme="light"] .m42-assoc{color:#1478cc!important}
html[data-member-auth-theme="light"] .m42-input{background:#fff!important;border-color:#a9cce5!important}
html[data-member-auth-theme="light"] .m42-input input{color:#10243a!important}
html[data-member-auth-theme="light"] .m42-input input::placeholder{color:#7894aa!important}
html[data-member-auth-theme="light"] .m42-options,
html[data-member-auth-theme="light"] .m42-options label{color:#365a75!important}
html[data-member-auth-theme="light"] .m42-help,
html[data-member-auth-theme="light"] .m42-request{
  background:#f2f8fd!important;
  border-color:#c6ddec!important;
  color:#365a75!important;
}

/* Better framing for the SSRS image on common desktop widths. */
@media (min-width:901px) and (max-width:1500px){
  .m42-brand-panel,.r43-brand{background-position:68% center!important}
}
@media (min-width:1501px){
  .m42-brand-panel,.r43-brand{background-position:72% center!important}
}
@media(max-width:900px){
  .m42-brand-panel,.r43-brand{background-position:center!important}
}