:root {
	--wh-uac-theme-primary: var(--theme-primary-color, var(--bb-primary-color, var(--hacesbook-primary-color, #1e73be)));
	--wh-uac-theme-success: #1f9d55;
	--wh-uac-theme-danger: #dc2626;
	--wh-uac-theme-bg: #ffffff;
	--wh-uac-theme-text: inherit;
	--wh-uac-theme-radius: var(--global-border-radius, var(--hacesbook-border-radius, 6px));
}

.wh-uac-status {
	display: none !important;
	margin-top: 6px !important;
	font: inherit !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	font-weight: 500 !important;
	width: 100% !important;
	clear: both !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.wh-uac-status.is-visible {
	display: block !important;
}

.wh-uac-status.is-ok {
	color: var(--wh-uac-theme-success) !important;
}

.wh-uac-status.is-error {
	color: var(--wh-uac-theme-danger) !important;
}

.wh-uac-status.is-info {
	color: var(--wh-uac-theme-primary) !important;
}

input.wh-uac-ok,
input[name="signup_username"].wh-uac-ok,
input[name="user_login"].wh-uac-ok,
input[name="username"].wh-uac-ok {
	border-color: var(--wh-uac-theme-success) !important;
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--wh-uac-theme-success) 45%, white) !important;
	outline: none !important;
}

input.wh-uac-error,
input[name="signup_username"].wh-uac-error,
input[name="user_login"].wh-uac-error,
input[name="username"].wh-uac-error {
	border-color: var(--wh-uac-theme-danger) !important;
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--wh-uac-theme-danger) 35%, white) !important;
	outline: none !important;
}

.wh-uac-submit-disabled {
	opacity: .58 !important;
	cursor: not-allowed !important;
}

/* Espaciado integrado */
input[name="signup_username"].wh-uac-ok,
input[name="signup_username"].wh-uac-error,
#form-sgnp input.wh-uac-ok,
#form-sgnp input.wh-uac-error {
	border-radius: var(--wh-uac-theme-radius) !important;
}

input[name="signup_username"] + .wh-uac-status,
#form-sgnp .wh-uac-status {
	margin-inline-start: 2px !important;
}


/* Posición exacta bajo el campo de usuario */
#signup_username + .wh-uac-status,
input[name="signup_username"] + .wh-uac-status {
    display: none !important;
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    clear: both !important;
}
#signup_username + .wh-uac-status.is-visible,
input[name="signup_username"] + .wh-uac-status.is-visible {
    display: block !important;
}