/* Guild badges on comments, profiles, leaderboard — loads everywhere */

.ag-comment-badge {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	background: color-mix(in srgb, var(--ag-color, #48CAE4) 15%, transparent);
	border: 1px solid color-mix(in srgb, var(--ag-color, #48CAE4) 30%, transparent);
	border-radius: 12px;
	padding: 1px 8px;
	font-size: 10px;
	font-weight: 600;
	vertical-align: middle;
	margin-left: 4px;
}
.ag-comment-badge__icon { font-size: 11px; }
.ag-comment-badge__name { color: var(--ag-color, #48CAE4); }

/* Fallback for browsers without color-mix */
@supports not (background: color-mix(in srgb, red 50%, blue)) {
	.ag-comment-badge {
		background: rgba(72,202,228,0.12);
		border-color: rgba(72,202,228,0.25);
	}
}

.ag-profile-guild {
	margin: 12px 0;
	padding: 12px 16px;
	background: rgba(255,255,255,0.03);
	border: 1px solid color-mix(in srgb, var(--ag-color, #48CAE4) 25%, transparent);
	border-radius: 10px;
}
.ag-profile-guild--none { border-color: rgba(255,255,255,0.06); }
.ag-profile-guild__label {
	display: block;
	font-size: 10px;
	color: rgba(255,255,255,0.35);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 6px;
}
.ag-profile-guild__card {
	display: flex;
	align-items: center;
	gap: 8px;
}
.ag-profile-guild__icon { font-size: 22px; }
.ag-profile-guild__name { color: #fff; font-weight: 600; font-size: 14px; }
.ag-profile-guild__text { color: rgba(255,255,255,0.4); font-size: 13px; }

.ag-inline-badge {
	margin-left: 6px;
	font-size: 11px;
}