/* assets/css/password-toggle.css
   Shared styles for the inline SHOW / HIDE password toggle button.
   Used by login.php, register.php, reset_password.php, and the
   admin Security tab in admin/dashboard.php.

   The wrapper sits around the <input>; the button is absolutely
   positioned at the right edge. The wrapper's padding-right keeps
   typed text from running under the button.
*/

.password-wrap {
    position: relative;
}
.password-wrap input {
    padding-right: 70px;
}
.password-toggle-btn {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 4px 6px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #FE6E15;
    cursor: pointer;
    font-family: inherit;
}
.password-toggle-btn:hover {
    text-decoration: underline;
}
.password-toggle-btn:focus {
    outline: 2px solid #FE6E15;
    outline-offset: 2px;
    border-radius: 4px;
}