/* Digital Hub V131 · institutional split sign-in and reversible auth steps. */

/* In light mode the story panel deliberately remains institutional dark blue. */
html:not([data-theme="dark"]) .login-story{
  background:
    radial-gradient(110% 100% at 8% 0%,rgba(73,135,191,.34) 0%,rgba(73,135,191,0) 55%),
    linear-gradient(155deg,#0B3150 0%,#0A2943 58%,#08243A 100%)!important;
  color:#fff!important;
}
html:not([data-theme="dark"]) .login-story::before{
  background:radial-gradient(circle,rgba(142,186,229,.16) 0%,rgba(142,186,229,0) 70%)!important;
}
html:not([data-theme="dark"]) .login-story::after{
  border-color:rgba(184,216,246,.17)!important;box-shadow:0 0 0 1.55rem rgba(184,216,246,.03)!important
}
html:not([data-theme="dark"]) .login-story>img{filter:brightness(0) invert(1)!important;opacity:.98}
html:not([data-theme="dark"]) .login-story-copy .eyebrow,
html:not([data-theme="dark"]) .login-story .eyebrow{
  background:rgba(5,30,49,.36)!important;border-color:rgba(184,216,246,.25)!important;color:#DCEEFF!important;box-shadow:none!important
}
html:not([data-theme="dark"]) .login-story-copy h1{color:#fff!important}
html:not([data-theme="dark"]) .login-story-copy p{color:#BED3E4!important}
html:not([data-theme="dark"]) .login-flow>span{
  background:rgba(7,39,63,.76)!important;border-color:rgba(184,216,246,.25)!important;color:#E7F3FE!important
}
html:not([data-theme="dark"]) .login-flow>div{
  background:rgba(255,255,255,.07)!important;border-color:rgba(184,216,246,.12)!important;color:#fff!important
}
html:not([data-theme="dark"]) .login-flow strong{color:#fff!important}
html:not([data-theme="dark"]) .login-flow small{color:#B9D0E1!important}
html:not([data-theme="dark"]) .login-product-lineup .login-product{
  background:rgba(255,255,255,.08)!important;border-color:rgba(184,216,246,.14)!important
}
html:not([data-theme="dark"]) .login-product-lineup .login-product span{color:#F5FAFF!important}

.hub-auth-back-inline{
  appearance:none;border:0;background:transparent;color:#00549F;font:inherit;font-size:.82rem;font-weight:760;padding:0;justify-self:start;cursor:pointer
}
.hub-auth-back-inline:hover,.hub-auth-back-inline:focus-visible{text-decoration:underline;text-underline-offset:3px}
.hub-auth-back-button{font-weight:760!important}
[data-theme="dark"] .hub-auth-back-inline{color:#8EBAE5}

/* Keep auth recovery controls comfortably reachable on narrow screens. */
@media(max-width:700px){
  .verification-recovery{display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important}
  .verification-recovery .btn{width:100%!important}
}
.hub-auth-steps [data-auth-step="1"].is-back-available{cursor:pointer}
.hub-auth-steps [data-auth-step="1"].is-back-available:hover em,
.hub-auth-steps [data-auth-step="1"].is-back-available:focus-visible em{color:#00549F;text-decoration:underline;text-underline-offset:3px}
[data-theme="dark"] .hub-auth-steps [data-auth-step="1"].is-back-available:hover em,
[data-theme="dark"] .hub-auth-steps [data-auth-step="1"].is-back-available:focus-visible em{color:#8EBAE5}