/* Method tabs (WhatsApp | Email code) and the email panel, shared by all
   three form styles. Colors are inherited/translucent on purpose so the tabs
   pick up whatever theme the form is dropped into. */
.wa-otp-method[hidden],
.wa-otp-step[hidden] {
	display: none;
}
.wa-otp-tabs {
	display: flex;
	gap: 4px;
	margin: 0 0 12px;
	padding: 3px;
	border-radius: 10px;
	background: rgba(127, 127, 127, 0.12);
}
.wa-otp-tab {
	flex: 1;
	padding: 7px 10px;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
	opacity: 0.7;
}
.wa-otp-tab:hover {
	opacity: 1;
}
.wa-otp-tab.is-active {
	background: rgba(127, 127, 127, 0.22);
	opacity: 1;
}
/* Minimal's resend is a link in the phone panel; the email panel uses
   buttons, so give them the same plain-link look. */
.wa-otp-minimal button.wa-otp-minimal__resend {
	background: none;
	border: none;
	padding: 0;
	margin-right: 12px;
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
}
.wa-otp-minimal button.wa-otp-minimal__resend:disabled {
	opacity: 0.4;
	cursor: default;
}