/* Password visibility toggle button (Login, Register, Reset Password) */
.input-group > .form-floating {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.password-toggle {
    border: 1px solid #ced4da;
    border-left: 0;
    background-color: #fff;
    color: #6c757d;
}

.password-toggle:hover,
.password-toggle:focus {
    background-color: #f8f9fa;
    color: #212529;
}

/* The global ".form-control { padding: 1rem ... !important }" rule flattens the
   top padding Bootstrap's floating label relies on, so revealed plain-text
   passwords collide with the label. Restore enough top padding to clear it. */
.input-group > .form-floating > .form-control {
    height: calc(4rem + 2px);
    padding-top: 1.75rem !important;
    padding-bottom: 0.5rem !important;
}