.password-entry{display:flex;align-items:stretch;gap:8px;margin-top:8px;min-width:0}
.password-entry input:not([type=checkbox]){flex:1;width:0;min-width:0;margin-top:0}
.password-entry button.password-toggle{flex:0 0 auto;min-width:86px;padding:10px 12px;margin:0;background:#e8dcef;color:#39214f;border:1px solid #65418a55;border-radius:9px;font:500 14px Poppins,Arial,sans-serif;white-space:nowrap}
.password-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.password-tools button{min-height:44px;padding:11px 17px;border-radius:9px;font:500 14px Poppins,Arial,sans-serif}
.password-tools .password-generate{background:#65418a;color:#fff6e7;border:1px solid #65418a}
.password-tools .password-copy{background:#fffdf7;color:#39214f;border:1px solid #65418a77}
.password-entry button:focus-visible,.password-tools button:focus-visible{outline:3px solid #65418a;outline-offset:3px}
.password-entry button:hover,.password-tools .password-copy:hover{background:#ddd0e7}
.password-tools .password-generate:hover{background:#39214f}
.password-hint,.password-status{font-size:13px;line-height:1.7;margin:10px 0 0}
.password-status:empty{display:none}
.password-tools button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:480px){.password-entry{gap:6px}.password-entry button.password-toggle{min-width:78px;padding:10px 9px}.password-tools{gap:8px}.password-tools button{flex:1}}
/* Usuário em uma linha e as duas senhas lado a lado, com altura uniforme. */
.login-fields .field:has(input[name=username]){grid-column:1/-1}
.login-fields .fields{align-items:start}
.password-entry{height:52px}
.password-entry input:not([type=checkbox]){height:52px}
