/**
 * Spinner breve al abrir Stripe + toast del email KYC.
 */
.coedpi-stripe-popup-overlay {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 10050;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(24, 21, 18, 0.28);
	pointer-events: none;
}

.coedpi-stripe-popup-overlay.is-open {
	display: flex;
}

.coedpi-stripe-popup-spinner-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 22px 26px;
	border-radius: 16px;
	border: 1px solid var(--line, #e8e2d9);
	background: linear-gradient(165deg, #fffef9, var(--cream, #f5f1e9));
	box-shadow: 0 16px 40px rgba(24, 21, 18, 0.18);
	color: var(--ink, #181512);
}

.coedpi-stripe-popup-spinner {
	display: flex;
	justify-content: center;
}

.coedpi-stripe-popup-spinner span {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 3px solid rgba(229, 189, 24, 0.28);
	border-top-color: var(--gold, #e5bd18);
	animation: coedpi-stripe-spin 0.8s linear infinite;
}

@keyframes coedpi-stripe-spin {
	to {
		transform: rotate(360deg);
	}
}

.coedpi-stripe-popup-spinner-label {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--olive, #907917);
}

.coedpi-stripe-email-toast {
	position: fixed;
	left: 50%;
	bottom: 28px;
	z-index: 10060;
	transform: translate(-50%, 12px);
	opacity: 0;
	transition: opacity 0.25s ease, transform 0.25s ease;
	max-width: min(420px, calc(100vw - 32px));
	padding: 12px 16px;
	border-radius: 12px;
	border: 1px solid var(--line, #e8e2d9);
	background: var(--gold-soft, #fff8da);
	color: var(--ink, #181512);
	box-shadow: 0 12px 28px rgba(24, 21, 18, 0.16);
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
	pointer-events: none;
}

.coedpi-stripe-email-toast.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

.coedpi-stripe-email-toast code {
	user-select: all;
	font-size: 13px;
}