/*
 * Login and password screens (theme 1.28; inc/td-account/td-account-login-ux.php).
 * Theme blue #004C97.
 */

/* The eye sits inside the password box, on the right. */
.td-pw-wrap { position: relative; display: block; }
.td-pw-wrap input[type="password"],
.td-pw-wrap input[type="text"] { padding-right: 46px !important; } /* Room for the eye (UM sets its own padding). */
.td-pw-toggle {
	position: absolute; top: 50%; right: 6px; transform: translateY(-50%);
	display: inline-flex; align-items: center; justify-content: center;
	width: 36px; height: 36px; padding: 0; border: 0; border-radius: 4px;
	background: none; color: #004C97; cursor: pointer;
}
.td-pw-toggle svg { width: 22px; height: 22px; }
.td-pw-toggle:hover,
.td-pw-toggle:focus-visible { background: rgba(0, 76, 151, 0.1); outline: none; }

/* "Remember me" (when the login form didn't already have UM's box). */
.td-remember { display: flex; align-items: center; gap: 8px; margin: 4px 0 16px; font-size: 15px; cursor: pointer; }
.td-remember input { width: 18px; height: 18px; margin: 0; accent-color: #004C97; }