/* Estilos específicos del modal de registro */
@import url('t-tooltip.css?v=1.0.0');

/* Error states para inputs del modal — selectores específicos para ganar sobre estilos del layout */
#modalUserInput.t-input-container-error,
#modalEmailInput.t-input-container-error,
#modalPasswordInput.t-input-container-error,
#modalConfirmPasswordInput.t-input-container-error {
	border: 2px solid var(--color-error-500) !important;
	background-color: var(--color-error-100) !important;
}

#modalUserInput.t-input-container-error input,
#modalEmailInput.t-input-container-error input,
#modalPasswordInput.t-input-container-error input,
#modalConfirmPasswordInput.t-input-container-error input {
	background-color: var(--color-error-100) !important;
	-webkit-box-shadow: 0 0 0 30px var(--color-error-100) inset !important;
	box-shadow: 0 0 0 30px var(--color-error-100) inset !important;
}

.password-toggle-icon {
	cursor: pointer;
	margin-left: auto;
	transition: opacity 0.3s ease;
}

.password-toggle-icon:hover {
	opacity: 0.7;
}