/* Fresh forum UI layer: separate URL prevents stale optimization caches. */
.mmf-forum .mmf-author-line {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

.mmf-forum .mmf-author-line .mmf-role-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	min-height: 25px !important;
	margin: 0 !important;
	padding: 3px 9px 3px 4px !important;
	border: 1px solid color-mix(in srgb, var(--role-color) 58%, transparent) !important;
	border-radius: 999px !important;
	background: color-mix(in srgb, var(--role-color) 12%, var(--mmf-surface, #0d1817)) !important;
	color: var(--role-color) !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	letter-spacing: .045em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

.mmf-forum .mmf-author-line .mmf-role-badge i {
	display: grid !important;
	width: 17px !important;
	height: 17px !important;
	margin: 0 !important;
	padding: 0 !important;
	place-items: center !important;
	border-radius: 50% !important;
	background: var(--role-color) !important;
	color: #07100e !important;
	font-size: 9px !important;
	font-style: normal !important;
	line-height: 1 !important;
}

@media (max-width: 600px) {
	.mmf-forum .mmf-author-line {
		gap: 6px !important;
	}

	.mmf-forum .mmf-author-line .mmf-role-badge {
		font-size: 9px !important;
	}
}