/* R287: visual-only skin for the ORIGINAL OPS login form. This stylesheet
   does not include scripts, change form methods, or affect logged-in pages. */
body[data-t2t-role=""] .r286-gateway .r286-panel form.loginCard {
    display:block!important; position:relative!important; margin:0!important;
    width:100%!important; max-width:none!important; min-height:0!important;
    padding:clamp(28px,3.4vw,49px)!important; border:0!important;
    border-radius:0!important; background:#f5f4ee!important;
    color:#17343b!important; box-shadow:none!important;
}
body[data-t2t-role=""] .r286-gateway form.loginCard .eyebrow {
    display:block!important; font-size:10px!important; font-weight:800!important;
    line-height:1.4!important; letter-spacing:.18em!important;
    text-transform:uppercase!important; color:#987a42!important;
    -webkit-text-fill-color:#987a42!important; margin:0 0 28px!important;
}
body[data-t2t-role=""] .r286-gateway form.loginCard h1 {
    font:400 clamp(31px,2.65vw,39px)/1.14 Georgia,"Iowan Old Style",serif!important;
    letter-spacing:-.032em!important; color:#15313a!important;
    -webkit-text-fill-color:#15313a!important; margin:0 0 18px!important;
}
body[data-t2t-role=""] .r286-gateway form.loginCard > p:not(.fine) {
    font:400 13px/1.7 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    color:#6b807e!important; -webkit-text-fill-color:#6b807e!important;
    margin:0 0 29px!important;
}
body[data-t2t-role=""] .r286-gateway form.loginCard label.field{
    display:block!important; width:100%!important; margin:0 0 19px!important;
    color:#304e54!important; -webkit-text-fill-color:#304e54!important;
}
body[data-t2t-role=""] .r286-gateway form.loginCard label.field > span {
    display:block!important; margin-bottom:9px!important; font-size:11px!important;
    font-weight:750!important; color:#304e54!important;
    -webkit-text-fill-color:#304e54!important;
}
body[data-t2t-role=""] .r286-gateway form.loginCard label.field > input {
    display:block!important; width:100%!important; max-width:100%!important;
    height:52px!important; padding:0 16px!important; margin:0!important;
    border:1px solid #c8d4ce!important; border-radius:2px!important;
    background:#fff!important; color:#19363f!important;
    -webkit-text-fill-color:#19363f!important;
    font:500 14px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    outline:none!important; box-shadow:none!important;
}
body[data-t2t-role=""] .r286-gateway form.loginCard label.field > input:focus-visible {
    border-color:#426f70!important; box-shadow:0 0 0 3px rgba(62,116,111,.14)!important;
}
body[data-t2t-role=""] .r286-gateway form.loginCard button.loginBtn {
    display:block!important; width:100%!important; min-height:54px!important;
    margin:10px 0 0!important; padding:0 19px!important;
    background:#153b43!important; color:#fff!important;
    -webkit-text-fill-color:#fff!important; text-align:center!important;
    border:1px solid #153b43!important; border-radius:2px!important;
    font:750 13px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    cursor:pointer!important;
}
body[data-t2t-role=""] .r286-gateway form.loginCard button.loginBtn:hover,
body[data-t2t-role=""] .r286-gateway form.loginCard button.loginBtn:focus-visible {
    background:#23535b!important; color:#fff!important;
    -webkit-text-fill-color:#fff!important; outline:2px solid #c1a16b!important;
    outline-offset:3px!important;
}
body[data-t2t-role=""] .r286-gateway form.loginCard .error {
    display:block!important; margin-bottom:18px!important;
    border:1px solid #e9ccc3!important; background:#fff0eb!important;
    color:#7b3930!important; -webkit-text-fill-color:#7b3930!important;
    padding:12px 14px!important; border-radius:2px!important;
    font-size:12px!important;
}
body[data-t2t-role=""] .r286-gateway form.loginCard p.fine {
    display:block!important; color:#788985!important; -webkit-text-fill-color:#788985!important;
    font-size:10px!important; line-height:1.6!important;
    margin:23px 0 0!important;
}
@media(max-width:740px){
  body[data-t2t-role=""] .r286-gateway .r286-panel form.loginCard {padding:28px 25px 30px!important}
}