/* Styles for the two-factor (OTP) view (/views/common/otpvalidation.xhtml).
   Loaded from the page head so they apply even when the OTP step is shown via an ajax update
   (inline <style> injected through ajax is not reliably applied). Scoped under .ov_otp_val so the
   generic .title/.subtitle class names don't leak globally. */
.ov_otp_val {
	padding: 0.5em 1.5em 1.5em;
}

.ov_otp_val .otp-container {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}

.ov_otp_val .otp-input {
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 24px;
	border-radius: 8px;
	border: 1px solid #ccc;
}

.ov_otp_val .title {
	text-align: center;
	font-size: 24px;
	margin-top: 20px;
}

.ov_otp_val .subtitle {
	text-align: center;
	margin-top: 15px;
}