/**
 * Thank-you page — token-aligned success / pending states.
 */

.sdd-scope.sdd-thankyou {
	max-width: 720px;
	margin: 0 auto;
	padding: var(--sdd-space-6) var(--sdd-space-4);
}

.sdd-scope.sdd-thankyou .sdd-state {
	padding-block: var(--sdd-space-8);
}

.sdd-scope.sdd-thankyou .sdd-instructions {
	text-align: left;
	margin-top: var(--sdd-space-6);
}

.sdd-scope.sdd-thankyou .sdd-instructions ol {
	margin: var(--sdd-space-4) 0;
	padding-left: 1.25rem;
	color: var(--sdd-color-text);
}

.sdd-scope.sdd-thankyou .sdd-instructions li {
	margin-bottom: var(--sdd-space-3);
}

.sdd-scope.sdd-thankyou .sdd-note {
	margin-top: var(--sdd-space-4);
	color: var(--sdd-color-text-muted);
	font-size: 0.95rem;
}

.sdd-scope.sdd-thankyou .sdd-pending-instructions {
	text-align: left;
	white-space: pre-wrap;
	background: var(--sdd-color-bg-app);
	border-radius: var(--sdd-radius-sm);
	padding: var(--sdd-space-4);
	margin: var(--sdd-space-4) 0;
	color: var(--sdd-color-text);
}

.sdd-scope.sdd-thankyou .sdd-receipt {
	text-align: left;
	margin-top: var(--sdd-space-4);
}

.sdd-scope.sdd-thankyou .sdd-receipt__lines {
	list-style: none;
	margin: var(--sdd-space-3) 0 0;
	padding: 0;
}

.sdd-scope.sdd-thankyou .sdd-receipt__lines li {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: var(--sdd-space-4);
	padding: var(--sdd-space-2) 0;
	border-top: 1px solid var(--sdd-color-border);
}

.sdd-scope.sdd-thankyou .sdd-receipt__lines li:first-child {
	border-top: 0;
}

@media (max-width: 720px) {
	.sdd-scope.sdd-thankyou .sdd-state__actions {
		flex-direction: column;
	}

	.sdd-scope.sdd-thankyou .sdd-state__actions .sdd-btn {
		width: 100%;
	}
}