.password-control{position:relative;display:block;width:100%;min-width:0;margin-top:5px}
.password-control>input[data-account-password]{width:100%;padding-right:52px;margin-top:0;min-height:46px}
/* Preserve room for the 44px toggle when the shared portal field rule loads last. */
body.portal-actual main .auth-wrap .password-control>input[data-account-password]:is([type="password"],[type="text"]){padding-right:56px}
.password-control>.password-toggle{position:absolute;inset:1px 1px 1px auto;display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;margin:0;padding:10px;border:0;border-radius:7px;background:transparent;color:#506378;cursor:pointer;box-shadow:none}
.password-control>.password-toggle:hover{background:#eef2f6;color:#183b5b}
.password-control>.password-toggle:focus-visible{outline:3px solid #91b2ea;outline-offset:1px}
.password-toggle svg{display:block;width:22px;height:22px;pointer-events:none}
.password-control.is-valid>input[data-account-password]{border-color:#23804b;box-shadow:0 0 0 1px #23804b}
.password-control.is-invalid>input[data-account-password]{border-color:#b52a3a;box-shadow:0 0 0 1px #b52a3a}
small.password-status{display:block;margin-top:7px;font-size:12px;font-weight:500;line-height:1.45;color:#5c6d7e;overflow-wrap:anywhere}
small.password-status[data-state=valid]{color:#17663a}
small.password-status[data-state=invalid]{color:#ad2032}