/* Dedicated profile styles use a new URL to avoid stale combined-theme caches. */
.mm-member-panel.mmf-profile-role .mmf-profile-role-card {
	display: grid !important;
	grid-template-columns: 44px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 12px !important;
	margin-top: 11px !important;
	padding: 13px !important;
	border: 1px solid color-mix(in srgb, var(--role-color) 42%, transparent) !important;
	border-radius: 13px !important;
	background: color-mix(in srgb, var(--role-color) 9%, var(--mm-card-2, #132421)) !important;
}

.mm-member-panel.mmf-profile-role .mmf-profile-role-icon {
	display: grid !important;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	place-items: center !important;
	border-radius: 12px !important;
	background: var(--role-color) !important;
	color: #07100e !important;
	font-size: 19px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.mm-member-panel.mmf-profile-role .mmf-profile-role-copy {
	display: block !important;
	min-width: 0 !important;
}

.mm-member-panel.mmf-profile-role .mmf-profile-role-copy strong,
.mm-member-panel.mmf-profile-role .mmf-profile-role-copy span {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mm-member-panel.mmf-profile-role .mmf-profile-role-copy strong {
	color: var(--mm-text, #f3f2e9) !important;
	font-size: 15px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
}

.mm-member-panel.mmf-profile-role .mmf-profile-role-copy span {
	margin-top: 4px !important;
	color: var(--mm-muted, #9aaba5) !important;
	font-size: 11px !important;
	line-height: 1.35 !important;
}

.mm-member-panel.mmf-profile-badges .mmf-profile-flair-card {
	display: grid !important;
	grid-template-columns: 50px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 13px !important;
	margin-top: 11px !important;
	padding: 14px !important;
	border: 1px solid color-mix(in srgb, var(--flair-color) 52%, transparent) !important;
	border-radius: 14px !important;
	background: linear-gradient(135deg, color-mix(in srgb, var(--flair-color) 16%, var(--mm-card-2, #132421)), var(--mm-card-2, #132421)) !important;
	box-shadow: inset 3px 0 0 var(--flair-color) !important;
}

.mm-member-panel.mmf-profile-badges .mmf-profile-flair-icon {
	display: grid !important;
	width: 50px !important;
	height: 50px !important;
	padding: 0 !important;
	place-items: center !important;
	border-radius: 14px !important;
	background: color-mix(in srgb, var(--flair-color) 22%, var(--mm-card, #10201e)) !important;
	color: var(--flair-color) !important;
	font-size: 21px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.mm-member-panel.mmf-profile-badges .mmf-profile-flair-copy,
.mm-member-panel.mmf-profile-badges .mmf-profile-flair-label,
.mm-member-panel.mmf-profile-badges .mmf-profile-flair-copy strong,
.mm-member-panel.mmf-profile-badges .mmf-profile-flair-description {
	display: block !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mm-member-panel.mmf-profile-badges .mmf-profile-flair-label {
	color: var(--flair-color) !important;
	font-size: 9px !important;
	font-weight: 900 !important;
	letter-spacing: .1em !important;
	line-height: 1.2 !important;
}

.mm-member-panel.mmf-profile-badges .mmf-profile-flair-copy strong {
	margin-top: 3px !important;
	color: var(--mm-text, #f3f2e9) !important;
	font-size: 15px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
}

.mm-member-panel.mmf-profile-badges .mmf-profile-flair-description {
	margin-top: 5px !important;
	color: var(--mm-muted, #9aaba5) !important;
	font-size: 11px !important;
	line-height: 1.4 !important;
}

.mm-member-panel.mmf-profile-badges .mmf-profile-earned-label {
	display: block !important;
	margin: 16px 0 8px !important;
	padding: 0 !important;
	color: var(--mm-muted, #9aaba5) !important;
	font-size: 9px !important;
	font-weight: 900 !important;
	letter-spacing: .1em !important;
}

.mm-member-panel.mmf-profile-badges .mmf-profile-badge-list {
	display: grid !important;
	gap: 8px !important;
}

.mm-member-panel.mmf-profile-badges .mmf-profile-badge-card {
	display: grid !important;
	grid-template-columns: 36px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 10px !important;
	border: 1px solid color-mix(in srgb, var(--flair-color) 35%, transparent) !important;
	border-radius: 11px !important;
	background: color-mix(in srgb, var(--flair-color) 7%, var(--mm-card-2, #132421)) !important;
}

.mm-member-panel.mmf-profile-badges .mmf-profile-badge-icon {
	display: grid !important;
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	place-items: center !important;
	border-radius: 10px !important;
	background: color-mix(in srgb, var(--flair-color) 18%, var(--mm-card, #10201e)) !important;
	color: var(--flair-color) !important;
	font-size: 16px !important;
	line-height: 1 !important;
}

.mm-member-panel.mmf-profile-badges .mmf-profile-badge-card strong,
.mm-member-panel.mmf-profile-badges .mmf-profile-badge-card div > span {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mm-member-panel.mmf-profile-badges .mmf-profile-badge-card strong {
	color: var(--flair-color) !important;
	font-size: 12px !important;
	line-height: 1.25 !important;
}

.mm-member-panel.mmf-profile-badges .mmf-profile-badge-card div > span {
	margin-top: 3px !important;
	color: var(--mm-muted, #9aaba5) !important;
	font-size: 10px !important;
	line-height: 1.35 !important;
}