#SignInDvHot{overflow:hidden;max-width:550px;}
#SignInDvHot [hidden]{display:none!important;}
.op-auth-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:20px;}
.op-auth-links .btn{padding:.35rem 0;font-size:.95rem;}
.op-auth-panel{width:100%;text-align:start;}
.op-auth-panel>h1{text-align:center;}
.op-auth-enter{animation:op-auth-slide .24s ease-out;}
@keyframes op-auth-slide{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
.op-auth-step .op-alert-header{background:transparent!important;border:0;padding:0 0 24px;justify-content:center;}
.op-auth-step .op-alert-header:after,.op-auth-step .op-alert-header img{display:none!important;}
.op-auth-step .op-alert-header h2{font-size:1.8rem;text-align:center;}
.op-auth-step .op-alert-content{padding:0;}
.op-auth-step .op-dialog-actions{padding-top:24px;}
.op-auth-step input{background:var(--bs-body-bg);border:1px solid var(--bs-gray-300);}
@media(prefers-reduced-motion:reduce){.op-auth-enter{animation:none;}}
.op-auth-step [data-password-toggle]{top:50%!important;right:.65rem!important;bottom:auto!important;left:auto!important;transform:translateY(-50%)!important;margin:0!important;width:34px;height:34px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;}
.op-auth-step [data-password-toggle] .op-fa{margin:0!important;line-height:1;}

/* mobile-readability-r1: phone typography, preserving original geometry. */
@media screen and (max-width:767.98px), screen and (max-width:991.98px) and (pointer:coarse){
.op-auth-links .btn:where(:not(i,svg,svg *,[class*="ki-"],.op-fa,.fa,.fas,.far,.fab,.fad,.bi,.op-pdf-mini,.op-pdf-mini *,[data-op-document],[data-op-document] *)){font-size:1.14rem;}
.op-auth-step .op-alert-header h2:where(:not(i,svg,svg *,[class*="ki-"],.op-fa,.fa,.fas,.far,.fab,.fad,.bi,.op-pdf-mini,.op-pdf-mini *,[data-op-document],[data-op-document] *)){font-size:2.16rem;}
}

/* R42: give fields more room within the existing auth card. */
#SignInDvHot{padding-inline:clamp(20px,4vw,40px)!important;}

/* R42A: center the fields, labels and inline recovery steps as one column. */
#SignInDvHot > #formSignIn,
#SignInDvHot > .op-auth-panel,
#SignInDvHot > .op-auth-links {width:100%;max-width:360px;margin-inline:auto;box-sizing:border-box;}