/* Acid AEO: the "AI readiness" widget on the WordPress dashboard. A status tag, ink on its tint; the dashboard's own fonts. */

.acid-aeo-widget {
	--ink-2: #4a4f57;
	--paper-2: #f4f5f5;
	--danger-ink: #b3202c;
	--danger-tint: #fdecee;
	--warning-ink: #8a4b00;
	--warning-tint: #fff4d6;
	--success-ink: #0a7a4b;
	--success-tint: #e5fff4;
	--radius: 3px;
}

.acid-aeo-widget-score { align-items: center; display: flex; gap: 8px; }
.acid-aeo-widget-band { font-weight: 600; }

.acid-aeo-score-badge {
	background: var(--paper-2);
	border: 1px solid currentColor;
	border-radius: var(--radius);
	color: var(--ink-2);
	display: inline-block;
	font-weight: 700;
	padding: 2px 10px;
}

.acid-aeo-score-badge.acid-aeo-band-excellent,
.acid-aeo-score-badge.acid-aeo-band-good { background: var(--success-tint); color: var(--success-ink); }
.acid-aeo-score-badge.acid-aeo-band-fair { background: var(--warning-tint); color: var(--warning-ink); }
.acid-aeo-score-badge.acid-aeo-band-poor { background: var(--danger-tint); color: var(--danger-ink); }