/* AI Voice Onboarding — shared public styling for thank-you & token error
   screens, plus light scoping for the embedded forms. The forms themselves
   carry their own (original) inline styles, so we only add wrappers here. */

.aivo-embed { max-width: 720px; margin: 0 auto; }

/* ---- Thank-you ---- */
.aivo-thanks { padding: 24px 12px; }
.aivo-thanks-card {
	background: #0e1424;
	background: linear-gradient(180deg, #121a2e, #0e1424);
	border: 1px solid #22304f;
	border-radius: 16px;
	box-shadow: 0 18px 50px -18px rgba(0,0,0,.6);
	color: #eaf0ff;
	text-align: center;
	padding: 44px 28px;
}
.aivo-thanks-card h2 { font-size: 24px; margin: 0 0 10px; }
.aivo-thanks-card p { color: #9fb0d0; max-width: 46ch; margin: 0 auto 14px; }
.aivo-check {
	width: 78px; height: 78px; border-radius: 50%; margin: 0 auto 20px;
	display: grid; place-items: center;
	background: linear-gradient(135deg, #22d3ee, #2d8cff);
	box-shadow: 0 18px 40px -14px #22d3ee;
}
.aivo-check svg { width: 40px; height: 40px; color: #04121f; }

/* ---- Token error ---- */
.aivo-error { padding: 24px 12px; }
.aivo-error-card {
	background: linear-gradient(180deg, #121a2e, #0e1424);
	border: 1px solid #22304f;
	border-radius: 16px;
	box-shadow: 0 18px 50px -18px rgba(0,0,0,.6);
	color: #eaf0ff;
	text-align: center;
	padding: 44px 28px;
}
.aivo-error-card h2 { font-size: 22px; margin: 0 0 10px; }
.aivo-error-card p { color: #9fb0d0; max-width: 44ch; margin: 0 auto 14px; }
.aivo-error-ic {
	width: 70px; height: 70px; border-radius: 50%; margin: 0 auto 18px;
	display: grid; place-items: center;
	background: rgba(251,113,133,.14); color: #fb7185;
}
.aivo-error-ic svg { width: 36px; height: 36px; }

/* ---- Shared button ---- */
.aivo-btn {
	display: inline-block; text-decoration: none;
	background: linear-gradient(135deg, #2d8cff, #1f6fe0);
	color: #fff !important; font-weight: 700; font-size: 15px;
	padding: 12px 22px; border-radius: 12px;
	box-shadow: 0 12px 28px -12px #2d8cff;
}
.aivo-btn:hover { filter: brightness(1.08); }

/* ---- Missing form notice ---- */
.aivo-missing {
	border: 1px dashed #b3b3b3; border-radius: 12px; padding: 22px;
	background: #fafafa; color: #333; text-align: center;
}
.aivo-missing code { background: #eee; padding: 2px 6px; border-radius: 4px; }
.aivo-muted { color: #888; font-size: 13px; }