/*
 * LoginFlow — wp-login.php OTP step.
 *
 * Minimal styling that complements WordPress's native wp-login.php look.
 * Colors are pulled from WP's standard palette (#2271b1, #d63638, #8c8f94).
 * Box styling itself is reused from loginflow-otp.css.
 */

.loginflow-wp-otp-step {
	margin: 0;
}

.loginflow-wp-otp-message {
	margin: 0 0 18px;
	font-size: 14px;
	line-height: 1.5;
	color: #50575e;
}

.loginflow-wp-otp-message strong {
	color: #1d2327;
	word-break: break-all;
}

.loginflow-wp-otp-error {
	background: #fcf0f1;
	border-left: 4px solid #d63638;
	padding: 10px 12px;
	margin: 0 0 18px;
	font-size: 13px;
	color: #1d2327;
}

.loginflow-wp-otp-error:empty {
	display: none;
}

.loginflow-wp-otp-row {
	display: flex;
	align-items: center;
	font-size: 13px;
}

.loginflow-wp-otp-row-resend {
	justify-content: flex-start;
	gap: 10px;
	margin: 0 0 14px;
}

.loginflow-wp-otp-row-action {
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 8px;
}

.loginflow-wp-otp-back {
	color: #2271b1;
	text-decoration: none;
}

.loginflow-wp-otp-back:hover,
.loginflow-wp-otp-back:focus {
	color: #135e96;
	text-decoration: underline;
}

.loginflow-wp-otp-login {
	margin: 0;
}

.loginflow-wp-otp-resend {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	color: #2271b1;
	font-size: 13px;
	font-family: inherit;
}

.loginflow-wp-otp-resend:hover:not(:disabled),
.loginflow-wp-otp-resend:focus:not(:disabled) {
	color: #135e96;
	text-decoration: underline;
}

.loginflow-wp-otp-resend:disabled {
	color: #8c8f94;
	cursor: not-allowed;
}

.loginflow-wp-otp-timer {
	color: #8c8f94;
	font-size: 13px;
}