/* Password field with show/hide toggle — single eye icon; state in aria-pressed + label only */
.mca-password-field {
	position: relative;
	width: 100%;
}
.mca-password-field .form-control {
	padding-right: 2.75rem;
}
.mca-password-toggle {
	position: absolute;
	right: 0.4rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2.25rem;
	height: 2.25rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0.25rem;
	background: transparent;
	color: #5c6783;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	-webkit-tap-highlight-color: transparent;
}
.mca-password-toggle:hover,
.mca-password-toggle:focus {
	color: #3f6ad8;
	outline: none;
}
.mca-password-toggle:focus-visible {
	box-shadow: 0 0 0 2px rgba(63, 106, 216, 0.35);
}
.mca-password-toggle .mca-pw-icon-eye {
	display: block;
	flex-shrink: 0;
}
/* Slight emphasis when password is visible (optional visual hint) */
.mca-password-toggle[aria-pressed="true"] {
	color: #3f6ad8;
}