/* AI Image Flag - dezentes KI-Badge fuer markierte Bilder.
   Position wird per JavaScript (frontend.js) gesetzt, da das Badge als
   eigenstaendiges Element an document.body angehaengt wird und so das
   Layout des markierten Bildes nicht beeinflusst. */

.ai-badge {
	position: absolute;
	width: 22px;
	height: 22px;
	background: rgba(15, 15, 15, 0.6);
	color: #fff;
	font: 600 10px/22px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	text-align: center;
	border-radius: 50%;
	letter-spacing: 0.03em;
	opacity: 0.55;
	transition: opacity 0.2s ease, background-color 0.2s ease;
	pointer-events: none;
	z-index: 99999;
}

.ai-badge.is-active {
	opacity: 1;
	background: rgba(15, 15, 15, 0.9);
}

.ai-badge-tooltip {
	position: absolute;
	max-width: 220px;
	padding: 5px 9px;
	background: rgba(15, 15, 15, 0.92);
	color: #fff;
	font: 500 11px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	border-radius: 4px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
	pointer-events: none;
	z-index: 99999;
}

.ai-badge-tooltip.is-active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}