/* Sombhavona Career — OTP verification panel (Apply page only) */

.sb-otp-panel {
	background: var(--sb-soft, #f3f7f5);
	border: 1px solid var(--sb-border, #e5e7eb);
	border-radius: 10px;
	padding: 18px 20px;
	margin: 0 0 24px;
	color: var(--sb-ink, #1f2937);
}

.sb-otp-panel.sb-otp-verified {
	border-color: var(--sb-primary, #0b6e4f);
}

.sb-otp-title {
	margin: 0 0 8px;
	font-size: 1.15em;
}

.sb-otp-desc {
	margin: 0 0 12px;
	color: var(--sb-muted, #6b7280);
}

.sb-otp-channels {
	display: flex;
	gap: 18px;
	margin: 0 0 12px;
}

.sb-otp-channels label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	font-weight: 600;
}

.sb-otp-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 10px;
}

.sb-otp-btn {
	background: var(--sb-primary, #0b6e4f);
	color: #ffffff;
	border: 1px solid var(--sb-primary, #0b6e4f);
	border-radius: 8px;
	padding: 10px 20px;
	font-size: 1em;
	font-weight: 600;
	cursor: pointer;
	line-height: 1.2;
}

.sb-otp-btn:hover:not(:disabled) {
	background: var(--sb-primary-dark, #095c42);
	border-color: var(--sb-primary-dark, #095c42);
}

.sb-otp-btn:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.sb-otp-btn-alt {
	background: transparent;
	color: var(--sb-primary, #0b6e4f);
}

.sb-otp-btn-alt:hover:not(:disabled) {
	background: var(--sb-soft, #f3f7f5);
	color: var(--sb-primary-dark, #095c42);
}

#sb-otp-code {
	width: 180px;
	max-width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--sb-border, #e5e7eb);
	border-radius: 8px;
	font-size: 1.05em;
	letter-spacing: 3px;
	text-align: center;
}

.sb-otp-msg {
	margin: 4px 0 0;
	min-height: 1.2em;
}

.sb-otp-msg-err {
	color: var(--sb-danger, #b91c1c);
	font-weight: 600;
}

.sb-otp-msg-ok {
	color: var(--sb-primary-dark, #095c42);
}

.sb-otp-done {
	margin: 8px 0 0;
	color: var(--sb-primary, #0b6e4f);
	font-weight: 700;
}