/* "KI-Recherche" loading state in admin/demo-anfragen (researchScript.php).
   Skeleton in the shape of the HTML result (h2 + paragraphs) while the web research runs. */
.rd-demo-research-loading {
	text-align: left;
}

.rd-demo-research-status {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-sm);
	margin: 0 0 var(--rd-spacing-lg);
	color: var(--rd-gray-600);
}

.rd-demo-research-status .rd-spinner {
	flex: none;
	width: 18px;
	height: 18px;
}

.rd-demo-research-elapsed {
	font-variant-numeric: tabular-nums;
}

/* The popup is 90% wide, so percentage widths are fine here; min-height matches a typical
   result (~420px measured on Demo 55893) so the box does not jump when the content arrives. */
.rd-demo-research-skeleton {
	display: flex;
	flex-direction: column;
	gap: var(--rd-spacing-sm);
	min-height: 420px;
}

.rd-demo-research-skeleton-title {
	width: 180px;
	margin-top: var(--rd-spacing-md);
}

.rd-demo-research-skeleton-title:first-child {
	margin-top: 0;
}

.rd-demo-research-skeleton-text {
	width: 85%;
}

.rd-demo-research-skeleton-text:nth-child(even) {
	width: 70%;
}