/*
 * The SEO screens' own rules (Schema, Social preview, Internal linking), on the chrome's --ra-* tokens. Enqueued by each
 * of those modules on its own screen only (enqueue_admin_assets()). They were <style> blocks printed in each screen's
 * body until the cleanup of 7 Nov 2026 (the owner: clean up every remaining Rooster One admin issue). The markup is the
 * library's; what is here is what its recipes have no word for.
 */

/* Schema's logo and Social preview's default share image: the chosen image under its URL field. */
.aieo-schema-logo-preview,
.aieo-social-img-preview {
	margin-block-start: 6px;
}

.aieo-schema-logo-preview img,
.aieo-social-img-preview img {
	max-height: 60px;
	border: 1px solid var(--ra-border);
	border-radius: var(--ra-radius-sm);
}

.aieo-social-img-preview img {
	max-height: 70px;
}

/* Internal linking: the tables' search keeps its type-ahead results (aieo-sem-search__results, dmm.css) under the box. */
.aieo-sem-typeahead {
	position: relative;
	display: inline-block;
}

/* The semantic graph is drawn into a box the page sizes: an admin screen prints no inline height. */
.aieo-sem-graph-tab .aieo-sem-graph {
	height: 560px;
}

.aieo-cluster-graph-row .aieo-sem-graph {
	height: 460px;
}

/* The long-run progress block (partials/progress.php: Internal linking's Index now): what it is doing and how far,
   the library's bar (Ui::progress()), the counts, the rate and the time left, then what it produced. */
.aieo-progress {
	max-width: 760px;
	margin: 10px 0 14px;
	padding: 12px 14px;
	border: 1px solid var(--ra-border);
	border-inline-start: 3px solid var(--ra-accent);
	border-radius: var(--ra-radius-md);
	background: var(--ra-card);
}

.aieo-progress__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.aieo-progress__pct {
	color: var(--ra-accent);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.aieo-progress > .rooster-admin-progress {
	display: flex;
	max-width: none;
	margin-block: 8px 6px;
}

.aieo-progress__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	color: var(--ra-secondary-foreground);
	font-size: var(--ra-text-xs);
	font-variant-numeric: tabular-nums;
}

.aieo-progress__why,
.aieo-progress__result {
	margin: 6px 0 0;
}

.aieo-progress__result {
	color: var(--ra-success-foreground);
	font-weight: 600;
}

.aieo-progress.is-done .aieo-progress__pct,
.aieo-progress.is-done .aieo-progress__result {
	color: var(--ra-success-foreground);
}

.aieo-progress.is-fail .aieo-progress__pct,
.aieo-progress.is-fail .aieo-progress__result {
	color: var(--ra-destructive-foreground);
}