/*
 * Reports and Lookups: the per-page caps card's lock for somebody who is not an administrator (it was a <style> block
 * printed in the page with its own purples). The fields stay readable under a light blur; the overlay says why.
 * Colours are the chrome's tokens.
 */
.aieo-caps-locked .rooster-admin-field__control input,
.aieo-caps-locked .rooster-admin-field__help { filter: blur(1.2px); opacity: .85; user-select: none; }
.aieo-caps-locked #aieo-tools-caps-save { pointer-events: none; opacity: .6; }
.aieo-caps-lock-overlay {
	position: absolute; inset: 0; z-index: 5;
	display: flex; align-items: center; justify-content: center;
	padding: 24px; border-radius: inherit;
	background: color-mix(in srgb, var(--ra-accent) 12%, transparent);
	-webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
	animation: aieo-caps-fade .3s ease;
}
@keyframes aieo-caps-fade { from { opacity: 0; } to { opacity: 1; } }
.aieo-caps-lock-content {
	display: flex; align-items: center; gap: 14px; max-width: 520px;
	padding: 14px 18px; border: 1px solid var(--ra-border); border-radius: var(--ra-radius-lg);
	background: var(--ra-card); box-shadow: var(--ra-shadow-pop); color: var(--ra-foreground);
}
.aieo-caps-lock-content strong { font-size: var(--ra-text-sm); }
.aieo-caps-lock-content span { font-size: 13px; line-height: 1.45; color: var(--ra-secondary-foreground); }
.aieo-caps-lock-icon {
	flex-shrink: 0; display: flex; align-items: center; justify-content: center;
	width: 36px; height: 36px; border-radius: 50%;
	background: var(--ra-accent); color: var(--ra-accent-on);
}
@media (prefers-reduced-motion: reduce) { .aieo-caps-lock-overlay { animation: none; } }