.password-field-control { display: flex; align-items: center; gap: 8px; width: 100%; }
.password-field-control > input { flex: 1; min-width: 0; width: 0; }
.password-field-control .password-visibility { flex: 0 0 auto; min-height: 44px; padding: 10px 12px; border: 1px solid #cbded3; border-radius: 12px; background: #eaf3ee; color: #176b50; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.password-visibility:hover { background: #dbece2; }
.password-visibility:focus-visible { outline: 3px solid #176b50; outline-offset: 3px; }
@media(max-width: 360px) { .password-field-control { flex-wrap: wrap; } .password-field-control > input { flex-basis: 100%; } }

.password-field-control { margin-top: 7px; }
.auth-card .password-field-control > input, .ops-login-card .password-field-control > input { margin-top: 0; width: 0; }
@media(max-width:360px) { .auth-card .password-field-control > input, .ops-login-card .password-field-control > input { width: 100%; } }