/* ─── Badges Component ─── */
.maxxefy-platform-badge {
	display: flex;
	flex-direction: column;
	gap: var(--maxxefy-spacing-md);
}
.maxxefy-badge-platform-header {
	display: flex;
	align-items: center;
	gap: var(--maxxefy-spacing-sm);
}
.maxxefy-badge-platform-logo {
	width: 48px;
	height: 48px;
	object-fit: contain;
}
.maxxefy-badge-platform-name {
	font-size: var(--maxxefy-font-xl);
	font-weight: 700;
	color: var(--maxxefy-neutral-100);
	margin: 0;
}
.maxxefy-badge-chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--maxxefy-spacing-xs);
}
.layout-vertical .maxxefy-badge-chips {
	flex-direction: column;
}
.maxxefy-badge-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.35em 0.9em;
	border-radius: var(--maxxefy-radius-full);
	font-size: var(--maxxefy-font-sm);
	font-weight: 600;
	background: color-mix(in srgb, var(--badge-color, var(--maxxefy-primary)) 15%, transparent);
	color: var(--badge-color, var(--maxxefy-primary));
	border: 1px solid color-mix(in srgb, var(--badge-color, var(--maxxefy-primary)) 30%, transparent);
}