/* "Spam-Prüfung" badge and popup in admin/demo-anfragen and admin/demo-archiv.
   Badge markup: PCLib/DemoRequests/DemoSpamBadge.php, popup/JS: admin/demo-anfragen/spamScript.php */
.rd-demo-spam-badge {
	display: inline-block;
	white-space: nowrap;
}

.rd-demo-spam-badge[role="button"] {
	cursor: pointer;
}

/* In the demo tables the label may wrap ("Wahrscheinlich / Spam") so the column stays narrow;
   the legacy .cont_body does not scroll horizontally and the table is already wide. */
.demo_table .rd-demo-spam-badge {
	white-space: normal;
	max-width: 110px;
	line-height: 1.3;
}

.rd-demo-spam-badge[role="button"]:hover,
.rd-demo-spam-badge[role="button"]:focus-visible {
	outline: 2px solid var(--rd-secondary-active);
	outline-offset: 1px;
}

/* Detail view: badge + explanation above the edit form. */
.rd-demo-spam-info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--rd-spacing-sm);
	margin-bottom: var(--rd-spacing-md);
}

/* Popup */
.rd-demo-spam-popup {
	text-align: left;
}

.rd-demo-spam-popup-head {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-sm);
	margin-bottom: var(--rd-spacing-md);
}

.rd-demo-spam-popup-reason {
	margin: 0 0 var(--rd-spacing-md);
}

.rd-demo-spam-popup-meta {
	color: var(--rd-gray-600);
	font-size: var(--rd-fontsize-4);
	margin: 0 0 var(--rd-spacing-sm);
}

.rd-demo-spam-popup-hint {
	color: var(--rd-gray-600);
	font-size: var(--rd-fontsize-4);
	margin: 0 0 var(--rd-spacing-lg);
}

.rd-demo-spam-popup-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rd-spacing-sm);
}

.rd-demo-spam-popup-status {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-sm);
	margin-top: var(--rd-spacing-md);
	color: var(--rd-gray-600);
}

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