/* G6M_BUNDLE_06 — 21 feuilles, ordre du document preserve */
/* ==== g6m-nav-underline-gap-v219.css ==== */
/* G6M_NAV_UNDERLINE_GAP_V219
   More space between nav labels and the sliding underline bar.
*/

html body .p-nav-list .p-navEl > .p-navEl-link:not([href*="dbtech-credits"]),
html body .p-nav-list a.p-navEl-link:not([href*="dbtech-credits"]),
html body .p-nav-list a[data-nav-id^="g6m_nav_main_"],
html body .p-nav-list a[data-nav-id="home"],
html body .p-nav-list a[data-nav-id="forums"],
html body .p-nav-list a[data-nav-id="whatsNew"],
html body .p-nav-list a[data-nav-id="siropuChat"],
html body .p-nav-list a[data-nav-id*="siropuChat"] {
	padding-bottom: 0.72rem !important;
	padding-top: 0.55rem !important;
}

html body .p-nav-list .p-navEl > .p-navEl-link:not([href*="dbtech-credits"])::after,
html body .p-nav-list a.p-navEl-link:not([href*="dbtech-credits"])::after,
html body .p-nav-list a[data-nav-id^="g6m_nav_main_"]::after,
html body .p-nav-list a[data-nav-id="home"]::after,
html body .p-nav-list a[data-nav-id="forums"]::after,
html body .p-nav-list a[data-nav-id="whatsNew"]::after,
html body .p-nav-list a[data-nav-id="siropuChat"]::after,
html body .p-nav-list a[data-nav-id*="siropuChat"]::after {
	bottom: 5px !important;
	left: 14px !important;
	right: 14px !important;
	height: 2px !important;
}

html { --g6m-nav-underline-gap: V219; }

/* ==== g6m-nav-user-cluster-v204.css ==== */
/* G6M_NAV_USER_CLUSTER_V204
   Desktop/tablet redesign of the forum nav account strip:
   avatar + username + messages + alerts + what's new
   as one Discord/Steam-style cluster, vertically centered,
   with proper unread pills (fixes V28 ::after icon clash).
   Mobile (<=767.98px) left to g6m-mobile-topbar-pro-v200.
*/

/* —— Kill sidebar ⋮ duplicates in the account strip —— */
html body .p-nav-inner > .p-nav-opposite > a.uix_sidebarTrigger,
html body .p-nav-inner > .p-nav-opposite > a.uix_sidebarCanvasTrigger,
html body .p-nav-inner > .p-nav-opposite > .uix_sidebarTrigger__component,
html body .p-nav-inner > .p-nav-opposite > .uix_sidebarCanvasTrigger {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	left: -9999px !important;
}

@media (min-width: 768px) {

	/* —— Nav bar: keep account strip centered with primary links —— */
	html body .p-nav-inner {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 0.75rem !important;
		box-sizing: border-box !important;
	}

	html body .p-nav-inner > .p-nav-opposite {
		display: inline-flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		align-self: center !important;
		justify-content: flex-end !important;
		flex: 0 0 auto !important;
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
		gap: 0.15rem !important;
		margin: 0 0 0 auto !important;
		padding: 0.18rem 0.28rem !important;
		width: max-content !important;
		min-width: max-content !important;
		max-width: none !important;
		min-height: 2.65rem !important;
		height: 2.65rem !important;
		max-height: 2.65rem !important;
		box-sizing: border-box !important;
		position: relative !important;
		z-index: 3 !important;
		overflow: visible !important;

		/* Unified glass / neon cluster shell */
		background:
			linear-gradient(135deg, rgba(255, 11, 139, 0.12), rgba(141, 56, 255, 0.09) 45%, rgba(0, 215, 255, 0.06)) !important;
		border: 1px solid rgba(255, 11, 139, 0.32) !important;
		border-radius: 999px !important;
		box-shadow:
			0 0 0 1px rgba(0, 0, 0, 0.35) inset,
			0 0 18px rgba(255, 11, 139, 0.14),
			0 6px 16px rgba(0, 0, 0, 0.28) !important;
		backdrop-filter: blur(10px) saturate(1.1) !important;
		-webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-discovery {
		display: inline-flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		align-self: center !important;
		justify-content: center !important;
		gap: 0.15rem !important;
		margin: 0 !important;
		padding: 0 !important;
		height: 100% !important;
		min-height: 0 !important;
		max-height: 100% !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	/* Soft divider between account icons and what's-new */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-discovery {
		padding-left: 0.25rem !important;
		margin-left: 0.15rem !important;
		border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
	}

	/* —— All actionable links in the cluster —— */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link,
	html body .p-nav-inner > .p-nav-opposite a.p-navgroup-link {
		display: inline-flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: center !important;
		align-self: center !important;
		margin: 0 !important;
		padding: 0 !important;
		height: 2.25rem !important;
		min-height: 2.25rem !important;
		max-height: 2.25rem !important;
		line-height: 1 !important;
		box-sizing: border-box !important;
		vertical-align: middle !important;
		float: none !important;
		position: relative !important;
		overflow: visible !important;
		border-radius: 999px !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		transition:
			background 180ms ease,
			box-shadow 180ms ease,
			color 180ms ease,
			transform 140ms ease !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link:hover,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link:focus {
		background: rgba(255, 11, 139, 0.14) !important;
		box-shadow: 0 0 14px rgba(255, 11, 139, 0.22) !important;
		color: #fff !important;
		outline: none !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link:active {
		transform: scale(0.96) !important;
	}

	/* —— Avatar + username chip —— */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user {
		gap: 0.45rem !important;
		padding: 0 0.7rem 0 0.28rem !important;
		max-width: 12rem !important;
		min-width: 0 !important;
		flex: 0 1 auto !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar img {
		display: block !important;
		width: 30px !important;
		height: 30px !important;
		min-width: 30px !important;
		min-height: 30px !important;
		max-width: 30px !important;
		max-height: 30px !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 50% !important;
		flex: 0 0 30px !important;
		object-fit: cover !important;
		position: relative !important;
		top: 0 !important;
		transform: none !important;
		box-shadow:
			0 0 0 1.5px rgba(255, 11, 139, 0.55),
			0 0 12px rgba(255, 11, 139, 0.35) !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText {
		display: inline-flex !important;
		align-items: center !important;
		margin: 0 !important;
		padding: 0 !important;
		max-width: 7.5rem !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		font-size: 0.95rem !important;
		font-weight: 700 !important;
		letter-spacing: 0.02em !important;
		line-height: 1 !important;
		position: static !important;
		top: auto !important;
		clip: auto !important;
		width: auto !important;
		height: auto !important;
	}

	/* Total-unread badge on the account chip is redundant (icons carry counts) */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user.badgeContainer::after,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user.js-uix_badge--totalUnread::after {
		display: none !important;
		content: none !important;
		visibility: hidden !important;
		width: 0 !important;
		height: 0 !important;
		padding: 0 !important;
	}

	/* —— Equal icon buttons: messages / alerts / what's new —— */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--whatsnew,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--bookmarks,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--search {
		width: 2.25rem !important;
		min-width: 2.25rem !important;
		max-width: 2.25rem !important;
		flex: 0 0 2.25rem !important;
		font-size: 1.05rem !important;
		color: rgba(236, 232, 255, 0.92) !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations > i,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts > i,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--whatsnew > i,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations .fa--xf,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts .fa--xf,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--whatsnew .fa--xf {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 1.15em !important;
		height: 1.15em !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1 !important;
		position: relative !important;
		z-index: 1 !important;
		color: rgba(236, 232, 255, 0.95) !important;
		-webkit-text-fill-color: rgba(236, 232, 255, 0.95) !important;
	}

	/* Restore FA mask glyphs (V201 wrongly zeroed background on i:after) */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations.p-navgroup-link--iconic > i:after,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts.p-navgroup-link--iconic > i:after,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--whatsnew.p-navgroup-link--iconic > i:after,
	html body .p-navgroup.p-account .p-navgroup-link--conversations.p-navgroup-link--iconic > i:after,
	html body .p-navgroup.p-account .p-navgroup-link--alerts.p-navgroup-link--iconic > i:after,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--iconic i:after {
		content: "" !important;
		display: inline-block !important;
		width: 1.15em !important;
		height: 1.15em !important;
		vertical-align: 0 !important;
		background-color: currentColor !important;
		background-image: none !important;
		color: rgba(236, 232, 255, 0.95) !important;
		-webkit-text-fill-color: rgba(236, 232, 255, 0.95) !important;
		opacity: 1 !important;
		-webkit-mask-size: contain !important;
		mask-size: contain !important;
		-webkit-mask-repeat: no-repeat !important;
		mask-repeat: no-repeat !important;
		-webkit-mask-position: center !important;
		mask-position: center !important;
	}

	/* Hide text labels inside iconic cluster buttons */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations .p-navgroup-linkText,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts .p-navgroup-linkText,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--whatsnew .p-navgroup-linkText,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--bookmarks .p-navgroup-linkText {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	/* Hide expanded search chrome if it leaks into nav opposite */
	html body .p-nav-inner > .p-nav-opposite .uix_searchBar,
	html body .p-nav-inner > .p-nav-opposite .uix_searchBarInner,
	html body .p-nav-inner > .p-nav-opposite .uix_searchForm,
	html body .p-nav-inner > .p-nav-opposite .uix_searchIconTrigger,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--search {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		opacity: 0 !important;
		pointer-events: none !important;
		visibility: hidden !important;
		position: absolute !important;
		left: -9999px !important;
	}

	/* —— Unread count pills (override V28 icon-sized ::after) —— */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations.badgeContainer::after,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts.badgeContainer::after,
	html body .p-navgroup.p-account .p-navgroup-link--conversations.badgeContainer::after,
	html body .p-navgroup.p-account .p-navgroup-link--alerts.badgeContainer::after {
		content: attr(data-badge) !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: absolute !important;
		top: -2px !important;
		right: -2px !important;
		left: auto !important;
		bottom: auto !important;
		width: auto !important;
		min-width: 1.05rem !important;
		height: auto !important;
		min-height: 1.05rem !important;
		max-width: none !important;
		max-height: none !important;
		padding: 1px 5px !important;
		margin: 0 !important;
		font-size: 10px !important;
		font-weight: 800 !important;
		line-height: 1.15 !important;
		letter-spacing: 0 !important;
		border-radius: 999px !important;
		background: #e74c3c !important;
		background-image: none !important;
		background-size: auto !important;
		background-repeat: no-repeat !important;
		color: #fff !important;
		-webkit-text-fill-color: #fff !important;
		box-shadow:
			0 0 0 2px rgba(12, 8, 18, 0.92),
			0 0 10px rgba(231, 76, 60, 0.55) !important;
		z-index: 6 !important;
		box-sizing: border-box !important;
		transform: none !important;
		overflow: visible !important;
		clip: auto !important;
		white-space: nowrap !important;
		pointer-events: none !important;
	}

	html body .p-nav-inner > .p-nav-opposite .badgeContainer[data-badge="0"]::after,
	html body .p-nav-inner > .p-nav-opposite .badgeContainer[data-badge=""]::after,
	html body .p-navgroup.p-account .badgeContainer[data-badge="0"]::after,
	html body .p-navgroup.p-account .badgeContainer[data-badge=""]::after {
		display: none !important;
		content: none !important;
		visibility: hidden !important;
		width: 0 !important;
		height: 0 !important;
		padding: 0 !important;
	}

	html {
		--g6m-nav-user-cluster: V204;
	}
}

/* Tablet: slightly tighter chip, hide long usernames if needed */
@media (min-width: 768px) and (max-width: 1100px) {
	html body .p-nav-inner > .p-nav-opposite {
		height: 2.55rem !important;
		min-height: 2.55rem !important;
		max-height: 2.55rem !important;
		padding: 0.15rem 0.25rem !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText {
		max-width: 5.5rem !important;
		font-size: 0.88rem !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar img {
		width: 28px !important;
		height: 28px !important;
		min-width: 28px !important;
		min-height: 28px !important;
		max-width: 28px !important;
		max-height: 28px !important;
		flex-basis: 28px !important;
	}
}

/* Narrow desktop: keep cluster from colliding with nav links */
@media (min-width: 768px) and (max-width: 980px) {
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText {
		display: none !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user {
		padding: 0 0.28rem !important;
		width: 2.25rem !important;
		min-width: 2.25rem !important;
		max-width: 2.25rem !important;
	}
}

/* END G6M_NAV_USER_CLUSTER_V204 */

/* ==== g6m-nav-user-cluster-v205.css ==== */
/* G6M_NAV_USER_CLUSTER_V205
   Desktop/tablet redesign of the forum nav account strip:
   avatar + username + messages + alerts + what's new
   as one Discord/Steam-style cluster, vertically centered,
   with proper unread pills (fixes V28 ::after icon clash).
   Mobile (<=767.98px) left to g6m-mobile-topbar-pro-v200.
*/

/* —— Kill sidebar ⋮ duplicates in the account strip —— */
html body .p-nav-inner > .p-nav-opposite > a.uix_sidebarTrigger,
html body .p-nav-inner > .p-nav-opposite > a.uix_sidebarCanvasTrigger,
html body .p-nav-inner > .p-nav-opposite > .uix_sidebarTrigger__component,
html body .p-nav-inner > .p-nav-opposite > .uix_sidebarCanvasTrigger {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	left: -9999px !important;
}

@media (min-width: 768px) {

	/* —— Nav bar: keep account strip centered with primary links —— */
	html body .p-nav-inner {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 0.75rem !important;
		box-sizing: border-box !important;
	}

	html body .p-nav-inner > .p-nav-opposite {
		display: inline-flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		align-self: center !important;
		justify-content: flex-end !important;
		flex: 0 0 auto !important;
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
		gap: 0 !important;
		margin: 0 0 0 auto !important;
		padding: 0 !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		box-sizing: border-box !important;
		position: relative !important;
		z-index: 3 !important;
		overflow: visible !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	/* Split pill: account (left) + discovery (right) = one cluster */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-discovery {
		display: inline-flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		align-self: center !important;
		justify-content: center !important;
		gap: 0.12rem !important;
		margin: 0 !important;
		min-height: 2.65rem !important;
		height: 2.65rem !important;
		max-height: 2.65rem !important;
		box-sizing: border-box !important;
		background:
			linear-gradient(135deg, rgba(255, 11, 139, 0.12), rgba(141, 56, 255, 0.09) 45%, rgba(0, 215, 255, 0.06)) !important;
		border: 1px solid rgba(255, 11, 139, 0.32) !important;
		box-shadow:
			0 0 0 1px rgba(0, 0, 0, 0.35) inset,
			0 0 18px rgba(255, 11, 139, 0.14),
			0 6px 16px rgba(0, 0, 0, 0.28) !important;
		backdrop-filter: blur(10px) saturate(1.1) !important;
		-webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account {
		padding: 0.15rem 0.2rem 0.15rem 0.28rem !important;
		border-radius: 999px 0 0 999px !important;
		border-right: 0 !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-discovery {
		padding: 0.15rem 0.28rem 0.15rem 0.2rem !important;
		border-radius: 0 999px 999px 0 !important;
		border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
		margin-left: -6px !important;
	}

	/* —— All actionable links in the cluster —— */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link,
	html body .p-nav-inner > .p-nav-opposite a.p-navgroup-link {
		display: inline-flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: center !important;
		align-self: center !important;
		margin: 0 !important;
		padding: 0 !important;
		height: 2.25rem !important;
		min-height: 2.25rem !important;
		max-height: 2.25rem !important;
		line-height: 1 !important;
		box-sizing: border-box !important;
		vertical-align: middle !important;
		float: none !important;
		position: relative !important;
		overflow: visible !important;
		border-radius: 999px !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		transition:
			background 180ms ease,
			box-shadow 180ms ease,
			color 180ms ease,
			transform 140ms ease !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link:hover,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link:focus {
		background: rgba(255, 11, 139, 0.14) !important;
		box-shadow: 0 0 14px rgba(255, 11, 139, 0.22) !important;
		color: #fff !important;
		outline: none !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link:active {
		transform: scale(0.96) !important;
	}

	/* —— Avatar + username chip —— */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user {
		gap: 0.45rem !important;
		padding: 0 0.7rem 0 0.28rem !important;
		max-width: 12rem !important;
		min-width: 0 !important;
		flex: 0 1 auto !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar img {
		display: block !important;
		width: 30px !important;
		height: 30px !important;
		min-width: 30px !important;
		min-height: 30px !important;
		max-width: 30px !important;
		max-height: 30px !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 50% !important;
		flex: 0 0 30px !important;
		object-fit: cover !important;
		position: relative !important;
		top: 0 !important;
		transform: none !important;
		box-shadow:
			0 0 0 1.5px rgba(255, 11, 139, 0.55),
			0 0 12px rgba(255, 11, 139, 0.35) !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText {
		display: inline-flex !important;
		align-items: center !important;
		margin: 0 !important;
		padding: 0 !important;
		max-width: 7.5rem !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		font-size: 0.95rem !important;
		font-weight: 700 !important;
		letter-spacing: 0.02em !important;
		line-height: 1 !important;
		position: static !important;
		top: auto !important;
		clip: auto !important;
		width: auto !important;
		height: auto !important;
	}

	/* Total-unread badge on the account chip is redundant (icons carry counts) */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user.badgeContainer::after,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user.js-uix_badge--totalUnread::after {
		display: none !important;
		content: none !important;
		visibility: hidden !important;
		width: 0 !important;
		height: 0 !important;
		padding: 0 !important;
	}

	/* —— Equal icon buttons: messages / alerts / what's new —— */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--whatsnew,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--bookmarks,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--search {
		width: 2.25rem !important;
		min-width: 2.25rem !important;
		max-width: 2.25rem !important;
		flex: 0 0 2.25rem !important;
		font-size: 1.05rem !important;
		color: rgba(236, 232, 255, 0.92) !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations > i,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts > i,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--whatsnew > i,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations .fa--xf,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts .fa--xf,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--whatsnew .fa--xf {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 1.15em !important;
		height: 1.15em !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1 !important;
		position: relative !important;
		z-index: 1 !important;
		color: rgba(236, 232, 255, 0.95) !important;
		-webkit-text-fill-color: rgba(236, 232, 255, 0.95) !important;
	}

	/* Restore FA mask glyphs (V201 wrongly zeroed background on i:after) */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations.p-navgroup-link--iconic > i:after,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts.p-navgroup-link--iconic > i:after,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--whatsnew.p-navgroup-link--iconic > i:after,
	html body .p-navgroup.p-account .p-navgroup-link--conversations.p-navgroup-link--iconic > i:after,
	html body .p-navgroup.p-account .p-navgroup-link--alerts.p-navgroup-link--iconic > i:after,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--iconic i:after {
		content: "" !important;
		display: inline-block !important;
		width: 1.15em !important;
		height: 1.15em !important;
		vertical-align: 0 !important;
		background-color: currentColor !important;
		background-image: none !important;
		color: rgba(236, 232, 255, 0.95) !important;
		-webkit-text-fill-color: rgba(236, 232, 255, 0.95) !important;
		opacity: 1 !important;
		-webkit-mask-size: contain !important;
		mask-size: contain !important;
		-webkit-mask-repeat: no-repeat !important;
		mask-repeat: no-repeat !important;
		-webkit-mask-position: center !important;
		mask-position: center !important;
	}

	/* Hide text labels inside iconic cluster buttons */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations .p-navgroup-linkText,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts .p-navgroup-linkText,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--whatsnew .p-navgroup-linkText,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--bookmarks .p-navgroup-linkText {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	/* Hide expanded search chrome if it leaks into nav opposite */
	html body .p-nav-inner > .p-nav-opposite .uix_searchBar,
	html body .p-nav-inner > .p-nav-opposite .uix_searchBarInner,
	html body .p-nav-inner > .p-nav-opposite .uix_searchForm,
	html body .p-nav-inner > .p-nav-opposite .uix_searchIconTrigger,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--search {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		opacity: 0 !important;
		pointer-events: none !important;
		visibility: hidden !important;
		position: absolute !important;
		left: -9999px !important;
	}

	/* —— Unread count pills (override V28 icon-sized ::after) —— */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations.badgeContainer::after,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts.badgeContainer::after,
	html body .p-navgroup.p-account .p-navgroup-link--conversations.badgeContainer::after,
	html body .p-navgroup.p-account .p-navgroup-link--alerts.badgeContainer::after {
		content: attr(data-badge) !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: absolute !important;
		top: -2px !important;
		right: -2px !important;
		left: auto !important;
		bottom: auto !important;
		width: auto !important;
		min-width: 1.05rem !important;
		height: auto !important;
		min-height: 1.05rem !important;
		max-width: none !important;
		max-height: none !important;
		padding: 1px 5px !important;
		margin: 0 !important;
		font-size: 10px !important;
		font-weight: 800 !important;
		line-height: 1.15 !important;
		letter-spacing: 0 !important;
		border-radius: 999px !important;
		background: #e74c3c !important;
		background-image: none !important;
		background-size: auto !important;
		background-repeat: no-repeat !important;
		color: #fff !important;
		-webkit-text-fill-color: #fff !important;
		box-shadow:
			0 0 0 2px rgba(12, 8, 18, 0.92),
			0 0 10px rgba(231, 76, 60, 0.55) !important;
		z-index: 6 !important;
		box-sizing: border-box !important;
		transform: none !important;
		overflow: visible !important;
		clip: auto !important;
		white-space: nowrap !important;
		pointer-events: none !important;
	}

	html body .p-nav-inner > .p-nav-opposite .badgeContainer[data-badge="0"]::after,
	html body .p-nav-inner > .p-nav-opposite .badgeContainer[data-badge=""]::after,
	html body .p-navgroup.p-account .badgeContainer[data-badge="0"]::after,
	html body .p-navgroup.p-account .badgeContainer[data-badge=""]::after {
		display: none !important;
		content: none !important;
		visibility: hidden !important;
		width: 0 !important;
		height: 0 !important;
		padding: 0 !important;
	}

	/* Global FA mask restore (beats leftover V201 transparent rules) */
	html body .p-navgroup-link--conversations.p-navgroup-link--iconic > i:after,
	html body .p-navgroup-link--alerts.p-navgroup-link--iconic > i:after,
	html body .p-navgroup-link--whatsnew.p-navgroup-link--iconic > i:after {
		background-color: currentColor !important;
		background-image: none !important;
		color: rgba(236, 232, 255, 0.95) !important;
		opacity: 1 !important;
	}

	html {
		--g6m-nav-user-cluster: V205;
	}
}

/* Tablet: slightly tighter chip, hide long usernames if needed */
@media (min-width: 768px) and (max-width: 1100px) {
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-discovery {
		height: 2.55rem !important;
		min-height: 2.55rem !important;
		max-height: 2.55rem !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText {
		max-width: 5.5rem !important;
		font-size: 0.88rem !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar img {
		width: 28px !important;
		height: 28px !important;
		min-width: 28px !important;
		min-height: 28px !important;
		max-width: 28px !important;
		max-height: 28px !important;
		flex-basis: 28px !important;
	}
}

/* Narrow desktop: keep cluster from colliding with nav links */
@media (min-width: 768px) and (max-width: 980px) {
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .p-navgroup-linkText {
		display: none !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user {
		padding: 0 0.28rem !important;
		width: 2.25rem !important;
		min-width: 2.25rem !important;
		max-width: 2.25rem !important;
	}
}

/* END G6M_NAV_USER_CLUSTER_V205 */

/* ==== g6m-node-extra-narrow-v161.css ==== */
/* G6M_NODE_EXTRA_NARROW_V161
   Shrink last-post column (.node-extra) — was ~32rem in V109. */

@media (min-width: 1100px) {
	html body .p-body-pageContent .node-body > .node-extra,
	html body .node--forum .node-extra,
	html body .block--category .node--forum .node-extra,
	html body .p-body-pageContent .node--forum .node-extra {
		flex: 0 0 22rem !important;
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
		width: 22rem !important;
		min-width: 20rem !important;
		max-width: 22rem !important;
	}
}

@media (min-width: 901px) and (max-width: 1099px) {
	html body .p-body-pageContent .node-body > .node-extra,
	html body .node--forum .node-extra,
	html body .block--category .node--forum .node-extra {
		flex: 0 0 18rem !important;
		width: 18rem !important;
		min-width: 16.5rem !important;
		max-width: 18rem !important;
	}
}

@media (min-width: 901px) {
	html body .node--forum .node-extra-title,
	html body .node--forum a.node-extra-title {
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		max-width: 100% !important;
		white-space: normal !important;
		line-height: 1.25 !important;
	}

	html body .node--forum .uix_nodeExtra__rows,
	html body .node--forum .node-extra > .uix_nodeExtra__rows {
		min-width: 0 !important;
		flex: 1 1 auto !important;
		overflow: hidden !important;
	}
}

/* END G6M_NODE_EXTRA_NARROW_V161 */

/* ==== g6m-node-extra-pro-v109.css ==== */
/* G6M_NODE_EXTRA_PRO_V109
   Wider last-post column — show more title, bigger avatar, cleaner pro look.
   Overrides older 12–13rem constraints from nodes-pretty / earlier packs. */

@media (min-width: 1100px) {
	html body .p-body-pageContent .node-body > .node-stats,
	html body .node--forum .node-stats,
	html body .block--category .node--forum .node-stats {
		flex: 0 0 9.75rem !important;
		width: 9.75rem !important;
		min-width: 9.75rem !important;
		max-width: 9.75rem !important;
	}

	html body .p-body-pageContent .node-body > .node-extra,
	html body .node--forum .node-extra,
	html body .block--category .node--forum .node-extra {
		display: flex !important;
		flex: 0 0 32rem !important;
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
		width: 32rem !important;
		min-width: 30rem !important;
		max-width: 34rem !important;
		justify-content: flex-start !important;
		align-items: center !important;
		text-align: left !important;
		gap: 0.75rem !important;
		padding: 0.4rem 1rem 0.4rem 1.05rem !important;
		margin-left: 0.55rem !important;
		overflow: visible !important;
		border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
		background: linear-gradient(
			105deg,
			rgba(255, 255, 255, 0.035) 0%,
			rgba(141, 56, 255, 0.04) 42%,
			transparent 100%
		) !important;
		border-radius: 0 12px 12px 0 !important;
		box-sizing: border-box !important;
	}
}

@media (min-width: 901px) and (max-width: 1099px) {
	html body .p-body-pageContent .node-body > .node-stats,
	html body .node--forum .node-stats {
		flex: 0 0 9.25rem !important;
		width: 9.25rem !important;
		min-width: 9.25rem !important;
		max-width: 9.25rem !important;
	}

	html body .p-body-pageContent .node-body > .node-extra,
	html body .node--forum .node-extra {
		display: flex !important;
		flex: 0 0 24rem !important;
		width: 24rem !important;
		min-width: 22rem !important;
		max-width: 26rem !important;
		justify-content: flex-start !important;
		align-items: center !important;
		text-align: left !important;
		gap: 0.65rem !important;
		overflow: hidden !important;
		padding: 0.35rem 0.85rem !important;
	}
}

@media (min-width: 901px) {
	html body .node--forum .node-extra-icon {
		flex: 0 0 auto !important;
		margin: 0 !important;
		align-self: center !important;
	}

	html body .node--forum .node-extra-icon .avatar,
	html body .node--forum .node-extra-icon .avatar img {
		width: 2.85rem !important;
		height: 2.85rem !important;
		max-width: 2.85rem !important;
		max-height: 2.85rem !important;
		min-width: 2.85rem !important;
		min-height: 2.85rem !important;
		border-radius: 50% !important;
		object-fit: cover !important;
		border: 1.5px solid rgba(255, 11, 139, 0.4) !important;
		box-shadow:
			0 0 0 1px rgba(141, 56, 255, 0.28),
			0 4px 14px rgba(0, 0, 0, 0.4) !important;
	}

	html body .node--forum .uix_nodeExtra__rows,
	html body .node--forum .node-extra > .uix_nodeExtra__rows {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: center !important;
		gap: 0.22rem !important;
		text-align: left !important;
		overflow: visible !important;
	}

	html body .node--forum .node-extra-row {
		width: 100% !important;
		max-width: 100% !important;
		text-align: left !important;
		margin: 0 !important;
		overflow: visible !important;
	}

	/* Title: 2 lines, no aggressive ellipsis */
	html body .node--forum .node-extra-title,
	html body .node--forum a.node-extra-title {
		display: -webkit-box !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 2 !important;
		line-clamp: 2 !important;
		overflow: hidden !important;
		white-space: normal !important;
		text-overflow: unset !important;
		word-break: break-word !important;
		overflow-wrap: anywhere !important;
		font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
		font-size: 0.95rem !important;
		font-weight: 650 !important;
		letter-spacing: 0.01em !important;
		line-height: 1.3 !important;
		color: rgba(248, 246, 255, 0.97) !important;
		-webkit-text-fill-color: rgba(248, 246, 255, 0.97) !important;
		text-decoration: none !important;
		max-width: 100% !important;
		width: 100% !important;
		transition: color 0.15s ease !important;
	}

	html body .node--forum a.node-extra-title:hover {
		color: #00d7ff !important;
		-webkit-text-fill-color: #00d7ff !important;
	}

	/* Compact prefix/label inside title */
	html body .node--forum .node-extra-title .label,
	html body .node--forum a.node-extra-title .label {
		display: inline !important;
		vertical-align: baseline !important;
		margin: 0 0.28rem 0 0 !important;
		padding: 0.08em 0.38em !important;
		font-size: 0.68em !important;
		font-weight: 700 !important;
		letter-spacing: 0.04em !important;
		line-height: 1.2 !important;
		border-radius: 3px !important;
		white-space: nowrap !important;
	}

	html body .node--forum .node-extra-row .listInline,
	html body .node--forum .node-extra-row .listInline--bullet {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: 0.12rem 0.5rem !important;
		margin: 0 !important;
		padding: 0 !important;
		max-width: 100% !important;
	}

	html body .node--forum .node-extra-row .listInline--bullet > li {
		margin: 0 !important;
		padding: 0 !important;
	}

	html body .node--forum .node-extra-row .listInline--bullet > li::before,
	html body .node--forum .node-extra-row .listInline--bullet > li::after {
		display: none !important;
		content: none !important;
	}

	html body .node--forum .node-extra-date,
	html body .node--forum time.node-extra-date {
		font-size: 0.76rem !important;
		font-weight: 550 !important;
		letter-spacing: 0.015em !important;
		color: rgba(160, 210, 255, 0.86) !important;
		-webkit-text-fill-color: rgba(160, 210, 255, 0.86) !important;
		white-space: nowrap !important;
	}

	html body .node--forum .node-extra-user::before {
		content: "·" !important;
		margin-right: 0.35rem !important;
		color: rgba(160, 170, 200, 0.5) !important;
		font-weight: 700 !important;
	}

	html body .node--forum .node-extra-user,
	html body .node--forum .node-extra-user .username,
	html body .node--forum .node-extra-user .username span {
		font-size: 0.78rem !important;
		font-weight: 650 !important;
		letter-spacing: 0.015em !important;
		color: rgba(210, 200, 255, 0.94) !important;
		-webkit-text-fill-color: rgba(210, 200, 255, 0.94) !important;
		white-space: nowrap !important;
		overflow: visible !important;
		text-overflow: clip !important;
		max-width: none !important;
		text-decoration: none !important;
	}

	html body .node--forum .node-extra-user .username:hover,
	html body .node--forum .node-extra-user .username:hover span {
		color: #ff0b8b !important;
		-webkit-text-fill-color: #ff0b8b !important;
	}

	html body .node--forum .node-extra-placeholder {
		text-align: left !important;
		font-size: 0.8rem !important;
		color: rgba(170, 170, 190, 0.5) !important;
		font-style: italic !important;
	}
}

@media (max-width: 900px) {
	html body .node--forum .node-extra {
		justify-content: flex-start !important;
		text-align: left !important;
	}

	html body .node--forum .node-extra-title,
	html body .node--forum a.node-extra-title {
		-webkit-line-clamp: 2 !important;
		line-clamp: 2 !important;
		white-space: normal !important;
		font-size: 0.9rem !important;
	}

	html body .node--forum .node-extra-icon .avatar,
	html body .node--forum .node-extra-icon .avatar img {
		width: 2.5rem !important;
		height: 2.5rem !important;
	}
}

/* END G6M_NODE_EXTRA_PRO_V109 */

/* ==== g6m-node-icon-center-v96.css ==== */
/* G6M_NODE_ICON_CENTER_V96
   Enlarge forum node icons and center them in the neon chip.
   Specificity must beat per-node v90 ::after rules. */

html body .node--forum .node-icon,
html body .node.g6m-node .node-icon,
html body .p-body-pageContent .node-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 0 !important;
	text-align: center !important;
	overflow: hidden !important;
}

html body .node--forum .node-body > .node-icon i,
html body .node--forum .node-body > .node-icon i.fa--xf,
html body .node--forum .node-icon i.fa--xf,
html body .node.g6m-node .node-icon i.fa--xf {
	width: 100% !important;
	height: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	display: block !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	transform: none !important;
	vertical-align: middle !important;
	color: transparent !important;
}

html body .node--forum .node-body > .node-icon i::before,
html body .node--forum .node-body > .node-icon i.fa--xf::before,
html body .node--forum .node-icon i.fa--xf::before,
html body .node.g6m-node .node-icon i.fa--xf::before {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Beat v90 node--id selectors: larger glyph, true center, no translate conflict */
html body .node--forum .node-body > .node-icon i.fa--xf::after,
html body .node--forum .node-icon i.fa--xf::after,
html body .node.g6m-node .node-body > .node-icon i.fa--xf::after,
html body .p-body-pageContent .node--forum .node-body > .node-icon i.fa--xf::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	inset: 0 !important;
	margin: auto !important;
	transform: none !important;
	width: 2.75rem !important;
	height: 2.75rem !important;
	max-width: 88% !important;
	max-height: 88% !important;
	-webkit-mask-size: 100% 100% !important;
	mask-size: 100% 100% !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-position: center center !important;
	mask-position: center center !important;
}

/* END G6M_NODE_ICON_CENTER_V96 */

/* ==== g6m-node-stats-divider-v139.css ==== */
/* G6M_NODE_STATS_DIVIDER_V139
   Fix Discussions | Messages separator spacing.
   V109 shrunk .node-stats to ~9.75rem → label flush against the bar. */

@media (min-width: 901px) {
	html body .p-body-pageContent .node-stats,
	html body .p-body-pageContent .node-body > .node-stats,
	html body .node--forum .node-stats,
	html body .block--category .node--forum .node-stats {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: stretch !important;
		flex: 0 0 12.75rem !important;
		width: 12.75rem !important;
		min-width: 12.75rem !important;
		max-width: 12.75rem !important;
		gap: 0 !important;
		padding: 0.25rem 0.15rem !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html body .p-body-pageContent .node-stats > dl.pairs.pairs--rows,
	html body .node--forum .node-stats > dl.pairs.pairs--rows,
	html body .node-stats > dl.pairs.pairs--rows {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		float: none !important;
		flex: 1 1 50% !important;
		width: 50% !important;
		min-width: 0 !important;
		max-width: 50% !important;
		margin: 0 !important;
		padding: 0.2rem 0.95rem !important;
		box-sizing: border-box !important;
		border-left: none !important;
		border-right: none !important;
		position: relative !important;
	}

	html body .p-body-pageContent .node-stats > dl.pairs.pairs--rows:first-child,
	html body .node--forum .node-stats > dl.pairs.pairs--rows:first-child,
	html body .node-stats > dl.pairs.pairs--rows:first-child {
		padding-right: 1.15rem !important;
		padding-left: 0.55rem !important;
	}

	html body .p-body-pageContent .node-stats > dl.pairs.pairs--rows:last-child,
	html body .node--forum .node-stats > dl.pairs.pairs--rows:last-child,
	html body .node-stats > dl.pairs.pairs--rows:last-child {
		padding-left: 1.15rem !important;
		padding-right: 0.55rem !important;
	}

	/* Short centered divider with clear air on both sides */
	html body .p-body-pageContent .node-stats > dl.pairs.pairs--rows:first-child::after,
	html body .node--forum .node-stats > dl.pairs.pairs--rows:first-child::after,
	html body .node-stats > dl.pairs.pairs--rows:first-child::after {
		content: "" !important;
		position: absolute !important;
		right: 0 !important;
		top: 18% !important;
		bottom: 18% !important;
		width: 1px !important;
		background: rgba(255, 255, 255, 0.18) !important;
		pointer-events: none !important;
	}

	html body .node-stats > dl.pairs.pairs--rows > dt,
	html body .node-stats .pairs > dt {
		font-size: 0.68rem !important;
		letter-spacing: 0.04em !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		padding: 0 0.15rem !important;
		max-width: 100% !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	html body .node-stats > dl.pairs.pairs--rows > dd,
	html body .node-stats .pairs > dd {
		font-size: 1.05rem !important;
		line-height: 1.2 !important;
		margin-top: 0.2rem !important;
	}
}

@media (min-width: 1100px) {
	html body .p-body-pageContent .node-body > .node-stats,
	html body .node--forum .node-stats,
	html body .block--category .node--forum .node-stats {
		flex: 0 0 13.25rem !important;
		width: 13.25rem !important;
		min-width: 13.25rem !important;
		max-width: 13.25rem !important;
	}
}

@media (max-width: 900px) {
	html body .node-stats > dl.pairs.pairs--rows:first-child::after {
		display: none !important;
	}
}

/* END G6M_NODE_STATS_DIVIDER_V139 */

/* ==== g6m-node-stats-full-labels-v166.css ==== */
/* G6M_NODE_STATS_FULL_LABELS_V166
   Show full "Discussions" / "Messages" (no DISC… / MES…).
   Overrides V162 8.75rem + V139 ellipsis. */

@media (min-width: 901px) {
	html body .p-body-pageContent .node-stats,
	html body .p-body-pageContent .node-body > .node-stats,
	html body .node--forum .node-stats,
	html body .block--category .node--forum .node-stats,
	html body[data-template="forum_list"] .node--forum .node-stats,
	html body.template-forum_list .node--forum .node-stats,
	html body[data-template="forum_list"] .p-body-pageContent .node-body > .node-stats,
	html body.template-forum_list .p-body-pageContent .node-body > .node-stats,
	html body[data-template="forum_list"] .p-body-pageContent .node-body > .node-stats {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: stretch !important;
		flex: 0 0 17rem !important;
		width: 17rem !important;
		min-width: 17rem !important;
		max-width: 17rem !important;
		gap: 0 !important;
		padding: 0.2rem 0.35rem !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	html body .node-stats > dl.pairs.pairs--rows,
	html body .p-body-pageContent .node-stats > dl.pairs.pairs--rows,
	html body .node--forum .node-stats > dl.pairs.pairs--rows,
	html body[data-template="forum_list"] .node--forum .node-stats > dl.pairs.pairs--rows,
	html body.template-forum_list .node--forum .node-stats > dl.pairs.pairs--rows {
		float: none !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 1 1 50% !important;
		width: 50% !important;
		min-width: 7.5rem !important;
		max-width: 50% !important;
		padding: 0.15rem 0.4rem !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	html body .node-stats > dl.pairs.pairs--rows > dt,
	html body .node-stats .pairs > dt,
	html body[data-template="forum_list"] .node--forum .node-stats dt,
	html body.template-forum_list .node--forum .node-stats dt,
	html body .node--forum .node-stats dt,
	html body[data-template="forum_list"] .node--forum .node-stats > dl.pairs.pairs--rows > dt,
	html body.template-forum_list .node--forum .node-stats > dl.pairs.pairs--rows > dt {
		font-size: 0.6rem !important;
		letter-spacing: 0.04em !important;
		line-height: 1.15 !important;
		white-space: nowrap !important;
		overflow: visible !important;
		text-overflow: clip !important;
		max-width: none !important;
		width: auto !important;
		padding: 0 !important;
		opacity: 0.78 !important;
		text-transform: uppercase !important;
	}

	html body .node-stats > dl.pairs.pairs--rows > dd,
	html body .node-stats .pairs > dd,
	html body[data-template="forum_list"] .node--forum .node-stats dd,
	html body.template-forum_list .node--forum .node-stats dd {
		font-size: 1rem !important;
		margin-top: 0.15rem !important;
	}
}

@media (min-width: 1100px) {
	html body .p-body-pageContent .node-body > .node-stats,
	html body .node--forum .node-stats,
	html body .block--category .node--forum .node-stats,
	html body[data-template="forum_list"] .node--forum .node-stats,
	html body.template-forum_list .node--forum .node-stats,
	html body[data-template="forum_list"] .p-body-pageContent .node-body > .node-stats,
	html body.template-forum_list .p-body-pageContent .node-body > .node-stats {
		flex: 0 0 17.5rem !important;
		width: 17.5rem !important;
		min-width: 17.5rem !important;
		max-width: 17.5rem !important;
	}
}

/* END G6M_NODE_STATS_FULL_LABELS_V166 */

/* ==== g6m-nouveau-badge-pro-v145.css ==== */
/* G6M_NOUVEAU_BADGE_PRO_V145
   Soft, professional "Nouveau" pills — replace flashy cyan secondary. */

html body .uix_newIndicator,
html body .block-container .uix_newIndicator,
html body .node .uix_newIndicator,
html body .node-main .uix_newIndicator,
html body .node-title .uix_newIndicator,
html body .p-body-pageContent .uix_newIndicator {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	vertical-align: middle !important;
	margin-left: 0.45rem !important;
	padding: 0.12rem 0.5rem !important;
	font-size: 0.625rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	line-height: 1.35 !important;
	border-radius: 0.3rem !important;
	color: rgba(255, 196, 220, 0.95) !important;
	-webkit-text-fill-color: rgba(255, 196, 220, 0.95) !important;
	background: rgba(255, 11, 139, 0.12) !important;
	background-image: none !important;
	border: 1px solid rgba(255, 11, 139, 0.32) !important;
	box-shadow: none !important;
	text-shadow: none !important;
	filter: none !important;
	opacity: 1 !important;
}

html body .uix_newIndicator:hover,
html body .node:hover .uix_newIndicator {
	background: rgba(255, 11, 139, 0.18) !important;
	border-color: rgba(255, 11, 139, 0.42) !important;
	color: rgba(255, 214, 230, 0.98) !important;
	-webkit-text-fill-color: rgba(255, 214, 230, 0.98) !important;
}

/* END G6M_NOUVEAU_BADGE_PRO_V145 */

/* ==== g6m-postbit-badges-pro-v169.css ==== */
/* G6M_POSTBIT_BADGES_PRO_V169
   Clean modern postbit identity: one primary rank, no badge spam. */

/* —— Column layout —— */
html body .message-cell--user .message-user,
html body .message-cell--user .uix_messagePostBitWrapper,
html body .message-cell--user .message-userDetails {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	gap: 0 !important;
}

html body .message-cell--user .message-userDetails {
	gap: 0.35rem !important;
	width: 100% !important;
	padding: 0.15rem 0.2rem 0 !important;
}

html body .message-cell--user .message-name {
	margin: 0.2rem 0 0 !important;
	line-height: 1.15 !important;
}

html body .message-cell--user .message-name .username,
html body .message-cell--user .message-name .username span {
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	font-size: 0.98rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
}

/* Soften username sparkle / prefixes */
html body .message-cell--user .username--admin::before,
html body .message-cell--user .username--staff::before,
html body .message-cell--user .username--moderator::before,
html body .message-cell--user .username span::before {
	font-size: 0.55em !important;
	margin-right: 0.28em !important;
	opacity: 0.7 !important;
	filter: none !important;
	text-shadow: none !important;
}

/* —— Primary rank chip (userTitle) —— */
html body .message-cell--user .message-userTitle,
html body .message-cell--user .userTitle.message-userTitle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.35em !important;
	margin: 0.1rem 0 0 !important;
	padding: 0.22rem 0.7rem !important;
	max-width: 100% !important;
	border-radius: 999px !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	background: rgba(255, 255, 255, 0.06) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	font-size: 0.62rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	color: rgba(236, 232, 255, 0.95) !important;
	-webkit-text-fill-color: rgba(236, 232, 255, 0.95) !important;
}

html body .message-userDetails:has(.username--admin) .message-userTitle,
html body .message-userDetails:has(.username--admin) .userTitle.message-userTitle {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: linear-gradient(
		135deg,
		rgba(255, 11, 139, 0.92) 0%,
		rgba(141, 56, 255, 0.9) 55%,
		rgba(0, 180, 255, 0.78) 100%
	) !important;
	border-color: rgba(255, 11, 139, 0.4) !important;
	box-shadow:
		0 4px 14px rgba(141, 56, 255, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

html body .message-userDetails:has(.username--admin) .message-userTitle::before,
html body .message-userDetails:has(.username--admin) .userTitle.message-userTitle::before {
	content: "" !important;
	display: inline-block !important;
	width: 0.38rem !important;
	height: 0.38rem !important;
	border-radius: 50% !important;
	background: #fff !important;
	box-shadow: 0 0 8px rgba(255, 255, 255, 0.55) !important;
	opacity: 0.95 !important;
}

html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)) .message-userTitle,
html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)) .userTitle.message-userTitle {
	color: #f3e9ff !important;
	-webkit-text-fill-color: #f3e9ff !important;
	background: linear-gradient(135deg, rgba(161, 70, 240, 0.9), rgba(98, 40, 180, 0.9)) !important;
	border-color: rgba(177, 76, 255, 0.4) !important;
}

/* Remaining banners (members / roles without strong title) → compact pills */
html body .message-cell--user .userBanner,
html body .message-cell--user .message-userBanner,
html body .message-userDetails .userBanner,
html body .message-userDetails .message-userBanner {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0.12rem 0 0 !important;
	padding: 0.18rem 0.62rem !important;
	border-radius: 999px !important;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	font-size: 0.58rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* —— Deduplicate banners for staff (MUST come after pill display rules) —— */
/* Admin already has userTitle → hide redundant banners */
html body .message-userDetails:has(.username--admin) .userBanner--staff,
html body .message-userDetails:has(.username--admin) .userBanner--g6mAdmin,
html body .message-userDetails:has(.username--admin) .userBanner--g6mModerator,
html body .message-userDetails:has(.username--admin) .userBanner.userBanner--staff,
html body .message-userDetails:has(.username--admin) .userBanner.userBanner--g6mAdmin,
html body .message-userDetails:has(.username--admin) .userBanner.userBanner--g6mModerator,
html body .message-cell--user:has(.username--admin) .userBanner--staff,
html body .message-cell--user:has(.username--admin) .userBanner--g6mAdmin,
html body .message-cell--user:has(.username--admin) .userBanner--g6mModerator,
html body .message-cell--user:has(.username--admin) .message-userBanner.userBanner--staff,
html body .message-cell--user:has(.username--admin) .message-userBanner.userBanner--g6mAdmin,
html body .message-cell--user:has(.username--admin) .message-userBanner.userBanner--g6mModerator {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

/* Moderator (non-admin): keep one banner max — prefer userTitle */
html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)):has(.message-userTitle) .userBanner--staff,
html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)):has(.message-userTitle) .userBanner--g6mModerator,
html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)):has(.userTitle) .userBanner--staff,
html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)):has(.userTitle) .userBanner--g6mModerator,
html body .message-cell--user:has(.username--moderator):not(:has(.username--admin)):has(.message-userTitle) .userBanner--staff,
html body .message-cell--user:has(.username--moderator):not(:has(.username--admin)):has(.message-userTitle) .userBanner--g6mModerator {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

html body .message-cell--user .userBanner strong,
html body .message-userDetails .userBanner strong {
	font-weight: 800 !important;
}

html body .message-cell--user .userBanner--staff,
html body .message-userDetails .userBanner--staff {
	color: #efe6ff !important;
	-webkit-text-fill-color: #efe6ff !important;
	background: rgba(141, 56, 255, 0.28) !important;
	border-color: rgba(177, 120, 255, 0.35) !important;
}

html body .message-cell--user .userBanner--g6mAdmin,
html body .message-userDetails .userBanner--g6mAdmin {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: linear-gradient(135deg, rgba(255, 11, 139, 0.85), rgba(141, 56, 255, 0.85)) !important;
	border-color: rgba(255, 11, 139, 0.4) !important;
}

html body .message-cell--user .userBanner--g6mModerator,
html body .message-userDetails .userBanner--g6mModerator {
	color: #f4eaff !important;
	-webkit-text-fill-color: #f4eaff !important;
	background: rgba(161, 70, 240, 0.35) !important;
	border-color: rgba(177, 76, 255, 0.35) !important;
}

/* Hide XF banner decorative spans noise */
html body .message-cell--user .userBanner-before,
html body .message-cell--user .userBanner-after {
	display: none !important;
}

/* —— Original poster icon: tiny quiet chip —— */
html body .message-cell--user .uix_originalPoster__icon,
html body .message-userDetails .uix_originalPoster__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.45rem !important;
	height: 1.45rem !important;
	margin: 0.15rem 0 0 !important;
	padding: 0 !important;
	border-radius: 8px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background: rgba(255, 255, 255, 0.04) !important;
	opacity: 0.72 !important;
	box-shadow: none !important;
}

html body .message-cell--user .uix_originalPoster__icon .fa--xf,
html body .message-cell--user .uix_originalPoster__icon svg,
html body .message-cell--user .uix_originalPoster__icon i {
	font-size: 0.72rem !important;
	width: 0.72rem !important;
	height: 0.72rem !important;
	opacity: 0.85 !important;
	color: rgba(220, 210, 255, 0.9) !important;
}

html body .message-cell--user .uix_originalPoster__icon:hover {
	opacity: 1 !important;
	border-color: rgba(141, 56, 255, 0.35) !important;
	background: rgba(141, 56, 255, 0.12) !important;
}

/* —— Expand chevron: pro circular control —— */
html body .message-cell--user .message-userArrow,
html body .message .message-userArrow {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.7rem !important;
	height: 1.7rem !important;
	margin: 0.45rem auto 0.15rem !important;
	border-radius: 999px !important;
	border: 1px solid rgba(141, 56, 255, 0.32) !important;
	background: linear-gradient(145deg, rgba(141, 56, 255, 0.2), rgba(255, 11, 139, 0.1)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
	opacity: 0.9 !important;
	cursor: pointer !important;
	transition:
		transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
		border-color 0.2s ease,
		background 0.2s ease,
		box-shadow 0.2s ease !important;
}

html body .message-cell--user .message-userArrow:hover,
html body .message .message-userArrow:hover {
	opacity: 1 !important;
	border-color: rgba(255, 11, 139, 0.45) !important;
	background: linear-gradient(145deg, rgba(255, 11, 139, 0.22), rgba(141, 56, 255, 0.18)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 4px 12px rgba(0, 0, 0, 0.25) !important;
	transform: translateY(1px) !important;
}

html body .message-cell--user .message-userArrow::before,
html body .message .message-userArrow::before {
	border-color: rgba(236, 232, 255, 0.9) transparent transparent !important;
	opacity: 0.95 !important;
}

/* Avatar: cleaner ring */
html body .message-cell--user .message-avatar .avatar,
html body .message-cell--user .message-avatar-wrapper .avatar {
	box-shadow:
		0 0 0 2px rgba(141, 56, 255, 0.35),
		0 0 0 3px rgba(255, 11, 139, 0.12) !important;
}

html body .message-cell--user .message-avatar--online .message-avatar-online {
	box-shadow: 0 0 0 2px rgba(12, 10, 22, 0.95) !important;
}

@media (prefers-reduced-motion: reduce) {
	html body .message-cell--user .message-userArrow,
	html body .message .message-userArrow {
		transition: none !important;
		transform: none !important;
	}
}

/* END G6M_POSTBIT_BADGES_PRO_V169 */

/* ==== g6m-postbit-profile-card-v206.css ==== */
/* G6M_POSTBIT_PROFILE_CARD_V207
   Premium GTA VI / Vice City profile card for XenForo message user column.
   Appearance only — links, tooltips, banners, menus, permissions untouched.
   V207: force TH extras open + stacked premium stat rows.
*/

html body {
	--g6m-pb-bg0: #121018;
	--g6m-pb-bg1: #1b1526;
	--g6m-pb-pink: #ff0b8b;
	--g6m-pb-violet: #8d38ff;
	--g6m-pb-cyan: #00d7ff;
	--g6m-pb-gold: #f0c24b;
	--g6m-pb-blue: #3b82f6;
	--g6m-pb-text: #ffffff;
	--g6m-pb-muted: rgba(196, 190, 220, 0.72);
	--g6m-pb-radius: 18px;
	--g6m-pb-ease: 250ms cubic-bezier(0.22, 1, 0.36, 1);
	--g6m-pb-avatar: 100px;
}

/* —— Card shell —— */
html body .message-cell.message-cell--user {
	background: transparent !important;
	padding: 0.55rem 0.45rem !important;
	vertical-align: top !important;
}

html body .message-cell--user .message-user {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 0 !important;
	width: 100% !important;
	max-width: 11.5rem !important;
	margin: 0 auto !important;
	padding: 1rem 0.7rem 0.75rem !important;
	box-sizing: border-box !important;
	border-radius: var(--g6m-pb-radius) !important;
	background:
		linear-gradient(165deg, rgba(255, 11, 139, 0.08), transparent 42%),
		linear-gradient(180deg, var(--g6m-pb-bg1) 0%, var(--g6m-pb-bg0) 100%) !important;
	border: 1px solid rgba(141, 56, 255, 0.28) !important;
	box-shadow:
		0 0 0 1px rgba(0, 0, 0, 0.35) inset,
		0 10px 28px rgba(0, 0, 0, 0.35),
		0 0 24px rgba(141, 56, 255, 0.08) !important;
	overflow: visible !important;
	transition:
		transform var(--g6m-pb-ease),
		box-shadow var(--g6m-pb-ease),
		border-color var(--g6m-pb-ease) !important;
	animation: g6mPbCardIn 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

html body .message-cell--user .message-user:hover {
	transform: translateY(-2px) !important;
	border-color: rgba(255, 11, 139, 0.4) !important;
	box-shadow:
		0 0 0 1px rgba(0, 0, 0, 0.35) inset,
		0 14px 34px rgba(0, 0, 0, 0.42),
		0 0 28px rgba(255, 11, 139, 0.16) !important;
}

@keyframes g6mPbCardIn {
	from {
		opacity: 0;
		transform: translateY(8px) scale(0.985);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

html body .message-cell--user .uix_messagePostBitWrapper {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	width: 100% !important;
	gap: 0 !important;
}

/* —— Avatar —— */
html body .message-cell--user .message-avatar {
	display: flex !important;
	justify-content: center !important;
	margin: 0 0 0.85rem !important;
	padding: 0 !important;
}

html body .message-cell--user .message-avatar-wrapper {
	position: relative !important;
	width: var(--g6m-pb-avatar) !important;
	height: var(--g6m-pb-avatar) !important;
}

html body .message-cell--user .message-avatar .avatar,
html body .message-cell--user .message-avatar-wrapper .avatar {
	display: block !important;
	width: var(--g6m-pb-avatar) !important;
	height: var(--g6m-pb-avatar) !important;
	max-width: var(--g6m-pb-avatar) !important;
	max-height: var(--g6m-pb-avatar) !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	border: 3px solid #0c0a14 !important;
	box-shadow:
		0 0 0 2px transparent,
		0 0 0 3px rgba(141, 56, 255, 0.85),
		0 0 0 5px rgba(255, 11, 139, 0.35),
		0 0 22px rgba(255, 11, 139, 0.35),
		0 0 36px rgba(141, 56, 255, 0.22) !important;
	background:
		linear-gradient(#0c0a14, #0c0a14) padding-box,
		linear-gradient(135deg, var(--g6m-pb-violet), var(--g6m-pb-pink), var(--g6m-pb-cyan)) border-box !important;
	transition:
		transform var(--g6m-pb-ease),
		box-shadow var(--g6m-pb-ease) !important;
}

html body .message-cell--user .message-avatar .avatar img,
html body .message-cell--user .message-avatar-wrapper .avatar img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 50% !important;
}

html body .message-cell--user .message-avatar .avatar:hover,
html body .message-cell--user .message-avatar-wrapper .avatar:hover {
	transform: scale(1.045) !important;
	box-shadow:
		0 0 0 2px #0c0a14,
		0 0 0 4px rgba(255, 11, 139, 0.85),
		0 0 0 6px rgba(141, 56, 255, 0.4),
		0 0 28px rgba(255, 11, 139, 0.5),
		0 0 48px rgba(141, 56, 255, 0.3) !important;
}

html body .message-cell--user .message-avatar--online .message-avatar-online {
	width: 0.85rem !important;
	height: 0.85rem !important;
	right: 0.35rem !important;
	bottom: 0.35rem !important;
	left: auto !important;
	top: auto !important;
	border-radius: 50% !important;
	background: #22c55e !important;
	box-shadow:
		0 0 0 3px #121018,
		0 0 12px rgba(34, 197, 94, 0.65) !important;
	z-index: 3 !important;
}

/* —— Username —— */
html body .message-cell--user .message-userDetails {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	width: 100% !important;
	gap: 0.45rem !important;
	padding: 0 !important;
	margin: 0 !important;
}

html body .message-cell--user .message-name {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.15 !important;
	max-width: 100% !important;
}

/* Typography only — do NOT force color/fill/background (kills rank gradients). */
html body .message-cell--user .message-name .username,
html body .message-cell--user .message-name .username span,
html body .message-cell--user .message-name .username [class*="username--"] {
	display: inline !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 1.2rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	line-height: 1.15 !important;
	word-break: break-word !important;
}

html body .message-cell--user .username--admin::before,
html body .message-cell--user .username--staff::before,
html body .message-cell--user .username--moderator::before,
html body .message-cell--user .username span::before {
	font-size: 0.55em !important;
	margin-right: 0.3em !important;
	opacity: 0.85 !important;
	filter: drop-shadow(0 0 6px rgba(255, 11, 139, 0.55)) !important;
}

/* —— Rank / badges —— */
html body .message-cell--user .message-userTitle,
html body .message-cell--user .userTitle.message-userTitle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.35em !important;
	margin: 0 !important;
	padding: 0.28rem 0.72rem !important;
	max-width: 100% !important;
	border-radius: 999px !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	background: linear-gradient(
		135deg,
		rgba(255, 11, 139, 0.55),
		rgba(141, 56, 255, 0.5) 55%,
		rgba(0, 180, 255, 0.35)
	) !important;
	backdrop-filter: blur(10px) saturate(1.15) !important;
	-webkit-backdrop-filter: blur(10px) saturate(1.15) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.22),
		0 0 16px rgba(141, 56, 255, 0.22) !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.62rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

html body .message-userDetails:has(.username--admin) .message-userTitle,
html body .message-userDetails:has(.username--admin) .userTitle.message-userTitle {
	background: linear-gradient(135deg, rgba(255, 11, 139, 0.88), rgba(141, 56, 255, 0.85)) !important;
	border-color: rgba(255, 11, 139, 0.45) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.25),
		0 0 18px rgba(255, 11, 139, 0.28) !important;
}

html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)) .message-userTitle,
html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)) .userTitle.message-userTitle {
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.85), rgba(14, 165, 233, 0.75)) !important;
	border-color: rgba(59, 130, 246, 0.45) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		0 0 16px rgba(59, 130, 246, 0.28) !important;
}

html body .message-cell--user .userBanner,
html body .message-cell--user .message-userBanner {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0.22rem 0.62rem !important;
	border-radius: 999px !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.58rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

html body .message-cell--user .userBanner--staff {
	color: #efe6ff !important;
	-webkit-text-fill-color: #efe6ff !important;
	background: rgba(141, 56, 255, 0.28) !important;
	border-color: rgba(177, 120, 255, 0.35) !important;
}

html body .message-cell--user .userBanner--g6mAdmin {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: linear-gradient(135deg, rgba(255, 11, 139, 0.85), rgba(141, 56, 255, 0.85)) !important;
}

html body .message-cell--user .userBanner--g6mModerator {
	color: #e8f1ff !important;
	-webkit-text-fill-color: #e8f1ff !important;
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.75), rgba(37, 99, 235, 0.7)) !important;
}

/* VIP / gold-like banners */
html body .message-cell--user .userBanner--primary,
html body .message-cell--user .userBanner--accent,
html body .message-cell--user .userBanner--g6mVip {
	color: #1a1205 !important;
	-webkit-text-fill-color: #1a1205 !important;
	background: linear-gradient(135deg, #f5d76e, #d4a017) !important;
	border-color: rgba(240, 194, 75, 0.55) !important;
	box-shadow: 0 0 14px rgba(240, 194, 75, 0.25) !important;
}

/* Dev / cyan */
html body .message-cell--user .userBanner--g6mDev,
html body .message-cell--user .userBanner--developer {
	color: #041820 !important;
	-webkit-text-fill-color: #041820 !important;
	background: linear-gradient(135deg, #67e8f9, #06b6d4) !important;
	border-color: rgba(0, 215, 255, 0.45) !important;
}

/* Deduplicate staff banners when userTitle already shows rank */
html body .message-userDetails:has(.username--admin) .userBanner--staff,
html body .message-userDetails:has(.username--admin) .userBanner--g6mAdmin,
html body .message-userDetails:has(.username--admin) .userBanner--g6mModerator,
html body .message-cell--user:has(.username--admin) .userBanner--staff,
html body .message-cell--user:has(.username--admin) .userBanner--g6mAdmin,
html body .message-cell--user:has(.username--admin) .userBanner--g6mModerator {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	font-size: 0 !important;
}

html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)):has(.message-userTitle) .userBanner--staff,
html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)):has(.message-userTitle) .userBanner--g6mModerator,
html body .message-cell--user:has(.username--moderator):not(:has(.username--admin)):has(.message-userTitle) .userBanner--staff,
html body .message-cell--user:has(.username--moderator):not(:has(.username--admin)):has(.message-userTitle) .userBanner--g6mModerator {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

html body .message-cell--user .userBanner-before,
html body .message-cell--user .userBanner-after {
	display: none !important;
}

html body .message-cell--user .uix_originalPoster__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.4rem !important;
	height: 1.4rem !important;
	margin: 0.1rem 0 0 !important;
	border-radius: 8px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background: rgba(255, 255, 255, 0.04) !important;
	opacity: 0.7 !important;
}

/* —— Force ThemeHouse extras always visible (TH defaults to height:0) —— */
html body .message-cell--user .thThreads__message-userExtras {
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	transition: none !important;
}

/* —— Luminous separator —— */
html body .message-cell--user .thThreads__message-userExtras::before {
	content: "" !important;
	display: block !important;
	width: 72% !important;
	height: 1px !important;
	margin: 0.75rem auto 0.65rem !important;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 11, 139, 0.55),
		rgba(141, 56, 255, 0.55),
		rgba(0, 215, 255, 0.4),
		transparent
	) !important;
	box-shadow: 0 0 10px rgba(255, 11, 139, 0.25) !important;
}

/* —— Stats —— */
html body .message-cell--user .message-userExtras {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: 100% !important;
	gap: 0.3rem !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Premium stacked rows: icon | label / value */
html body .message-cell--user .message-userExtras .pairs.pairs--justified {
	display: grid !important;
	grid-template-columns: 1.15rem minmax(0, 1fr) !important;
	grid-template-rows: auto auto !important;
	align-items: center !important;
	column-gap: 0.5rem !important;
	row-gap: 0.02rem !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0.32rem 0.4rem !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 0.025) !important;
	border: 1px solid rgba(255, 255, 255, 0.04) !important;
	box-sizing: border-box !important;
	transition: background var(--g6m-pb-ease), border-color var(--g6m-pb-ease) !important;
}

html body .message-cell--user .message-userExtras .pairs.pairs--justified:hover {
	background: rgba(141, 56, 255, 0.08) !important;
	border-color: rgba(141, 56, 255, 0.18) !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dt {
	display: contents !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	text-align: left !important;
	color: var(--g6m-pb-muted) !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dt > span[data-xf-init="tooltip"],
html body .message-cell--user .message-userExtras .pairs--justified > dt > span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.15rem !important;
	height: 100% !important;
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
	align-self: center !important;
	color: rgba(220, 214, 255, 0.9) !important;
}

/* Visible label (row 1) */
html body .message-cell--user .message-userExtras .pairs--justified > dt::after {
	content: "" !important;
	grid-column: 2 !important;
	grid-row: 1 !important;
	justify-self: start !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.62rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	line-height: 1.15 !important;
	color: var(--g6m-pb-muted) !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 100% !important;
}

html body .message-cell--user .message-userExtras .pairs--justified:nth-of-type(1) > dt::after { content: "Membre depuis" !important; }
html body .message-cell--user .message-userExtras .pairs--justified:nth-of-type(2) > dt::after { content: "Messages" !important; }
html body .message-cell--user .message-userExtras .pairs--justified:nth-of-type(3) > dt::after { content: "Réactions" !important; }
html body .message-cell--user .message-userExtras .pairs--justified:nth-of-type(4) > dt::after { content: "Trophées" !important; }

/* Text-label stats (GTA$ / Points) */
html body .message-cell--user .message-userExtras .pairs--justified > dt:not(:has(span)) {
	display: block !important;
	grid-column: 2 !important;
	grid-row: 1 !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.62rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	line-height: 1.15 !important;
	color: var(--g6m-pb-muted) !important;
	text-align: left !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dt:not(:has(span))::before {
	content: "" !important;
	display: none !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dt:not(:has(span))::after {
	content: none !important;
	display: none !important;
}

/* Icon placeholder cell for text-only rows */
html body .message-cell--user .message-userExtras .pairs--justified:has(> dt:not(:has(span)))::before {
	content: "" !important;
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
	width: 1.15rem !important;
	height: 1.15rem !important;
	align-self: center !important;
	justify-self: center !important;
	border-radius: 4px !important;
	background: rgba(255, 255, 255, 0.06) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

html body .message-cell--user .message-userExtras dl.dbtech_credits_postbit.pairs--justified::before,
html body .message-cell--user .message-userExtras .pairs--justified:nth-of-type(5)::before {
	background: rgba(34, 197, 94, 0.18) !important;
	box-shadow: inset 0 0 0 1px rgba(110, 231, 168, 0.35), 0 0 8px rgba(34, 197, 94, 0.2) !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dd {
	grid-column: 2 !important;
	grid-row: 2 !important;
	justify-self: start !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	width: auto !important;
	max-width: 100% !important;
	text-align: left !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.88rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.15 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dd a {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	text-decoration: none !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dd a:hover {
	color: var(--g6m-pb-cyan) !important;
	-webkit-text-fill-color: var(--g6m-pb-cyan) !important;
}

html body .message-cell--user .message-userExtras .pairs--justified .fa--xf,
html body .message-cell--user .message-userExtras .pairs--justified i,
html body .message-cell--user .message-userExtras .pairs--justified svg {
	width: 0.85rem !important;
	height: 0.85rem !important;
	font-size: 0.85rem !important;
	opacity: 0.9 !important;
}

/* Accent GTA$ value */
html body .message-cell--user .message-userExtras dl.dbtech_credits_postbit > dd,
html body .message-cell--user .message-userExtras dl.dbtech_credits_postbit > dd a,
html body .message-cell--user .message-userExtras dl[data-template-name="public:dbtech_credits_postbit"] > dd,
html body .message-cell--user .message-userExtras dl[data-template-name="public:dbtech_credits_postbit"] > dd a {
	color: #6ee7a8 !important;
	-webkit-text-fill-color: #6ee7a8 !important;
	text-shadow: 0 0 10px rgba(34, 197, 94, 0.35) !important;
}

/* Hide ThemeHouse extras toggle chrome if empty-looking */
html body .message-cell--user .thThreads__userExtra--toggle {
	display: none !important;
}

/* —— Expand / back arrow —— */
html body .message-cell--user .message-userArrow,
html body .message .message-userArrow {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.75rem !important;
	height: 1.75rem !important;
	margin: 0.7rem auto 0.1rem !important;
	border-radius: 999px !important;
	border: 1px solid rgba(141, 56, 255, 0.35) !important;
	background: linear-gradient(145deg, rgba(141, 56, 255, 0.22), rgba(255, 11, 139, 0.12)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
	opacity: 0.92 !important;
	cursor: pointer !important;
	transition:
		transform var(--g6m-pb-ease),
		border-color var(--g6m-pb-ease),
		box-shadow var(--g6m-pb-ease),
		background var(--g6m-pb-ease) !important;
}

html body .message-cell--user .message-userArrow:hover,
html body .message .message-userArrow:hover {
	opacity: 1 !important;
	transform: translateY(-1px) !important;
	border-color: rgba(255, 11, 139, 0.5) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		0 0 16px rgba(255, 11, 139, 0.22) !important;
}

html body .message-cell--user .message-userArrow::before,
html body .message .message-userArrow::before {
	border-color: rgba(236, 232, 255, 0.92) transparent transparent !important;
}

/* —— Tablet —— */
@media (max-width: 1100px) and (min-width: 651px) {
	html body {
		--g6m-pb-avatar: 88px;
	}

	html body .message-cell--user .message-user {
		max-width: 10.5rem !important;
		padding: 0.85rem 0.55rem 0.65rem !important;
	}

	html body .message-cell--user .message-name .username,
	html body .message-cell--user .message-name .username span {
		font-size: 1.05rem !important;
	}
}

/* —— Mobile: horizontal identity + 2-col stats —— */
@media (max-width: 650px) {
	html body {
		--g6m-pb-avatar: 56px;
		--g6m-pb-radius: 16px;
	}

	html body .message-cell.message-cell--user {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0.45rem 0.35rem !important;
	}

	html body .message-cell--user .message-user {
		max-width: 100% !important;
		width: 100% !important;
		padding: 0.75rem 0.8rem !important;
		align-items: stretch !important;
	}

	html body .message-cell--user .message-avatar {
		margin: 0 !important;
	}

	html body .message-cell--user .uix_messagePostBitWrapper {
		display: grid !important;
		grid-template-columns: auto 1fr !important;
		grid-template-areas:
			"avatar details"
			"extras extras" !important;
		column-gap: 0.75rem !important;
		row-gap: 0.55rem !important;
		align-items: center !important;
		width: 100% !important;
	}

	/* When avatar is sibling before wrapper */
	html body .message-cell--user .message-user {
		display: grid !important;
		grid-template-columns: auto 1fr !important;
		grid-template-areas:
			"avatar details"
			"extras extras"
			"arrow arrow" !important;
		column-gap: 0.75rem !important;
		row-gap: 0.45rem !important;
		align-items: center !important;
	}

	html body .message-cell--user .message-avatar {
		grid-area: avatar !important;
	}

	html body .message-cell--user .uix_messagePostBitWrapper {
		display: contents !important;
	}

	html body .message-cell--user .message-userDetails {
		grid-area: details !important;
		align-items: flex-start !important;
		text-align: left !important;
		gap: 0.3rem !important;
	}

	html body .message-cell--user .thThreads__message-userExtras {
		grid-area: extras !important;
	}

	html body .message-cell--user .message-userArrow {
		grid-area: arrow !important;
	}

	html body .message-cell--user .thThreads__message-userExtras::before {
		width: 100% !important;
		margin: 0.15rem 0 0.55rem !important;
	}

	html body .message-cell--user .message-userExtras {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 0.35rem !important;
	}

	html body .message-cell--user .message-userExtras .pairs.pairs--justified {
		padding: 0.35rem 0.4rem !important;
	}

	html body .message-cell--user .message-name .username,
	html body .message-cell--user .message-name .username span {
		font-size: 1.05rem !important;
	}

	html body .message-cell--user .message-user:hover {
		transform: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html body .message-cell--user .message-user,
	html body .message-cell--user .message-avatar .avatar,
	html body .message-cell--user .message-userArrow {
		animation: none !important;
		transition: none !important;
		transform: none !important;
	}
}

html {
	--g6m-postbit-profile-card: V207;
}

/* END G6M_POSTBIT_PROFILE_CARD_V207 */

/* ==== g6m-postbit-profile-card-v207.css ==== */
/* G6M_POSTBIT_PROFILE_CARD_V207
   Premium GTA VI / Vice City profile card for XenForo message user column.
   Appearance only — links, tooltips, banners, menus, permissions untouched.
   V207: force TH extras open + stacked premium stat rows.
*/

html body {
	--g6m-pb-bg0: #121018;
	--g6m-pb-bg1: #1b1526;
	--g6m-pb-pink: #ff0b8b;
	--g6m-pb-violet: #8d38ff;
	--g6m-pb-cyan: #00d7ff;
	--g6m-pb-gold: #f0c24b;
	--g6m-pb-blue: #3b82f6;
	--g6m-pb-text: #ffffff;
	--g6m-pb-muted: rgba(196, 190, 220, 0.72);
	--g6m-pb-radius: 18px;
	--g6m-pb-ease: 250ms cubic-bezier(0.22, 1, 0.36, 1);
	--g6m-pb-avatar: 100px;
}

/* —— Card shell —— */
html body .message-cell.message-cell--user {
	background: transparent !important;
	padding: 0.55rem 0.45rem !important;
	vertical-align: top !important;
}

html body .message-cell--user .message-user {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 1rem 0.7rem 0.75rem !important;
	box-sizing: border-box !important;
	border-radius: var(--g6m-pb-radius) !important;
	background:
		linear-gradient(165deg, rgba(255, 11, 139, 0.08), transparent 42%),
		linear-gradient(180deg, var(--g6m-pb-bg1) 0%, var(--g6m-pb-bg0) 100%) !important;
	border: 1px solid rgba(141, 56, 255, 0.28) !important;
	box-shadow:
		0 0 0 1px rgba(0, 0, 0, 0.35) inset,
		0 10px 28px rgba(0, 0, 0, 0.35),
		0 0 24px rgba(141, 56, 255, 0.08) !important;
	overflow: hidden !important;
	transition:
		box-shadow var(--g6m-pb-ease),
		border-color var(--g6m-pb-ease) !important;
	animation: g6mPbCardIn 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

html body .message-cell--user .message-user:hover {
	transform: none !important;
	border-color: rgba(255, 11, 139, 0.4) !important;
	box-shadow:
		0 0 0 1px rgba(0, 0, 0, 0.35) inset,
		0 14px 34px rgba(0, 0, 0, 0.42),
		0 0 28px rgba(255, 11, 139, 0.16) !important;
}

@keyframes g6mPbCardIn {
	from {
		opacity: 0;
		transform: translateY(8px) scale(0.985);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

html body .message-cell--user .uix_messagePostBitWrapper {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	width: 100% !important;
	gap: 0 !important;
}

/* —— Avatar —— */
html body .message-cell--user .message-avatar {
	display: flex !important;
	justify-content: center !important;
	margin: 0 0 0.85rem !important;
	padding: 0 !important;
}

html body .message-cell--user .message-avatar-wrapper {
	position: relative !important;
	width: var(--g6m-pb-avatar) !important;
	height: var(--g6m-pb-avatar) !important;
}

html body .message-cell--user .message-avatar .avatar,
html body .message-cell--user .message-avatar-wrapper .avatar {
	display: block !important;
	width: var(--g6m-pb-avatar) !important;
	height: var(--g6m-pb-avatar) !important;
	max-width: var(--g6m-pb-avatar) !important;
	max-height: var(--g6m-pb-avatar) !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	border: 3px solid #0c0a14 !important;
	box-shadow:
		0 0 0 2px #0c0a14,
		0 0 0 3px rgba(141, 56, 255, 0.85),
		0 0 0 5px rgba(255, 11, 139, 0.28),
		0 0 14px rgba(255, 11, 139, 0.22) !important;
	background:
		linear-gradient(#0c0a14, #0c0a14) padding-box,
		linear-gradient(135deg, var(--g6m-pb-violet), var(--g6m-pb-pink), var(--g6m-pb-cyan)) border-box !important;
	transition:
		transform var(--g6m-pb-ease),
		box-shadow var(--g6m-pb-ease) !important;
}

html body .message-cell--user .message-avatar .avatar img,
html body .message-cell--user .message-avatar-wrapper .avatar img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 50% !important;
}

html body .message-cell--user .message-avatar .avatar:hover,
html body .message-cell--user .message-avatar-wrapper .avatar:hover {
	transform: scale(1.045) !important;
	box-shadow:
		0 0 0 2px #0c0a14,
		0 0 0 4px rgba(255, 11, 139, 0.85),
		0 0 0 6px rgba(141, 56, 255, 0.4),
		0 0 28px rgba(255, 11, 139, 0.5),
		0 0 48px rgba(141, 56, 255, 0.3) !important;
}

html body .message-cell--user .message-avatar--online .message-avatar-online {
	width: 0.72rem !important;
	height: 0.72rem !important;
	right: 0.12rem !important;
	bottom: 0.12rem !important;
	left: auto !important;
	top: auto !important;
	margin: 0 !important;
	border-radius: 50% !important;
	border: 2px solid #0c0a14 !important;
	background: #22c55e !important;
	color: transparent !important;
	box-shadow:
		0 0 0 1px rgba(34, 197, 94, 0.35),
		0 0 10px rgba(34, 197, 94, 0.45) !important;
	transform: none !important;
	z-index: 5 !important;
	overflow: hidden !important;
	font-size: 0 !important;
}

html body .message-cell--user .message-avatar--online .message-avatar-online::before,
html body .message-cell--user .message-avatar--online .message-avatar-online::after {
	content: none !important;
	display: none !important;
}

/* —— Username —— */
html body .message-cell--user .message-userDetails {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	width: 100% !important;
	gap: 0.45rem !important;
	padding: 0 !important;
	margin: 0 !important;
}

html body .message-cell--user .message-name {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.15 !important;
	max-width: 100% !important;
}

/* Typography only — do NOT force color/fill/background (kills rank gradients). */
html body .message-cell--user .message-name .username,
html body .message-cell--user .message-name .username span,
html body .message-cell--user .message-name .username [class*="username--"] {
	display: inline !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 1.2rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	line-height: 1.15 !important;
	word-break: break-word !important;
}

html body .message-cell--user .username--admin::before,
html body .message-cell--user .username--staff::before,
html body .message-cell--user .username--moderator::before,
html body .message-cell--user .username span::before {
	font-size: 0.55em !important;
	margin-right: 0.3em !important;
	opacity: 0.85 !important;
	filter: drop-shadow(0 0 6px rgba(255, 11, 139, 0.55)) !important;
}

/* —— Rank / badges —— */
html body .message-cell--user .message-userTitle,
html body .message-cell--user .userTitle.message-userTitle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.35em !important;
	margin: 0 !important;
	padding: 0.28rem 0.72rem !important;
	max-width: 100% !important;
	border-radius: 999px !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	background: linear-gradient(
		135deg,
		rgba(255, 11, 139, 0.55),
		rgba(141, 56, 255, 0.5) 55%,
		rgba(0, 180, 255, 0.35)
	) !important;
	backdrop-filter: blur(10px) saturate(1.15) !important;
	-webkit-backdrop-filter: blur(10px) saturate(1.15) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.22),
		0 0 16px rgba(141, 56, 255, 0.22) !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.62rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

html body .message-userDetails:has(.username--admin) .message-userTitle,
html body .message-userDetails:has(.username--admin) .userTitle.message-userTitle {
	background: linear-gradient(135deg, rgba(255, 11, 139, 0.88), rgba(141, 56, 255, 0.85)) !important;
	border-color: rgba(255, 11, 139, 0.45) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.25),
		0 0 18px rgba(255, 11, 139, 0.28) !important;
}

html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)) .message-userTitle,
html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)) .userTitle.message-userTitle {
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.85), rgba(14, 165, 233, 0.75)) !important;
	border-color: rgba(59, 130, 246, 0.45) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		0 0 16px rgba(59, 130, 246, 0.28) !important;
}

html body .message-cell--user .userBanner,
html body .message-cell--user .message-userBanner {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0.22rem 0.62rem !important;
	border-radius: 999px !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.58rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

html body .message-cell--user .userBanner--staff {
	color: #efe6ff !important;
	-webkit-text-fill-color: #efe6ff !important;
	background: rgba(141, 56, 255, 0.28) !important;
	border-color: rgba(177, 120, 255, 0.35) !important;
}

html body .message-cell--user .userBanner--g6mAdmin {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: linear-gradient(135deg, rgba(255, 11, 139, 0.85), rgba(141, 56, 255, 0.85)) !important;
}

html body .message-cell--user .userBanner--g6mModerator {
	color: #e8f1ff !important;
	-webkit-text-fill-color: #e8f1ff !important;
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.75), rgba(37, 99, 235, 0.7)) !important;
}

/* VIP / gold-like banners */
html body .message-cell--user .userBanner--primary,
html body .message-cell--user .userBanner--accent,
html body .message-cell--user .userBanner--g6mVip {
	color: #1a1205 !important;
	-webkit-text-fill-color: #1a1205 !important;
	background: linear-gradient(135deg, #f5d76e, #d4a017) !important;
	border-color: rgba(240, 194, 75, 0.55) !important;
	box-shadow: 0 0 14px rgba(240, 194, 75, 0.25) !important;
}

/* Dev / cyan */
html body .message-cell--user .userBanner--g6mDev,
html body .message-cell--user .userBanner--developer {
	color: #041820 !important;
	-webkit-text-fill-color: #041820 !important;
	background: linear-gradient(135deg, #67e8f9, #06b6d4) !important;
	border-color: rgba(0, 215, 255, 0.45) !important;
}

/* Deduplicate staff banners when userTitle already shows rank */
html body .message-userDetails:has(.username--admin) .userBanner--staff,
html body .message-userDetails:has(.username--admin) .userBanner--g6mAdmin,
html body .message-userDetails:has(.username--admin) .userBanner--g6mModerator,
html body .message-cell--user:has(.username--admin) .userBanner--staff,
html body .message-cell--user:has(.username--admin) .userBanner--g6mAdmin,
html body .message-cell--user:has(.username--admin) .userBanner--g6mModerator {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	font-size: 0 !important;
}

html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)):has(.message-userTitle) .userBanner--staff,
html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)):has(.message-userTitle) .userBanner--g6mModerator,
html body .message-cell--user:has(.username--moderator):not(:has(.username--admin)):has(.message-userTitle) .userBanner--staff,
html body .message-cell--user:has(.username--moderator):not(:has(.username--admin)):has(.message-userTitle) .userBanner--g6mModerator {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

html body .message-cell--user .userBanner-before,
html body .message-cell--user .userBanner-after {
	display: none !important;
}

html body .message-cell--user .uix_originalPoster__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.4rem !important;
	height: 1.4rem !important;
	margin: 0.1rem 0 0 !important;
	border-radius: 8px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background: rgba(255, 255, 255, 0.04) !important;
	opacity: 0.7 !important;
}

/* —— Force ThemeHouse extras always visible (TH defaults to height:0) —— */
html body .message-cell--user .thThreads__message-userExtras {
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	transition: none !important;
}

/* —— Luminous separator —— */
html body .message-cell--user .thThreads__message-userExtras::before {
	content: "" !important;
	display: block !important;
	width: 72% !important;
	height: 1px !important;
	margin: 0.75rem auto 0.65rem !important;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 11, 139, 0.55),
		rgba(141, 56, 255, 0.55),
		rgba(0, 215, 255, 0.4),
		transparent
	) !important;
	box-shadow: 0 0 10px rgba(255, 11, 139, 0.25) !important;
}

/* —— Stats —— */
html body .message-cell--user .message-userExtras {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: 100% !important;
	gap: 0.3rem !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Premium stacked rows: icon | label / value */
html body .message-cell--user .message-userExtras .pairs.pairs--justified {
	display: grid !important;
	grid-template-columns: 1.15rem minmax(0, 1fr) !important;
	grid-template-rows: auto auto !important;
	align-items: center !important;
	column-gap: 0.5rem !important;
	row-gap: 0.02rem !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0.32rem 0.4rem !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 0.025) !important;
	border: 1px solid rgba(255, 255, 255, 0.04) !important;
	box-sizing: border-box !important;
	transition: background var(--g6m-pb-ease), border-color var(--g6m-pb-ease) !important;
}

html body .message-cell--user .message-userExtras .pairs.pairs--justified:hover {
	background: rgba(141, 56, 255, 0.08) !important;
	border-color: rgba(141, 56, 255, 0.18) !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dt {
	display: contents !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	text-align: left !important;
	color: var(--g6m-pb-muted) !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dt > span[data-xf-init="tooltip"],
html body .message-cell--user .message-userExtras .pairs--justified > dt > span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.15rem !important;
	height: 100% !important;
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
	align-self: center !important;
	color: rgba(220, 214, 255, 0.9) !important;
}

/* Visible label (row 1) */
html body .message-cell--user .message-userExtras .pairs--justified > dt::after {
	content: "" !important;
	grid-column: 2 !important;
	grid-row: 1 !important;
	justify-self: start !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.62rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	line-height: 1.15 !important;
	color: var(--g6m-pb-muted) !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 100% !important;
}

html body .message-cell--user .message-userExtras .pairs--justified:nth-of-type(1) > dt::after { content: "Membre depuis" !important; }
html body .message-cell--user .message-userExtras .pairs--justified:nth-of-type(2) > dt::after { content: "Messages" !important; }
html body .message-cell--user .message-userExtras .pairs--justified:nth-of-type(3) > dt::after { content: "Réactions" !important; }
html body .message-cell--user .message-userExtras .pairs--justified:nth-of-type(4) > dt::after { content: "Trophées" !important; }

/* Text-label stats (GTA$ / Points) */
html body .message-cell--user .message-userExtras .pairs--justified > dt:not(:has(span)) {
	display: block !important;
	grid-column: 2 !important;
	grid-row: 1 !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.62rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	line-height: 1.15 !important;
	color: var(--g6m-pb-muted) !important;
	text-align: left !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dt:not(:has(span))::before {
	content: "" !important;
	display: none !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dt:not(:has(span))::after {
	content: none !important;
	display: none !important;
}

/* Icon placeholder cell for text-only rows */
html body .message-cell--user .message-userExtras .pairs--justified:has(> dt:not(:has(span)))::before {
	content: "" !important;
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
	width: 1.15rem !important;
	height: 1.15rem !important;
	align-self: center !important;
	justify-self: center !important;
	border-radius: 4px !important;
	background: rgba(255, 255, 255, 0.06) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

html body .message-cell--user .message-userExtras dl.dbtech_credits_postbit.pairs--justified::before,
html body .message-cell--user .message-userExtras .pairs--justified:nth-of-type(5)::before {
	background: rgba(34, 197, 94, 0.18) !important;
	box-shadow: inset 0 0 0 1px rgba(110, 231, 168, 0.35), 0 0 8px rgba(34, 197, 94, 0.2) !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dd {
	grid-column: 2 !important;
	grid-row: 2 !important;
	justify-self: start !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	width: auto !important;
	max-width: 100% !important;
	text-align: left !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.88rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.15 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dd a {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	text-decoration: none !important;
}

html body .message-cell--user .message-userExtras .pairs--justified > dd a:hover {
	color: var(--g6m-pb-cyan) !important;
	-webkit-text-fill-color: var(--g6m-pb-cyan) !important;
}

html body .message-cell--user .message-userExtras .pairs--justified .fa--xf,
html body .message-cell--user .message-userExtras .pairs--justified i,
html body .message-cell--user .message-userExtras .pairs--justified svg {
	width: 0.85rem !important;
	height: 0.85rem !important;
	font-size: 0.85rem !important;
	opacity: 0.9 !important;
}

/* Accent GTA$ value */
html body .message-cell--user .message-userExtras dl.dbtech_credits_postbit > dd,
html body .message-cell--user .message-userExtras dl.dbtech_credits_postbit > dd a,
html body .message-cell--user .message-userExtras dl[data-template-name="public:dbtech_credits_postbit"] > dd,
html body .message-cell--user .message-userExtras dl[data-template-name="public:dbtech_credits_postbit"] > dd a {
	color: #6ee7a8 !important;
	-webkit-text-fill-color: #6ee7a8 !important;
	text-shadow: 0 0 10px rgba(34, 197, 94, 0.35) !important;
}

/* Hide ThemeHouse extras toggle chrome if empty-looking */
html body .message-cell--user .thThreads__userExtra--toggle {
	display: none !important;
}

/* Hide leftover XF speech-bubble arrow (was restyled as empty round button) */
html body .message-cell--user .message-userArrow,
html body .message .message-userArrow,
html body .message .message-cell--user .message-userArrow,
html body .message-userArrow {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

html body .message-cell--user .message-userArrow::before,
html body .message-cell--user .message-userArrow::after,
html body .message .message-userArrow::before,
html body .message .message-userArrow::after,
html body .message .message-cell--user .message-userArrow::before,
html body .message .message-cell--user .message-userArrow::after,
html body .message-userArrow::before,
html body .message-userArrow::after {
	content: none !important;
	display: none !important;
	border: 0 !important;
}

/* —— Tablet —— */
@media (max-width: 1100px) and (min-width: 651px) {
	html body {
		--g6m-pb-avatar: 88px;
	}

	html body .message-cell--user .message-user {
		max-width: 100% !important;
		padding: 0.85rem 0.55rem 0.65rem !important;
	}

	html body .message-cell--user .message-name .username,
	html body .message-cell--user .message-name .username span {
		font-size: 1.05rem !important;
	}
}

/* —— Mobile: horizontal identity + 2-col stats —— */
@media (max-width: 650px) {
	html body {
		--g6m-pb-avatar: 56px;
		--g6m-pb-radius: 16px;
	}

	html body .message-cell.message-cell--user {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0.45rem 0.35rem !important;
	}

	html body .message-cell--user .message-user {
		max-width: 100% !important;
		width: 100% !important;
		padding: 0.75rem 0.8rem !important;
		align-items: stretch !important;
	}

	html body .message-cell--user .message-avatar {
		margin: 0 !important;
	}

	html body .message-cell--user .uix_messagePostBitWrapper {
		display: grid !important;
		grid-template-columns: auto 1fr !important;
		grid-template-areas:
			"avatar details"
			"extras extras" !important;
		column-gap: 0.75rem !important;
		row-gap: 0.55rem !important;
		align-items: center !important;
		width: 100% !important;
	}

	/* When avatar is sibling before wrapper */
	html body .message-cell--user .message-user {
		display: grid !important;
		grid-template-columns: auto 1fr !important;
		grid-template-areas:
			"avatar details"
			"extras extras"
			"arrow arrow" !important;
		column-gap: 0.75rem !important;
		row-gap: 0.45rem !important;
		align-items: center !important;
	}

	html body .message-cell--user .message-avatar {
		grid-area: avatar !important;
	}

	html body .message-cell--user .uix_messagePostBitWrapper {
		display: contents !important;
	}

	html body .message-cell--user .message-userDetails {
		grid-area: details !important;
		align-items: flex-start !important;
		text-align: left !important;
		gap: 0.3rem !important;
	}

	html body .message-cell--user .thThreads__message-userExtras {
		grid-area: extras !important;
	}

	html body .message-cell--user .message-userArrow {
		grid-area: arrow !important;
	}

	html body .message-cell--user .thThreads__message-userExtras::before {
		width: 100% !important;
		margin: 0.15rem 0 0.55rem !important;
	}

	html body .message-cell--user .message-userExtras {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 0.35rem !important;
	}

	html body .message-cell--user .message-userExtras .pairs.pairs--justified {
		padding: 0.35rem 0.4rem !important;
	}

	html body .message-cell--user .message-name .username,
	html body .message-cell--user .message-name .username span {
		font-size: 1.05rem !important;
	}

	html body .message-cell--user .message-user:hover {
		transform: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html body .message-cell--user .message-user,
	html body .message-cell--user .message-avatar .avatar,
	html body .message-cell--user .message-userArrow {
		animation: none !important;
		transition: none !important;
		transform: none !important;
	}
}

html {
	--g6m-postbit-profile-card: V207b;
}

/* END G6M_POSTBIT_PROFILE_CARD_V207 */


/* ===========================================================================
   G6M_POSTBIT_COMPACT_V464 — compteurs sur une ligne
   ---------------------------------------------------------------------------
   Mesure : carte membre 502px pour un message d'UNE ligne de texte (25px).
   La ligne prend la hauteur de la plus haute colonne, d'ou ~376px de vide dans
   la zone de contenu. On ne peut pas allonger le texte : on raccourcit la carte.

   Chaque compteur etait une grille 2 colonnes x 2 rangees :
       col1 = icone (rangee 1 / span 2), col2 = libelle (`dt::after`, rangee 1)
       puis la valeur (`dd`, rangee 2)
   -> on passe a 3 colonnes sur UNE rangee : icone | libelle | valeur alignee a
   droite. Plus compact, et surtout plus lisible : l'oeil descend une colonne de
   chiffres au lieu de sauter d'un bloc a l'autre.

   Carte 502 -> 468px. Verifie : aucune ligne ne deborde (scrollWidth == clientWidth
   sur les 5), la valeur la plus longue etant « 11 Juillet 2026 ».

   Borne a 651px : en dessous, le coeur XenForo bascule `.message-userExtras` en
   bande horizontale, ou cette grille n'a plus de sens.

   /!\ Ne PAS toucher a la taille de l'avatar pour gagner quelques pixels : la
   pastille « en ligne » est positionnee pour un cercle de 100px.
   =========================================================================== */

@media (min-width: 651px) {
	html body .message-cell--user .message-userExtras {
		gap: 4px !important;
	}

	html body .message-cell--user .message-userExtras .pairs {
		grid-template-columns: auto 1fr auto !important;
		align-items: center !important;
		padding: 5px 9px !important;
		column-gap: 9px !important;
		row-gap: 0 !important;
	}

	html body .message-cell--user .message-userExtras .pairs > dt > span {
		grid-column: 1 !important;
		grid-row: 1 !important;
		height: auto !important;
		display: flex !important;
		align-items: center !important;
	}

	html body .message-cell--user .message-userExtras .pairs > dd {
		grid-column: 3 !important;
		grid-row: 1 !important;
		text-align: right !important;
		white-space: nowrap !important;
	}
}


/* ===========================================================================
   G6M_BLOCS_MESSAGES_ALIGNES_V465 — meme retrait que la reponse rapide
   ---------------------------------------------------------------------------
   Le bloc des messages n'avait AUCUN retrait lateral : la carte de profil et le
   contenu touchaient le cadre, alors que la reponse rapide a 14px depuis V462.
   Mesure avant : carte a 22px du bord a gauche cote message, 28px cote reponse.
   Deux reglages, pas un seul — le retrait du bloc ET celui de la colonne membre,
   qui valait 7.2px cote message contre 13.6px cote reponse.
   Apres : carte a 28px et contenu a 26px du bord dans les DEUX blocs.
   =========================================================================== */

html body .block--messages > .block-container > .block-body {
	padding: 10px 14px 12px !important;
}

/* Les DEUX colonnes membre, sinon elles divergent selon la largeur : mesure a
   768px avant correction, carte du message a 19px du bord contre 14px cote
   reponse rapide. Borne a 651px : en dessous la colonne se replie. */
@media (min-width: 651px) {
	html body .block--messages .message--post .message-cell--user,
	html body form.js-quickReply .message--quickReply .message-cell--user {
		padding: 12px 13.6px !important;
	}
}

@media (max-width: 767.98px) {
	html body .block--messages > .block-container > .block-body {
		padding: 8px 8px 10px !important;
	}
}

/* ==== g6m-qr-postbit-v225.css ==== */
/* G6M quick-reply full postbit — align card, hide empty stretch */
/* --g6m-qr-postbit: V225 */

html body .message.message--quickReply .message-cell--user .message-user,
html body form.js-quickReply .message-cell--user .message-user {
	height: auto !important;
	min-height: 0 !important;
	align-self: start !important;
}

html body .message.message--quickReply .message-inner,
html body form.js-quickReply .message-inner {
	align-items: start !important;
}

html body .message.message--quickReply .message-cell--user,
html body form.js-quickReply .message-cell--user {
	align-self: start !important;
}

html body .message.message--quickReply .message-userArrow,
html body form.js-quickReply .message-userArrow {
	display: none !important;
}


/* ===========================================================================
   G6M_QR_POSTBIT_V462 — equilibrer la reponse rapide, sans rien retirer
   ---------------------------------------------------------------------------
   Etat mesure : colonne membre 478px (carte de profil complete), colonne de
   l'editeur 312px. La ligne prend la hauteur de la plus haute -> 166px de vide
   sous le bouton « Poster une reponse ».
   V461 reglait le probleme en masquant les compteurs. Mauvaise piste : ces
   informations doivent rester. On egalise par l'autre bout — la zone de saisie
   monte a 268px, ce qui donne 468px a la colonne de droite contre 478 a gauche,
   soit 10px d'ecart au lieu de 166. Et une zone de saisie confortable.

   /!\ La reduction de l'avatar a 72px de V461 est ANNULEE : la pastille « en
   ligne » est positionnee pour un avatar de 100px, elle se retrouvait 26px hors
   du cercle. Ne pas y revenir sans deplacer aussi la pastille.
   =========================================================================== */

/* Zone de saisie a la hauteur de la carte de profil.
   Seuil a 651px : c'est la limite du coeur XenForo (`max-width: 650px` fait
   basculer `.message-userExtras` en bande horizontale). Au-dessus, les deux
   colonnes sont cote a cote et l'ecart doit etre comble ; en dessous elles ne
   le sont plus et la zone reprend sa hauteur normale.
   Mesure a 768px avec un seuil a 992px : l'ecart valait encore 150px. */
@media (min-width: 651px) {
	html body .message.message--quickReply .fr-element,
	html body form.js-quickReply .fr-element {
		min-height: 268px !important;
	}
}

/* Respiration : les deux cartes collaient au cadre du bloc (14px a gauche,
   11px a droite). On passe a ~28px / ~25px. */
html body form.js-quickReply .block-body {
	padding: 10px 14px 12px !important;
}

@media (max-width: 767.98px) {
	html body form.js-quickReply .block-body {
		padding: 8px 8px 10px !important;
	}
}

/* « Joindre des fichiers » et « Poster une reponse » etaient a pile 0px des
   bords de leur barre (`.formButtonGroup` : `padding: 2.4px 0 4px`), donc au ras
   du cadre de l'editeur. 16px de retrait de chaque cote. */
html body form.js-quickReply .message-editorWrapper .formButtonGroup {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

@media (max-width: 767.98px) {
	html body form.js-quickReply .message-editorWrapper .formButtonGroup {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

/* Deuxieme rangee de la barre d'outils : annuler / retablir / source / brouillon
   etaient pousses a droite par le `flex: 1 1 0` du groupe, laissant 700px de
   vide a gauche et un pave de boutons colle a l'onglet. On les ramene a gauche :
   actions a gauche, onglet « Previsualisation » a droite. */
html body form.js-quickReply .fr-toolbar .fr-btn-grp.rte-tab--beforePreview {
	justify-content: flex-start !important;
}

/* ===========================================================================
   G6M_EDITOR_PREVIEW_BOUTON_V463 — « Previsualisation » : onglet -> bouton
   ---------------------------------------------------------------------------
   XenForo dessine cet element en ONGLET : `border-left` + `border-bottom` de
   1px, `border-radius: 0 4px 0 0`, colle a l'angle superieur droit de la barre.
   Dans ce theme, ou tout est en pastilles neon, ca ressemblait a un residu de
   cadre plutot qu'a un bouton — et il touchait le bord.
   On en fait une pastille secondaire, assortie a « Joindre des fichiers », avec
   10px de retrait, et on tire un filet continu entre les deux rangees pour que
   la seconde se lise comme une barre d'actions et non comme un reste de place.
   Portee `.message-editorWrapper` : reponse rapide + editeur complet, mais pas
   l'editeur du chat (Siropu), qui a son propre habillage.
   =========================================================================== */

html body .message-editorWrapper .fr-toolbar .fr-btn-grp.rte-tab--beforePreview,
html body .message-editorWrapper .fr-toolbar .fr-btn-grp.rte-tab--preview {
	border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
	align-items: center !important;
}

html body .message-editorWrapper .fr-toolbar .fr-btn-grp.rte-tab--preview {
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	padding-right: 10px !important;
}

html body .message-editorWrapper .fr-toolbar .fr-btn-grp.rte-tab--preview .fr-btn.fr-command {
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(0, 229, 255, 0.28) !important;
	color: rgba(232, 243, 255, 0.92) !important;
	font-family: Rajdhani, Inter, system-ui, sans-serif !important;
	font-weight: 700 !important;
	font-size: 0.82rem !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	padding: 0 15px 0 12px !important;
	margin: 0 !important;
	gap: 7px !important;
	transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
}

html body .message-editorWrapper .fr-toolbar .fr-btn-grp.rte-tab--preview .fr-btn.fr-command:hover,
html body .message-editorWrapper .fr-toolbar .fr-btn-grp.rte-tab--preview .fr-btn.fr-command:focus-visible {
	background: rgba(0, 229, 255, 0.13) !important;
	border-color: rgba(0, 229, 255, 0.62) !important;
	color: #eafaff !important;
	box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.10) !important;
}

html body .message-editorWrapper .fr-toolbar .fr-btn-grp.rte-tab--preview .fr-btn.fr-command svg,
html body .message-editorWrapper .fr-toolbar .fr-btn-grp.rte-tab--preview .fr-btn.fr-command i {
	color: #00e5ff !important;
	opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
	html body .message-editorWrapper .fr-toolbar .fr-btn-grp.rte-tab--preview .fr-btn.fr-command {
		transition: none !important;
	}
}

/* ===========================================================================
   G6M_EDITOR_PREVIEW_TAB_V461 — l'onglet « Previsualisation » tronque
   ---------------------------------------------------------------------------
   XenForo affiche le libelle de l'onglet — et non seulement son icone — quand
   l'editeur est en taille XL :
       .fr-box.fr-basic[data-size="XL"] .rte-tab--preview span.fr-sr-only
       { position: static; width: auto; overflow: visible }   (min-width: 1132px)
   Mais `.fr-btn` garde une largeur fixe de 44px et le groupe 47px : le libelle
   depassait de 105px, coupe net par l'`overflow: hidden` de la barre d'outils.
   On lisait « Previ » colle au bord droit de l'editeur.
   On laisse simplement le bouton prendre la largeur de son libelle. Le groupe
   voisin est en `flex: 1 1 0` : il cede la place sans rien deplacer d'autre.
   Regle bornee a la meme condition que celle du coeur — en dessous de 1132px le
   libelle est masque et cette section est inerte.
   =========================================================================== */

@media (min-width: 1132px) {
	html body .fr-box.fr-basic[data-size="XL"] .fr-toolbar .fr-btn-grp.rte-tab--preview,
	html body .fr-box.fr-basic[data-size="XL"] .fr-toolbar .fr-btn-grp.rte-tab--preview .fr-btn.fr-command {
		width: auto !important;
		max-width: 100% !important;
	}

	html body .fr-box.fr-basic[data-size="XL"] .fr-toolbar .fr-btn-grp.rte-tab--preview .fr-btn.fr-command {
		padding-left: 10px !important;
		padding-right: 12px !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		white-space: nowrap !important;
	}

	html body .fr-box.fr-basic[data-size="XL"] .fr-toolbar .fr-btn-grp.rte-tab--preview .fr-btn.fr-command span.fr-sr-only {
		margin: 0 !important;
	}
}


/* ===========================================================================
   G6M_EDITOR_BARRE_JUSTIFIEE_V465
   ---------------------------------------------------------------------------
   La premiere rangee de la barre d'outils s'arretait a 1431px pour une largeur
   utile de 957px depuis 614 : il restait 140px de vide a droite, pile au-dessus
   du bouton « Previsualisation ». Impossible d'y remonter le bouton, il fait
   180px de large.
   On laisse donc les trois groupes de boutons occuper toute la rangee et
   distribuer leurs boutons : la rangee se termine exactement sur le bord.
   =========================================================================== */

html body .message-editorWrapper .fr-toolbar .fr-btn-grp.fr-float-left {
	flex: 1 1 auto !important;
	justify-content: space-between !important;
}

/* ==== g6m-reply-btn-center-v222.css ==== */
/* G6M_REPLY_BTN_CENTER_V222b
   Fix Répondre CTA vertical center.
   NOTE: XF puts template-* on <html>, not <body>.
*/

html.template-thread_view .g6m-thread-reply-wrap > a.button,
html.template-thread_view .g6m-thread-reply-wrap a.button.button--cta,
html.template-thread_view .g6m-thread-reply-wrap a.button.uix_quickReply--button,
.g6m-thread-reply-wrap > a.button.button--cta,
.g6m-thread-reply-wrap > a.button.uix_quickReply--button {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	box-sizing: border-box !important;
	height: 2.55rem !important;
	min-height: 2.55rem !important;
	max-height: 2.55rem !important;
	padding: 0 1.25rem !important;
	line-height: 1 !important;
	vertical-align: middle !important;
}

html.template-thread_view .g6m-thread-reply-wrap > a.button > i,
html.template-thread_view .g6m-thread-reply-wrap > a.button > i.fa--xf,
.g6m-thread-reply-wrap > a.button > i,
.g6m-thread-reply-wrap > a.button > i.fa--xf {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	width: 1em !important;
	height: 1em !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	position: static !important;
	transform: none !important;
}

html.template-thread_view .g6m-thread-reply-wrap > a.button > i > svg,
html.template-thread_view .g6m-thread-reply-wrap a.button svg,
.g6m-thread-reply-wrap > a.button > i > svg,
.g6m-thread-reply-wrap > a.button svg {
	display: block !important;
	width: 1em !important;
	height: 1em !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	transform: none !important;
	vertical-align: middle !important;
}

html.template-thread_view .g6m-thread-reply-wrap > a.button > .button-text,
.g6m-thread-reply-wrap > a.button > .button-text {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	height: auto !important;
	transform: none !important;
}

html.template-thread_view .g6m-thread-reply-wrap a.button.button--icon::before,
.g6m-thread-reply-wrap a.button.button--icon::before {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

html { --g6m-reply-btn-center: V222b; }

/* ==== g6m-reply-button-icon-v129.css ==== */
/* G6M_REPLY_BUTTON_ICON_V129
   Fix XF absolute ::before icon drift + pro modern Répondre CTA. */

/* —— Layout wrap (restored from v99 essentials) —— */
html body.template-thread_view .p-body-header .uix_headerInner--opposite,
html body.template-thread_view .p-body-header .p-title-pageAction {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body.template-thread_view .block .block-outer:has(.g6m-thread-reply-wrap),
html body.template-thread_view .block .block-outer:has(.block-outer-opposite .buttonGroup) {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 0.55rem 0.75rem !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin-bottom: 0.65rem !important;
}

html body.template-thread_view .g6m-thread-reply-wrap,
html body.template-thread_view .block-outer-main.g6m-thread-reply-wrap {
	order: 1 !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
	margin-right: auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
}

html body.template-thread_view .block-outer-opposite:has(.buttonGroup) {
	order: 2 !important;
	flex: 0 0 auto !important;
	margin-left: auto !important;
}

/* —— Répondre CTA: flex-centered icon + text —— */
html body.template-thread_view .g6m-thread-reply-wrap .button,
html body.template-thread_view .g6m-thread-reply-wrap a.button,
html body.template-thread_view .g6m-thread-reply-wrap .button.button--cta,
html body.template-thread_view .g6m-thread-reply-wrap .button.button--icon,
html body.template-thread_view .g6m-thread-reply-wrap .button.uix_quickReply--button,
html body.template-thread_view a.button.uix_quickReply--button,
html body.template-thread_view .button.button--cta.uix_quickReply--button {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.55rem !important;
	box-sizing: border-box !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	min-height: 2.6rem !important;
	height: auto !important;
	padding: 0.55rem 1.35rem !important;
	border: none !important;
	border-radius: 999px !important;
	position: relative !important;
	overflow: hidden !important;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	font-weight: 700 !important;
	font-size: 0.84rem !important;
	letter-spacing: 0.07em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background: linear-gradient(135deg, #00d7ff 0%, #8d38ff 48%, #ff0b8b 100%) !important;
	box-shadow:
		0 10px 26px rgba(0, 215, 255, 0.22),
		0 8px 22px rgba(255, 11, 139, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
	transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease !important;
}

html body.template-thread_view .g6m-thread-reply-wrap .button:hover,
html body.template-thread_view a.button.uix_quickReply--button:hover {
	transform: translateY(-1px) !important;
	filter: brightness(1.07) !important;
	text-decoration: none !important;
	box-shadow:
		0 14px 32px rgba(0, 215, 255, 0.28),
		0 10px 26px rgba(255, 11, 139, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}

/* Kill XF absolute icon gutter — put ::before in the flex flow */
html body.template-thread_view .g6m-thread-reply-wrap .button.button--icon::before,
html body.template-thread_view .g6m-thread-reply-wrap .button.button--icon--write::before,
html body.template-thread_view a.uix_quickReply--button.button--icon::before,
html body.template-thread_view a.uix_quickReply--button.button--icon--write::before {
	content: "" !important;
	position: static !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	transform: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 1.05em !important;
	width: 1.05em !important;
	height: 1.05em !important;
	min-width: 1.05em !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	opacity: 1 !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

/* Inner text: no left padding reserved for absolute icons */
html body.template-thread_view .g6m-thread-reply-wrap .button .button-text,
html body.template-thread_view .g6m-thread-reply-wrap .button.button--icon .button-text,
html body.template-thread_view a.uix_quickReply--button .button-text,
html body.template-thread_view a.uix_quickReply--button.button--icon .button-text {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	padding-left: 0 !important;
	margin: 0 !important;
	margin-left: 0 !important;
	line-height: 1 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* SVG / FA / .button-icon children */
html body.template-thread_view .g6m-thread-reply-wrap .button .button-icon,
html body.template-thread_view .g6m-thread-reply-wrap .button .fa--xf,
html body.template-thread_view .g6m-thread-reply-wrap .button i,
html body.template-thread_view .g6m-thread-reply-wrap .button svg,
html body.template-thread_view a.uix_quickReply--button .button-icon,
html body.template-thread_view a.uix_quickReply--button .fa--xf,
html body.template-thread_view a.uix_quickReply--button svg {
	position: static !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	width: 1.05em !important;
	height: 1.05em !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	color: #ffffff !important;
	fill: currentColor !important;
	opacity: 1 !important;
	filter: none !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* —— Bottom "Poster une réponse" — same icon fix —— */
html body .js-quickReply .formButtonGroup-primary .button.button--primary,
html body .js-quickReply .formButtonGroup .button.button--primary,
html body .message-editorWrapper .formButtonGroup-primary .button.button--primary,
html body form.js-quickReply button.button--primary[type="submit"] {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.55rem !important;
	box-sizing: border-box !important;
	min-width: 0 !important;
	min-height: 2.7rem !important;
	padding: 0.6rem 1.45rem !important;
	border: none !important;
	border-radius: 999px !important;
	position: relative !important;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	font-weight: 700 !important;
	font-size: 0.84rem !important;
	letter-spacing: 0.07em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background: linear-gradient(135deg, #00d7ff 0%, #8d38ff 48%, #ff0b8b 100%) !important;
	box-shadow:
		0 10px 28px rgba(141, 56, 255, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
	transition: transform 0.18s ease, filter 0.18s ease !important;
}

html body .js-quickReply .formButtonGroup-primary .button.button--primary:hover,
html body form.js-quickReply button.button--primary[type="submit"]:hover {
	transform: translateY(-1px) !important;
	filter: brightness(1.07) !important;
}

html body .js-quickReply .button.button--primary.button--icon::before,
html body form.js-quickReply button.button--primary.button--icon::before {
	position: static !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 1.05em !important;
	width: 1.05em !important;
	height: 1.05em !important;
	line-height: 1 !important;
}

html body .js-quickReply .button.button--primary .button-text,
html body form.js-quickReply button.button--primary .button-text {
	padding: 0 !important;
	padding-left: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

html body .js-quickReply .button.button--primary .button-icon,
html body .js-quickReply .button.button--primary .fa--xf,
html body .js-quickReply .button.button--primary svg,
html body form.js-quickReply button.button--primary .button-icon,
html body form.js-quickReply button.button--primary svg {
	position: static !important;
	width: 1.05em !important;
	height: 1.05em !important;
	margin: 0 !important;
	color: #fff !important;
	fill: currentColor !important;
	opacity: 1 !important;
	filter: none !important;
}

@media (max-width: 700px) {
	html body.template-thread_view .g6m-thread-reply-wrap,
	html body.template-thread_view .block-outer-opposite:has(.buttonGroup) {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	html body.template-thread_view .g6m-thread-reply-wrap .button,
	html body .js-quickReply .formButtonGroup-primary .button.button--primary {
		width: 100% !important;
		justify-content: center !important;
	}
}

/* END G6M_REPLY_BUTTON_ICON_V129 */

/* ==== g6m-reply-buttons-pro-v104.css ==== */
/* G6M_REPLY_BUTTONS_PRO_V104
   Beautify thread "Répondre" + fix "Poster une réponse" icon/look. */

/* ---- Top: Répondre (quick-reply jump) ---- */
html body.template-thread_view .g6m-thread-reply-wrap .button,
html body.template-thread_view .g6m-thread-reply-wrap a.button,
html body.template-thread_view .g6m-thread-reply-wrap .button.button--cta,
html body.template-thread_view .g6m-thread-reply-wrap .button.uix_quickReply--button,
html body.template-thread_view a.button.uix_quickReply--button,
html body.template-thread_view .button.button--cta.uix_quickReply--button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.55rem !important;
	border-radius: 999px !important;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	font-weight: 700 !important;
	font-size: 0.82rem !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	min-height: 2.55rem !important;
	padding: 0.55rem 1.25rem !important;
	border: none !important;
	background: linear-gradient(135deg, #ff0b8b 0%, #8d38ff 55%, #5b2bff 100%) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	box-shadow:
		0 10px 26px rgba(255, 11, 139, 0.32),
		0 0 0 1px rgba(255, 255, 255, 0.08) inset,
		inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
	text-decoration: none !important;
	transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease !important;
}

html body.template-thread_view .g6m-thread-reply-wrap .button:hover,
html body.template-thread_view a.button.uix_quickReply--button:hover {
	transform: translateY(-1px) !important;
	filter: brightness(1.06) !important;
	text-decoration: none !important;
	box-shadow:
		0 14px 30px rgba(255, 11, 139, 0.4),
		0 0 0 1px rgba(255, 255, 255, 0.1) inset !important;
}

html body.template-thread_view .g6m-thread-reply-wrap .button .button-text,
html body.template-thread_view a.uix_quickReply--button .button-text {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

html body.template-thread_view .g6m-thread-reply-wrap .button .button-icon,
html body.template-thread_view .g6m-thread-reply-wrap .button .fa--xf,
html body.template-thread_view .g6m-thread-reply-wrap .button svg,
html body.template-thread_view a.uix_quickReply--button .button-icon,
html body.template-thread_view a.uix_quickReply--button .fa--xf,
html body.template-thread_view a.uix_quickReply--button svg {
	width: 1.05em !important;
	height: 1.05em !important;
	color: #fff !important;
	fill: currentColor !important;
	opacity: 1 !important;
	filter: none !important;
	-webkit-text-fill-color: #fff !important;
}

/* ---- Bottom: Poster une réponse ---- */
html body .js-quickReply .formButtonGroup-primary .button.button--primary,
html body .js-quickReply .formButtonGroup .button.button--primary,
html body .message-editorWrapper .formButtonGroup-primary .button.button--primary,
html body form.js-quickReply button.button--primary[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.6rem !important;
	border-radius: 999px !important;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	font-weight: 700 !important;
	font-size: 0.82rem !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	min-height: 2.7rem !important;
	padding: 0.6rem 1.45rem !important;
	border: none !important;
	background: linear-gradient(135deg, #ff0b8b 0%, #8d38ff 55%, #5b2bff 100%) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	box-shadow:
		0 10px 28px rgba(141, 56, 255, 0.38),
		inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

html body .js-quickReply .formButtonGroup-primary .button.button--primary:hover,
html body form.js-quickReply button.button--primary[type="submit"]:hover {
	transform: translateY(-1px) !important;
	filter: brightness(1.06) !important;
}

/* Hide XF "reply" arrow icon (broken/ugly), show clean write glyph */
html body .js-quickReply .button.button--primary.button--icon--reply .button-icon,
html body .js-quickReply .button.button--primary.button--icon--reply > .fa--xf,
html body .js-quickReply .button.button--primary[data-icon="reply"] .button-icon,
html body form.js-quickReply button.button--primary.button--icon--reply .button-icon,
html body form.js-quickReply button.button--primary.button--icon--reply svg {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
}

html body .js-quickReply .button.button--primary.button--icon--reply::before,
html body form.js-quickReply button.button--primary.button--icon--reply::before {
	content: "" !important;
	display: inline-block !important;
	width: 1.05em !important;
	height: 1.05em !important;
	flex: 0 0 1.05em !important;
	background-color: currentColor !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 20l1.2-4.6L16.5 4.1a2.1 2.1 0 0 1 3 3L8.2 18.4 4 20z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M13.5 6.5l4 4' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 20l1.2-4.6L16.5 4.1a2.1 2.1 0 0 1 3 3L8.2 18.4 4 20z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M13.5 6.5l4 4' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
	background: #fff !important;
}

/* When icon already switched to write via TM, keep it crisp white */
html body .js-quickReply .button.button--primary .button-icon,
html body .js-quickReply .button.button--primary .fa--xf,
html body .js-quickReply .button.button--primary svg,
html body form.js-quickReply button.button--primary .button-icon,
html body form.js-quickReply button.button--primary svg {
	width: 1.05em !important;
	height: 1.05em !important;
	color: #fff !important;
	fill: currentColor !important;
	opacity: 1 !important;
	filter: none !important;
}

html body .js-quickReply .button.button--primary .button-text,
html body form.js-quickReply button.button--primary .button-text {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

@media (max-width: 700px) {
	html body.template-thread_view .g6m-thread-reply-wrap .button,
	html body .js-quickReply .formButtonGroup-primary .button.button--primary {
		width: 100% !important;
	}
}

/* END G6M_REPLY_BUTTONS_PRO_V104 */

/* ==== g6m-res-file-center-v213.css ==== */
/* G6M_RES_FILE_CENTER_V213f
   Custom file picker — Chrome native button cannot be reliably centered.
   Native input is opacity:0 overlay; visible UI is flex-centered.
*/

html body .g6m-resAdd .g6m-filePick,
html body.template-xfrm_category_add_resource .g6m-filePick,
html body.template-xfrm_resource_edit .g6m-filePick {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	width: 100% !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	margin: 0 !important;
	padding: 0 14px 0 0 !important;
	box-sizing: border-box !important;
	border-radius: 12px !important;
	border: 1px solid rgba(141, 56, 255, 0.35) !important;
	background: linear-gradient(180deg, rgba(22, 18, 36, 0.95), rgba(12, 10, 22, 0.98)) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
	overflow: hidden !important;
	cursor: pointer !important;
}

html body .g6m-resAdd .g6m-filePick-btn,
html body.template-xfrm_category_add_resource .g6m-filePick-btn,
html body.template-xfrm_resource_edit .g6m-filePick-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	height: 42px !important;
	min-height: 42px !important;
	padding: 0 16px !important;
	margin: 0 !important;
	border: 0 !important;
	border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 11px 0 0 11px !important;
	background: linear-gradient(135deg, #ff0b8b, #8d38ff) !important;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 0.85rem !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	pointer-events: none !important;
}

html body .g6m-resAdd .g6m-filePick-name,
html body.template-xfrm_category_add_resource .g6m-filePick-name,
html body.template-xfrm_resource_edit .g6m-filePick-name {
	display: inline-flex !important;
	align-items: center !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	height: 42px !important;
	margin: 0 !important;
	padding: 0 4px 0 0 !important;
	color: rgba(230, 226, 245, 0.92) !important;
	font-size: 0.88rem !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	pointer-events: none !important;
}

html body .g6m-resAdd .g6m-filePick input[type="file"],
html body .g6m-resAdd .g6m-filePick input[type="file"].input,
html body.template-xfrm_category_add_resource .g6m-filePick input[type="file"],
html body.template-xfrm_resource_edit .g6m-filePick input[type="file"] {
	position: absolute !important;
	inset: 0 !important;
	z-index: 2 !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	cursor: pointer !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
}

html body .g6m-resAdd .g6m-filePick:hover {
	border-color: rgba(255, 11, 139, 0.55) !important;
}

html body .g6m-resAdd .g6m-filePick:focus-within {
	border-color: rgba(255, 11, 139, 0.7) !important;
	box-shadow:
		0 0 0 3px rgba(255, 11, 139, 0.14),
		inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
}

/* Fallback if JS wrapper not yet applied */
html body .g6m-resAdd input[type="file"][name="upload"]:not(.g6m-filePick input),
html body .g6m-resAdd .formRow input[type="file"][name="upload"]:not(.g6m-filePick input) {
	display: block !important;
	width: 100% !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	border-radius: 12px !important;
	border: 1px solid rgba(141, 56, 255, 0.35) !important;
	background: linear-gradient(180deg, rgba(22, 18, 36, 0.95), rgba(12, 10, 22, 0.98)) !important;
	color: rgba(230, 226, 245, 0.92) !important;
	font-size: 0.88rem !important;
	line-height: 40px !important;
	cursor: pointer !important;
	overflow: hidden !important;
}

html {
	--g6m-res-file-center: V213f;
}

/* ==== g6m-resource-add-pro-v188.css ==== */
/* G6M_RESOURCE_ADD_PRO_V188
   Premium Vice City / Neon redesign for XFRM add + edit resource pages.
   Scope: body[data-template="xfrm_category_add_resource|xfrm_resource_edit"] only.
   No core edits — style overrides + this CSS + native JS companion.
*/

/* ── Tokens ─────────────────────────────────────────────────────────────── */
.g6m-resAdd {
	--g6m-pink: #ff0b8b;
	--g6m-violet: #8d38ff;
	--g6m-ink: #0a0712;
	--g6m-panel: #141019;
	--g6m-input: #1b1628;
	--g6m-text: #ffffff;
	--g6m-muted: rgba(210, 205, 230, 0.72);
	--g6m-border: rgba(141, 56, 255, 0.38);
	--g6m-radius: 20px;
	--g6m-radius-sm: 14px;
	--g6m-ease: 250ms ease;
}

@keyframes g6mResFadeUp {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes g6mResGlow {
	0%, 100% { box-shadow: 0 0 18px rgba(255, 11, 139, 0.18), 0 0 32px rgba(141, 56, 255, 0.12); }
	50% { box-shadow: 0 0 24px rgba(255, 11, 139, 0.28), 0 0 40px rgba(141, 56, 255, 0.2); }
}

/* ── Page shell ─────────────────────────────────────────────────────────── */
html body[data-template="xfrm_category_add_resource"] .p-body-header,
html body[data-template="xfrm_resource_edit"] .p-body-header {
	display: none !important;
}

html body[data-template="xfrm_category_add_resource"] .p-body-inner,
html body[data-template="xfrm_resource_edit"] .p-body-inner {
	max-width: 1400px !important;
	width: calc(100% - 24px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	padding: clamp(12px, 2vw, 28px) 0 2.5rem !important;
}

html body[data-template="xfrm_category_add_resource"] .p-body-main,
html body[data-template="xfrm_resource_edit"] .p-body-main,
html body[data-template="xfrm_category_add_resource"] .p-body-content,
html body[data-template="xfrm_resource_edit"] .p-body-content,
html body[data-template="xfrm_category_add_resource"] .p-body-pageContent,
html body[data-template="xfrm_resource_edit"] .p-body-pageContent {
	max-width: 1400px !important;
	width: 100% !important;
	float: none !important;
	margin: 0 auto !important;
}

html body[data-template="xfrm_category_add_resource"] .p-body-sidebar,
html body[data-template="xfrm_resource_edit"] .p-body-sidebar {
	display: none !important;
}

/* ── Hero ───────────────────────────────────────────────────────────────── */
.g6m-resAdd-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.25rem;
	margin: 0 0 1.35rem;
	padding: 0.25rem 0.35rem 1.1rem;
	animation: g6mResFadeUp 0.45s ease both;
}

.g6m-resAdd-heroIcon {
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.35rem;
	color: #fff;
	background: linear-gradient(135deg, rgba(255, 11, 139, 0.35), rgba(141, 56, 255, 0.4));
	border: 1px solid rgba(255, 11, 139, 0.45);
	box-shadow: 0 0 22px rgba(255, 11, 139, 0.22);
	flex: 0 0 auto;
}

.g6m-resAdd-heroText {
	flex: 1 1 220px;
	min-width: 0;
}

.g6m-resAdd-title {
	margin: 0;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif;
	font-size: clamp(1.65rem, 3vw, 2.15rem);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.15;
	color: #fff;
	text-transform: none;
}

.g6m-resAdd-subtitle {
	margin: 0.35rem 0 0;
	color: var(--g6m-muted);
	font-size: 0.98rem;
	line-height: 1.45;
	max-width: 42rem;
}

.g6m-resAdd-heroLine {
	flex: 1 0 100%;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--g6m-pink), var(--g6m-violet), transparent 92%);
	box-shadow: 0 0 14px rgba(255, 11, 139, 0.35);
}

/* ── Main glass card ────────────────────────────────────────────────────── */
.g6m-resAdd-card.block-container,
html body[data-template="xfrm_category_add_resource"] .g6m-resAdd-card.block-container,
html body[data-template="xfrm_resource_edit"] .g6m-resAdd-card.block-container {
	max-width: 1400px !important;
	margin: 0 auto !important;
	padding: clamp(1.1rem, 2.2vw, 1.85rem) !important;
	border-radius: var(--g6m-radius) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background:
		linear-gradient(165deg, rgba(22, 14, 36, 0.78), rgba(8, 6, 14, 0.88)),
		radial-gradient(ellipse 80% 50% at 10% 0%, rgba(141, 56, 255, 0.14), transparent 55%) !important;
	box-shadow:
		0 28px 64px rgba(0, 0, 0, 0.55),
		0 0 0 1px rgba(141, 56, 255, 0.16),
		0 0 48px rgba(141, 56, 255, 0.12),
		0 0 36px rgba(255, 11, 139, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
	backdrop-filter: blur(16px) saturate(1.08) !important;
	-webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
	overflow: visible !important;
	animation: g6mResFadeUp 0.5s ease 0.05s both;
}

.g6m-resAdd-body.block-body {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 1.15rem;
}

/* ── Sections ───────────────────────────────────────────────────────────── */
.g6m-resAdd-section {
	border-radius: 16px;
	border: 1px solid rgba(141, 56, 255, 0.18);
	background: linear-gradient(180deg, rgba(27, 22, 40, 0.72), rgba(16, 12, 26, 0.62));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	padding: 1rem 1.05rem 0.35rem;
	animation: g6mResFadeUp 0.45s ease both;
}

.g6m-resAdd-section[data-section="download"] { animation-delay: 0.04s; }
.g6m-resAdd-section[data-section="description"] { animation-delay: 0.08s; }
.g6m-resAdd-section[data-section="links"] { animation-delay: 0.12s; }
.g6m-resAdd-section[data-section="image"] { animation-delay: 0.16s; }

.g6m-resAdd-sectionHead {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	margin: 0 0 0.85rem;
	padding: 0 0.15rem 0.75rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.g6m-resAdd-sectionIcon {
	width: 2.1rem;
	height: 2.1rem;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: rgba(141, 56, 255, 0.22);
	border: 1px solid rgba(141, 56, 255, 0.35);
	font-size: 0.95rem;
	flex: 0 0 auto;
}

.g6m-resAdd-sectionTitle {
	margin: 0;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif;
	font-size: 1.12rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
}

.g6m-resAdd-sectionBody {
	padding-bottom: 0.55rem;
}

.g6m-resAdd .formRowSep {
	display: none !important;
}

/* ── Form rows / labels ─────────────────────────────────────────────────── */
.g6m-resAdd .formRow > dt,
.g6m-resAdd .formRow-label,
.g6m-resAdd .formRow dt {
	color: rgba(236, 232, 255, 0.92) !important;
	font-weight: 600 !important;
	font-size: 0.9rem !important;
}

.g6m-resAdd .formRow-explain,
.g6m-resAdd .formRow dd .formHint,
.g6m-resAdd .formRow-hint {
	color: var(--g6m-muted) !important;
}

/* Version tag icon via ::before on label */
.g6m-resAdd-versionRow > dt::before,
.g6m-resAdd .formRow:has(input[name="version_string"]) > dt::before {
	content: "\f02b";
	font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome;
	font-weight: 900;
	margin-right: 0.4rem;
	color: var(--g6m-pink);
	opacity: 0.9;
}

/* ── Inputs ─────────────────────────────────────────────────────────────── */
.g6m-resAdd .input,
.g6m-resAdd .textarea,
.g6m-resAdd input[type="text"],
.g6m-resAdd input[type="url"],
.g6m-resAdd input[type="number"],
.g6m-resAdd input[type="email"],
.g6m-resAdd input[type="search"],
.g6m-resAdd select,
.g6m-resAdd .inputGroup .input,
.g6m-resAdd .tokeninput,
.g6m-resAdd .select2-container .select2-choice,
.g6m-resAdd .select2-container-multi .select2-choices {
	background: var(--g6m-input) !important;
	border: 1px solid var(--g6m-border) !important;
	border-radius: var(--g6m-radius-sm) !important;
	color: var(--g6m-text) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
	transition: border-color var(--g6m-ease), box-shadow var(--g6m-ease), background var(--g6m-ease) !important;
	min-height: 2.7rem !important;
}

.g6m-resAdd .input:hover,
.g6m-resAdd input[type="text"]:hover,
.g6m-resAdd input[type="url"]:hover,
.g6m-resAdd select:hover {
	border-color: rgba(141, 56, 255, 0.7) !important;
	box-shadow: 0 0 0 3px rgba(141, 56, 255, 0.12), inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
}

.g6m-resAdd .input:focus,
.g6m-resAdd .textarea:focus,
.g6m-resAdd input[type="text"]:focus,
.g6m-resAdd input[type="url"]:focus,
.g6m-resAdd input[type="number"]:focus,
.g6m-resAdd select:focus {
	border-color: var(--g6m-pink) !important;
	box-shadow:
		0 0 0 3px rgba(255, 11, 139, 0.18),
		0 0 18px rgba(255, 11, 139, 0.16),
		inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
	outline: none !important;
}

.g6m-resAdd .input::placeholder,
.g6m-resAdd .textarea::placeholder,
.g6m-resAdd input::placeholder {
	color: rgba(180, 175, 205, 0.78) !important;
	opacity: 1 !important;
}

/* URL icon slot */
.g6m-resAdd .g6m-urlField {
	position: relative;
}

.g6m-resAdd .g6m-urlField .input,
.g6m-resAdd .g6m-urlField input[type="text"],
.g6m-resAdd .g6m-urlField input[type="url"] {
	padding-left: 2.55rem !important;
}

.g6m-resAdd .g6m-urlIcon {
	position: absolute;
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.75);
	pointer-events: none;
	z-index: 2;
}

/* ── Type radios → cards ────────────────────────────────────────────────── */
.g6m-resAdd .formRow[data-xf-init*="attachment-manager"] .inputChoices,
.g6m-resAdd .inputChoices.g6m-typeCards {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 0.85rem;
	list-style: none;
	margin: 0;
	padding: 0.15rem 0 0.5rem;
}

.g6m-resAdd .inputChoices > li,
.g6m-resAdd .inputChoices-choice {
	margin: 0 !important;
	padding: 0 !important;
}

.g6m-resAdd .inputChoices > li > label,
.g6m-resAdd .inputChoices-choice > label,
.g6m-resAdd .iconic--radio {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	gap: 0.35rem;
	min-height: 7.5rem;
	padding: 1rem 1.05rem 0.95rem !important;
	border-radius: 14px !important;
	border: 1px solid rgba(141, 56, 255, 0.28) !important;
	background: rgba(12, 9, 20, 0.72) !important;
	cursor: pointer;
	transition: border-color var(--g6m-ease), box-shadow var(--g6m-ease), transform var(--g6m-ease), background var(--g6m-ease);
}

.g6m-resAdd .inputChoices > li > label:hover,
.g6m-resAdd .inputChoices-choice > label:hover {
	border-color: rgba(141, 56, 255, 0.65) !important;
	box-shadow: 0 0 0 3px rgba(141, 56, 255, 0.12), 0 10px 24px rgba(0, 0, 0, 0.28);
	transform: translateY(-2px);
}

.g6m-resAdd .inputChoices > li.is-selected > label,
.g6m-resAdd .inputChoices > li:has(input:checked) > label,
.g6m-resAdd .inputChoices-choice:has(input:checked) > label {
	border-color: var(--g6m-pink) !important;
	background: linear-gradient(160deg, rgba(255, 11, 139, 0.14), rgba(141, 56, 255, 0.16)) !important;
	box-shadow:
		0 0 0 2px rgba(255, 11, 139, 0.22),
		0 0 24px rgba(255, 11, 139, 0.14),
		0 12px 28px rgba(0, 0, 0, 0.3);
}

.g6m-resAdd .g6m-typeCardTitle {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-family: Rajdhani, Inter, sans-serif;
	font-weight: 700;
	font-size: 1.05rem;
	letter-spacing: 0.03em;
	color: #fff;
}

.g6m-resAdd .g6m-typeCardDesc {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.4;
	color: var(--g6m-muted);
}

.g6m-resAdd .inputChoices .inputChoices-spacer,
.g6m-resAdd .inputChoices .formRow {
	margin-top: 0.55rem !important;
}

/* ── Drop zone (enhances XF attach button) ──────────────────────────────── */
.g6m-resAdd .g6m-dropZone {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 168px;
	padding: 1.35rem 1.1rem;
	margin: 0.35rem 0 0.75rem;
	border-radius: 16px;
	border: 1.5px dashed rgba(141, 56, 255, 0.45);
	background:
		linear-gradient(180deg, rgba(27, 22, 40, 0.55), rgba(12, 9, 20, 0.7)),
		radial-gradient(ellipse 60% 50% at 50% 0%, rgba(141, 56, 255, 0.12), transparent 70%);
	text-align: center;
	transition: border-color var(--g6m-ease), box-shadow var(--g6m-ease), background var(--g6m-ease);
	cursor: pointer;
}

.g6m-resAdd .g6m-dropZone:hover,
.g6m-resAdd .g6m-dropZone.is-hover {
	border-color: rgba(255, 11, 139, 0.75);
	box-shadow: 0 0 0 3px rgba(255, 11, 139, 0.12), 0 0 28px rgba(255, 11, 139, 0.14);
}

.g6m-resAdd .g6m-dropZone.is-dragover {
	border-color: var(--g6m-pink);
	border-style: solid;
	animation: g6mResGlow 1.4s ease infinite;
	background: linear-gradient(180deg, rgba(255, 11, 139, 0.12), rgba(141, 56, 255, 0.14));
}

.g6m-resAdd .g6m-dropZone-icon {
	font-size: 2rem;
	color: #fff;
	filter: drop-shadow(0 0 12px rgba(255, 11, 139, 0.35));
	margin-bottom: 0.15rem;
}

.g6m-resAdd .g6m-dropZone-title {
	margin: 0;
	font-family: Rajdhani, Inter, sans-serif;
	font-size: 1.15rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.03em;
}

.g6m-resAdd .g6m-dropZone-or {
	margin: 0;
	font-size: 0.85rem;
	color: var(--g6m-muted);
}

.g6m-resAdd .g6m-dropZone-browse {
	color: var(--g6m-pink);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.g6m-resAdd .g6m-dropZone-meta {
	margin: 0.55rem 0 0;
	font-size: 0.78rem;
	line-height: 1.45;
	color: rgba(200, 195, 220, 0.78);
	max-width: 36rem;
}

.g6m-resAdd .g6m-dropZone-formats {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.35rem;
	margin-top: 0.55rem;
}

.g6m-resAdd .g6m-dropZone-chip {
	display: inline-flex;
	padding: 0.18rem 0.5rem;
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.88);
	background: rgba(141, 56, 255, 0.22);
	border: 1px solid rgba(141, 56, 255, 0.35);
}

.g6m-resAdd .g6m-dropZone .js-attachmentUpload,
.g6m-resAdd .g6m-dropZone .button.js-attachmentUpload {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0 !important;
	cursor: pointer !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	z-index: 3 !important;
}

/* Attachment file list polish */
.g6m-resAdd .attachmentUploads,
.g6m-resAdd .js-attachmentUploads {
	background: rgba(12, 9, 20, 0.55) !important;
	border: 1px solid rgba(141, 56, 255, 0.22) !important;
	border-radius: 14px !important;
	padding: 0.65rem !important;
	margin-bottom: 0.65rem !important;
}

.g6m-resAdd .attachUploadList .file,
.g6m-resAdd .js-attachmentFiles .file {
	border-radius: 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: rgba(27, 22, 40, 0.85) !important;
	overflow: hidden;
}

.g6m-resAdd .file-progress.js-attachmentProgress,
.g6m-resAdd .js-attachmentProgress {
	background: linear-gradient(90deg, var(--g6m-pink), var(--g6m-violet)) !important;
	border-radius: 4px;
	height: 6px !important;
}

.g6m-resAdd .file-name {
	color: #fff !important;
	font-weight: 600 !important;
}

.g6m-resAdd .file-meta {
	color: var(--g6m-muted) !important;
}

/* ── Description editor ─────────────────────────────────────────────────── */
.g6m-resAdd .fr-box,
.g6m-resAdd .redactor-box {
	border-radius: var(--g6m-radius-sm) !important;
	overflow: hidden !important;
	border: 1px solid rgba(141, 56, 255, 0.3) !important;
	background: var(--g6m-panel) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.g6m-resAdd .fr-toolbar,
.g6m-resAdd .redactor-toolbar {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
	border-radius: 0 !important;
	padding: 0.35rem 0.4rem !important;
}

.g6m-resAdd .fr-toolbar .fr-btn,
.g6m-resAdd .fr-toolbar button,
.g6m-resAdd .redactor-toolbar a {
	color: rgba(255, 255, 255, 0.88) !important;
	border-radius: 8px !important;
	transition: background var(--g6m-ease), color var(--g6m-ease) !important;
}

.g6m-resAdd .fr-toolbar .fr-btn:hover,
.g6m-resAdd .fr-toolbar button:hover,
.g6m-resAdd .redactor-toolbar a:hover {
	background: rgba(141, 56, 255, 0.28) !important;
	color: #fff !important;
}

.g6m-resAdd .fr-wrapper,
.g6m-resAdd .fr-element,
.g6m-resAdd .redactor-editor,
.g6m-resAdd .bbWrapper {
	background: var(--g6m-panel) !important;
	color: #fff !important;
	border: 0 !important;
	min-height: 350px !important;
	padding: 0.95rem 1.05rem !important;
}

.g6m-resAdd .fr-second-toolbar {
	background: rgba(10, 8, 16, 0.7) !important;
	border-color: rgba(255, 255, 255, 0.06) !important;
}

/* ── Icon upload / image section ────────────────────────────────────────── */
.g6m-resAdd .g6m-iconDrop {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 1rem;
	align-items: center;
	padding: 1rem;
	border-radius: 16px;
	border: 1.5px dashed rgba(141, 56, 255, 0.4);
	background: rgba(12, 9, 20, 0.55);
	transition: border-color var(--g6m-ease), box-shadow var(--g6m-ease);
}

.g6m-resAdd .g6m-iconDrop.is-dragover {
	border-color: var(--g6m-pink);
	box-shadow: 0 0 0 3px rgba(255, 11, 139, 0.14);
}

.g6m-resAdd .g6m-iconPreview {
	width: 120px;
	height: 120px;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: #0d0a14;
	display: flex;
	align-items: center;
	justify-content: center;
}

.g6m-resAdd .g6m-iconPreview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.g6m-resAdd .contentRow-figureIcon,
.g6m-resAdd .contentRow-figureIcon img,
.g6m-resAdd .resourceIcon img {
	border-radius: 14px !important;
}

.g6m-resAdd input[type="file"] {
	color: var(--g6m-muted) !important;
}

/* ── Submit / Publish CTA ───────────────────────────────────────────────── */
.g6m-resAdd .g6m-resAdd-submitRow,
.g6m-resAdd .formSubmitRow {
	background: transparent !important;
	border: 0 !important;
	margin-top: 0.75rem !important;
	padding-top: 0.35rem !important;
}

.g6m-resAdd .formSubmitRow-controls,
.g6m-resAdd .g6m-resAdd-submitRow .formSubmitRow-controls {
	text-align: center !important;
	padding: 0.5rem 0 0.15rem !important;
}

.g6m-resAdd .formSubmitRow .button,
.g6m-resAdd .g6m-resAdd-submitRow .button,
.g6m-resAdd .formSubmitRow button[type="submit"] {
	min-width: 100%; max-width: 420px !important;
	min-height: 3.35rem !important;
	padding: 0.85rem 1.6rem !important;
	border: 0 !important;
	border-radius: 14px !important;
	font-family: Rajdhani, Inter, sans-serif !important;
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #fff !important;
	background: linear-gradient(115deg, var(--g6m-pink) 0%, #c23bff 48%, var(--g6m-violet) 100%) !important;
	box-shadow:
		0 10px 28px rgba(255, 11, 139, 0.28),
		0 0 0 1px rgba(255, 255, 255, 0.08) inset,
		0 0 32px rgba(141, 56, 255, 0.18) !important;
	transition: transform var(--g6m-ease), box-shadow var(--g6m-ease), filter var(--g6m-ease) !important;
}

.g6m-resAdd .formSubmitRow .button:hover,
.g6m-resAdd .g6m-resAdd-submitRow .button:hover,
.g6m-resAdd .formSubmitRow button[type="submit"]:hover {
	transform: translateY(-3px) !important;
	filter: brightness(1.06);
	box-shadow:
		0 16px 36px rgba(255, 11, 139, 0.36),
		0 0 0 1px rgba(255, 255, 255, 0.1) inset,
		0 0 44px rgba(141, 56, 255, 0.28) !important;
}

.g6m-resAdd .formSubmitRow .button:focus-visible,
.g6m-resAdd .formSubmitRow button[type="submit"]:focus-visible {
	outline: 2px solid #fff !important;
	outline-offset: 3px !important;
}

.g6m-resAdd .formSubmitRow.is-sticky .formSubmitRow-bar {
	background: rgba(10, 7, 18, 0.92) !important;
	border-top: 1px solid rgba(141, 56, 255, 0.25) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

/* ── Errors / a11y ──────────────────────────────────────────────────────── */
.g6m-resAdd .formRow .error,
.g6m-resAdd .blockStatus--error,
.g6m-resAdd .overlay-title.is-error,
.g6m-resAdd .blockMessage--error {
	color: #ffb4d6 !important;
	border-color: rgba(255, 11, 139, 0.45) !important;
	background: rgba(255, 11, 139, 0.1) !important;
}

.g6m-resAdd :focus-visible {
	outline: 2px solid var(--g6m-pink);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.g6m-resAdd,
	.g6m-resAdd * {
		animation: none !important;
		transition: none !important;
	}
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
	.g6m-resAdd .formRow {
		display: block !important;
	}

	.g6m-resAdd .formRow > dt,
	.g6m-resAdd .formRow > dd {
		width: 100% !important;
		max-width: 100% !important;
		text-align: left !important;
		padding: 0.35rem 0 !important;
	}

	.g6m-resAdd .inputChoices,
	.g6m-resAdd .inputChoices.g6m-typeCards {
		grid-template-columns: 1fr !important;
	}

	.g6m-resAdd .g6m-iconDrop {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}
}

@media (max-width: 639px) {
	html body[data-template="xfrm_category_add_resource"] .p-body-inner,
	html body[data-template="xfrm_resource_edit"] .p-body-inner {
		width: calc(100% - 12px) !important;
		padding: 8px 0 1.5rem !important;
	}

	.g6m-resAdd-card.block-container {
		padding: 0.85rem !important;
		border-radius: 16px !important;
	}

	.g6m-resAdd-section {
		padding: 0.85rem 0.75rem 0.25rem;
	}

	.g6m-resAdd .formSubmitRow .button,
	.g6m-resAdd .g6m-resAdd-submitRow .button {
		min-width: 100% !important;
		letter-spacing: 0.05em !important;
		font-size: 1.02rem !important;
	}
}

/* END G6M_RESOURCE_ADD_PRO_V188 */

/* ==== g6m-resource-add-pro-v194.css ==== */
/* G6M_RESOURCE_ADD_PRO_V194
   Premium Vice City / Neon redesign for XFRM add + edit resource pages.
   Fixes: orphan category title ("Gameplay"), FR translations, oversized type,
   icon upload layout bugs. Scope: add/edit templates only.
*/

/* ── Tokens ─────────────────────────────────────────────────────────────── */
.g6m-resAdd {
	--g6m-pink: #ff0b8b;
	--g6m-violet: #8d38ff;
	--g6m-ink: #0a0712;
	--g6m-panel: #141019;
	--g6m-input: #1b1628;
	--g6m-text: #ffffff;
	--g6m-muted: rgba(210, 205, 230, 0.72);
	--g6m-border: rgba(141, 56, 255, 0.38);
	--g6m-radius: 18px;
	--g6m-radius-sm: 12px;
	--g6m-ease: 250ms ease;
}

@keyframes g6mResFadeUp {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes g6mResGlow {
	0%, 100% { box-shadow: 0 0 18px rgba(255, 11, 139, 0.18), 0 0 32px rgba(141, 56, 255, 0.12); }
	50% { box-shadow: 0 0 24px rgba(255, 11, 139, 0.28), 0 0 40px rgba(141, 56, 255, 0.2); }
}

/* ── Page shell + kill orphan "Gameplay" title / breadcrumbs ─────────────── */
html body[data-template="xfrm_category_add_resource"] .p-body-header,
html body[data-template="xfrm_resource_edit"] .p-body-header,
html body[data-template="xfrm_category_add_resource"] .p-breadcrumbs,
html body[data-template="xfrm_resource_edit"] .p-breadcrumbs,
html body[data-template="xfrm_category_add_resource"] .p-title,
html body[data-template="xfrm_resource_edit"] .p-title,
html body[data-template="xfrm_category_add_resource"] .p-description,
html body[data-template="xfrm_resource_edit"] .p-description,
html body[data-template="xfrm_category_add_resource"] .p-body-header .p-title-value,
html body[data-template="xfrm_resource_edit"] .p-body-header .p-title-value {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

html body[data-template="xfrm_category_add_resource"] .p-body-inner,
html body[data-template="xfrm_resource_edit"] .p-body-inner {
	max-width: 1400px !important;
	width: calc(100% - 24px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	padding: clamp(12px, 2vw, 28px) 0 2.5rem !important;
}

html body[data-template="xfrm_category_add_resource"] .p-body-main,
html body[data-template="xfrm_resource_edit"] .p-body-main,
html body[data-template="xfrm_category_add_resource"] .p-body-content,
html body[data-template="xfrm_resource_edit"] .p-body-content,
html body[data-template="xfrm_category_add_resource"] .p-body-pageContent,
html body[data-template="xfrm_resource_edit"] .p-body-pageContent {
	max-width: 1400px !important;
	width: 100% !important;
	float: none !important;
	margin: 0 auto !important;
}

html body[data-template="xfrm_category_add_resource"] .p-body-sidebar,
html body[data-template="xfrm_resource_edit"] .p-body-sidebar {
	display: none !important;
}

/* ── Hero ───────────────────────────────────────────────────────────────── */
.g6m-resAdd-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.25rem;
	margin: 0 0 1.35rem;
	padding: 0.25rem 0.35rem 1.1rem;
	animation: g6mResFadeUp 0.45s ease both;
}

.g6m-resAdd-heroIcon {
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.35rem;
	color: #fff;
	background: linear-gradient(135deg, rgba(255, 11, 139, 0.35), rgba(141, 56, 255, 0.4));
	border: 1px solid rgba(255, 11, 139, 0.45);
	box-shadow: 0 0 22px rgba(255, 11, 139, 0.22);
	flex: 0 0 auto;
}

.g6m-resAdd-heroText {
	flex: 1 1 220px;
	min-width: 0;
}

.g6m-resAdd-title {
	margin: 0;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif;
	font-size: clamp(1.35rem, 2.4vw, 1.75rem);
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.2;
	color: #fff;
	text-transform: none;
}

.g6m-resAdd-subtitle {
	margin: 0.3rem 0 0;
	color: var(--g6m-muted);
	font-size: 0.9rem;
	line-height: 1.45;
	max-width: 40rem;
}

.g6m-resAdd-catChip {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0 0 0.45rem;
	padding: 0.22rem 0.7rem;
	border-radius: 999px;
	border: 1px solid rgba(141, 56, 255, 0.4);
	background: rgba(141, 56, 255, 0.14);
	color: #e8dfff;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.2;
}

.g6m-resAdd-catChip .fa--xf {
	opacity: 0.9;
	font-size: 0.85em;
}

.g6m-resAdd-heroLine {
	flex: 1 0 100%;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--g6m-pink), var(--g6m-violet), transparent 92%);
	box-shadow: 0 0 14px rgba(255, 11, 139, 0.35);
}

/* ── Main glass card ────────────────────────────────────────────────────── */
.g6m-resAdd-card.block-container,
html body[data-template="xfrm_category_add_resource"] .g6m-resAdd-card.block-container,
html body[data-template="xfrm_resource_edit"] .g6m-resAdd-card.block-container {
	max-width: 1400px !important;
	margin: 0 auto !important;
	padding: clamp(1.1rem, 2.2vw, 1.85rem) !important;
	border-radius: var(--g6m-radius) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background:
		linear-gradient(165deg, rgba(22, 14, 36, 0.78), rgba(8, 6, 14, 0.88)),
		radial-gradient(ellipse 80% 50% at 10% 0%, rgba(141, 56, 255, 0.14), transparent 55%) !important;
	box-shadow:
		0 28px 64px rgba(0, 0, 0, 0.55),
		0 0 0 1px rgba(141, 56, 255, 0.16),
		0 0 48px rgba(141, 56, 255, 0.12),
		0 0 36px rgba(255, 11, 139, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
	backdrop-filter: blur(16px) saturate(1.08) !important;
	-webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
	overflow: visible !important;
	animation: g6mResFadeUp 0.5s ease 0.05s both;
}

.g6m-resAdd-body.block-body {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 1.15rem;
}

/* ── Sections ───────────────────────────────────────────────────────────── */
.g6m-resAdd-section {
	border-radius: 16px;
	border: 1px solid rgba(141, 56, 255, 0.18);
	background: linear-gradient(180deg, rgba(27, 22, 40, 0.72), rgba(16, 12, 26, 0.62));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	padding: 1rem 1.05rem 0.35rem;
	animation: g6mResFadeUp 0.45s ease both;
}

.g6m-resAdd-section[data-section="download"] { animation-delay: 0.04s; }
.g6m-resAdd-section[data-section="description"] { animation-delay: 0.08s; }
.g6m-resAdd-section[data-section="links"] { animation-delay: 0.12s; }
.g6m-resAdd-section[data-section="image"] { animation-delay: 0.16s; }

.g6m-resAdd-sectionHead {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	margin: 0 0 0.85rem;
	padding: 0 0.15rem 0.75rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.g6m-resAdd-sectionIcon {
	width: 2.1rem;
	height: 2.1rem;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: rgba(141, 56, 255, 0.22);
	border: 1px solid rgba(141, 56, 255, 0.35);
	font-size: 0.95rem;
	flex: 0 0 auto;
}

.g6m-resAdd-sectionTitle {
	margin: 0;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #fff;
}

.g6m-resAdd-sectionBody {
	padding-bottom: 0.55rem;
}

.g6m-resAdd .formRowSep {
	display: none !important;
}

/* ── Form rows / labels ─────────────────────────────────────────────────── */
.g6m-resAdd .formRow > dt,
.g6m-resAdd .formRow-label,
.g6m-resAdd .formRow dt {
	color: rgba(236, 232, 255, 0.9) !important;
	font-weight: 600 !important;
	font-size: 0.82rem !important;
	line-height: 1.35 !important;
}

.g6m-resAdd .formRow-explain,
.g6m-resAdd .formRow dd .formHint,
.g6m-resAdd .formRow-hint {
	color: var(--g6m-muted) !important;
	font-size: 0.78rem !important;
	line-height: 1.4 !important;
}

/* Soft version accent — no broken FA glyph */
.g6m-resAdd-versionRow > dt::before,
.g6m-resAdd .formRow:has(input[name="version_string"]) > dt::before {
	content: "" !important;
	display: none !important;
}

/* ── Inputs ─────────────────────────────────────────────────────────────── */
.g6m-resAdd .input,
.g6m-resAdd .textarea,
.g6m-resAdd input[type="text"],
.g6m-resAdd input[type="url"],
.g6m-resAdd input[type="number"],
.g6m-resAdd input[type="email"],
.g6m-resAdd input[type="search"],
.g6m-resAdd select,
.g6m-resAdd .inputGroup .input,
.g6m-resAdd .tokeninput,
.g6m-resAdd .select2-container .select2-choice,
.g6m-resAdd .select2-container-multi .select2-choices {
	background: var(--g6m-input) !important;
	border: 1px solid var(--g6m-border) !important;
	border-radius: var(--g6m-radius-sm) !important;
	color: var(--g6m-text) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
	transition: border-color var(--g6m-ease), box-shadow var(--g6m-ease), background var(--g6m-ease) !important;
	min-height: 2.7rem !important;
}

.g6m-resAdd .input:hover,
.g6m-resAdd input[type="text"]:hover,
.g6m-resAdd input[type="url"]:hover,
.g6m-resAdd select:hover {
	border-color: rgba(141, 56, 255, 0.7) !important;
	box-shadow: 0 0 0 3px rgba(141, 56, 255, 0.12), inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
}

.g6m-resAdd .input:focus,
.g6m-resAdd .textarea:focus,
.g6m-resAdd input[type="text"]:focus,
.g6m-resAdd input[type="url"]:focus,
.g6m-resAdd input[type="number"]:focus,
.g6m-resAdd select:focus {
	border-color: var(--g6m-pink) !important;
	box-shadow:
		0 0 0 3px rgba(255, 11, 139, 0.18),
		0 0 18px rgba(255, 11, 139, 0.16),
		inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
	outline: none !important;
}

.g6m-resAdd .input::placeholder,
.g6m-resAdd .textarea::placeholder,
.g6m-resAdd input::placeholder {
	color: rgba(180, 175, 205, 0.78) !important;
	opacity: 1 !important;
}

/* URL icon slot */
.g6m-resAdd .g6m-urlField {
	position: relative;
}

.g6m-resAdd .g6m-urlField .input,
.g6m-resAdd .g6m-urlField input[type="text"],
.g6m-resAdd .g6m-urlField input[type="url"] {
	padding-left: 2.55rem !important;
}

.g6m-resAdd .g6m-urlIcon {
	position: absolute;
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.75);
	pointer-events: none;
	z-index: 2;
}

/* ── Type radios → cards ────────────────────────────────────────────────── */
.g6m-resAdd .formRow[data-xf-init*="attachment-manager"] .inputChoices,
.g6m-resAdd .inputChoices.g6m-typeCards {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 0.85rem;
	list-style: none;
	margin: 0;
	padding: 0.15rem 0 0.5rem;
}

.g6m-resAdd .inputChoices > li,
.g6m-resAdd .inputChoices-choice {
	margin: 0 !important;
	padding: 0 !important;
}

.g6m-resAdd .inputChoices > li > label,
.g6m-resAdd .inputChoices-choice > label,
.g6m-resAdd .iconic--radio {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	gap: 0.35rem;
	min-height: 7.5rem;
	padding: 1rem 1.05rem 0.95rem !important;
	border-radius: 14px !important;
	border: 1px solid rgba(141, 56, 255, 0.28) !important;
	background: rgba(12, 9, 20, 0.72) !important;
	cursor: pointer;
	transition: border-color var(--g6m-ease), box-shadow var(--g6m-ease), transform var(--g6m-ease), background var(--g6m-ease);
}

.g6m-resAdd .inputChoices > li > label:hover,
.g6m-resAdd .inputChoices-choice > label:hover {
	border-color: rgba(141, 56, 255, 0.65) !important;
	box-shadow: 0 0 0 3px rgba(141, 56, 255, 0.12), 0 10px 24px rgba(0, 0, 0, 0.28);
	transform: translateY(-2px);
}

.g6m-resAdd .inputChoices > li.is-selected > label,
.g6m-resAdd .inputChoices > li:has(input:checked) > label,
.g6m-resAdd .inputChoices-choice:has(input:checked) > label {
	border-color: var(--g6m-pink) !important;
	background: linear-gradient(160deg, rgba(255, 11, 139, 0.14), rgba(141, 56, 255, 0.16)) !important;
	box-shadow:
		0 0 0 2px rgba(255, 11, 139, 0.22),
		0 0 24px rgba(255, 11, 139, 0.14),
		0 12px 28px rgba(0, 0, 0, 0.3);
}

.g6m-resAdd .g6m-typeCardTitle {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	font-family: Rajdhani, Inter, sans-serif;
	font-weight: 700;
	font-size: 0.95rem;
	letter-spacing: 0.03em;
	color: #fff;
}

.g6m-resAdd .g6m-typeCardDesc {
	margin: 0;
	font-size: 0.78rem;
	line-height: 1.4;
	color: var(--g6m-muted);
}

.g6m-resAdd .inputChoices .inputChoices-spacer,
.g6m-resAdd .inputChoices .formRow {
	margin-top: 0.55rem !important;
}

/* ── Drop zone (enhances XF attach button) ──────────────────────────────── */
.g6m-resAdd .g6m-dropZone {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 168px;
	padding: 1.35rem 1.1rem;
	margin: 0.35rem 0 0.75rem;
	border-radius: 16px;
	border: 1.5px dashed rgba(141, 56, 255, 0.45);
	background:
		linear-gradient(180deg, rgba(27, 22, 40, 0.55), rgba(12, 9, 20, 0.7)),
		radial-gradient(ellipse 60% 50% at 50% 0%, rgba(141, 56, 255, 0.12), transparent 70%);
	text-align: center;
	transition: border-color var(--g6m-ease), box-shadow var(--g6m-ease), background var(--g6m-ease);
	cursor: pointer;
}

.g6m-resAdd .g6m-dropZone:hover,
.g6m-resAdd .g6m-dropZone.is-hover {
	border-color: rgba(255, 11, 139, 0.75);
	box-shadow: 0 0 0 3px rgba(255, 11, 139, 0.12), 0 0 28px rgba(255, 11, 139, 0.14);
}

.g6m-resAdd .g6m-dropZone.is-dragover {
	border-color: var(--g6m-pink);
	border-style: solid;
	animation: g6mResGlow 1.4s ease infinite;
	background: linear-gradient(180deg, rgba(255, 11, 139, 0.12), rgba(141, 56, 255, 0.14));
}

.g6m-resAdd .g6m-dropZone-icon {
	font-size: 2rem;
	color: #fff;
	filter: drop-shadow(0 0 12px rgba(255, 11, 139, 0.35));
	margin-bottom: 0.15rem;
}

.g6m-resAdd .g6m-dropZone-title {
	margin: 0;
	font-family: Rajdhani, Inter, sans-serif;
	font-size: 1.15rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.03em;
}

.g6m-resAdd .g6m-dropZone-or {
	margin: 0;
	font-size: 0.85rem;
	color: var(--g6m-muted);
}

.g6m-resAdd .g6m-dropZone-browse {
	color: var(--g6m-pink);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.g6m-resAdd .g6m-dropZone-meta {
	margin: 0.55rem 0 0;
	font-size: 0.78rem;
	line-height: 1.45;
	color: rgba(200, 195, 220, 0.78);
	max-width: 36rem;
}

.g6m-resAdd .g6m-dropZone-formats {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.35rem;
	margin-top: 0.55rem;
}

.g6m-resAdd .g6m-dropZone-chip {
	display: inline-flex;
	padding: 0.18rem 0.5rem;
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.88);
	background: rgba(141, 56, 255, 0.22);
	border: 1px solid rgba(141, 56, 255, 0.35);
}

.g6m-resAdd .g6m-dropZone .js-attachmentUpload,
.g6m-resAdd .g6m-dropZone .button.js-attachmentUpload {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0 !important;
	cursor: pointer !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	z-index: 3 !important;
}

/* Attachment file list polish */
.g6m-resAdd .attachmentUploads,
.g6m-resAdd .js-attachmentUploads {
	background: rgba(12, 9, 20, 0.55) !important;
	border: 1px solid rgba(141, 56, 255, 0.22) !important;
	border-radius: 14px !important;
	padding: 0.65rem !important;
	margin-bottom: 0.65rem !important;
}

.g6m-resAdd .attachUploadList .file,
.g6m-resAdd .js-attachmentFiles .file {
	border-radius: 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: rgba(27, 22, 40, 0.85) !important;
	overflow: hidden;
}

.g6m-resAdd .file-progress.js-attachmentProgress,
.g6m-resAdd .js-attachmentProgress {
	background: linear-gradient(90deg, var(--g6m-pink), var(--g6m-violet)) !important;
	border-radius: 4px;
	height: 6px !important;
}

.g6m-resAdd .file-name {
	color: #fff !important;
	font-weight: 600 !important;
}

.g6m-resAdd .file-meta {
	color: var(--g6m-muted) !important;
}

/* ── Description editor ─────────────────────────────────────────────────── */
.g6m-resAdd .fr-box,
.g6m-resAdd .redactor-box {
	border-radius: var(--g6m-radius-sm) !important;
	overflow: hidden !important;
	border: 1px solid rgba(141, 56, 255, 0.3) !important;
	background: var(--g6m-panel) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.g6m-resAdd .fr-toolbar,
.g6m-resAdd .redactor-toolbar {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
	border-radius: 0 !important;
	padding: 0.35rem 0.4rem !important;
}

.g6m-resAdd .fr-toolbar .fr-btn,
.g6m-resAdd .fr-toolbar button,
.g6m-resAdd .redactor-toolbar a {
	color: rgba(255, 255, 255, 0.88) !important;
	border-radius: 8px !important;
	transition: background var(--g6m-ease), color var(--g6m-ease) !important;
}

.g6m-resAdd .fr-toolbar .fr-btn:hover,
.g6m-resAdd .fr-toolbar button:hover,
.g6m-resAdd .redactor-toolbar a:hover {
	background: rgba(141, 56, 255, 0.28) !important;
	color: #fff !important;
}

.g6m-resAdd .fr-wrapper,
.g6m-resAdd .fr-element,
.g6m-resAdd .redactor-editor,
.g6m-resAdd .bbWrapper {
	background: var(--g6m-panel) !important;
	color: #fff !important;
	border: 0 !important;
	min-height: 350px !important;
	padding: 0.95rem 1.05rem !important;
}

.g6m-resAdd .fr-second-toolbar {
	background: rgba(10, 8, 16, 0.7) !important;
	border-color: rgba(255, 255, 255, 0.06) !important;
}

/* ── Icon upload / image section ────────────────────────────────────────── */
.g6m-resAdd .g6m-iconDrop {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	gap: 1rem;
	align-items: center;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 1rem;
	border-radius: 16px;
	border: 1.5px dashed rgba(141, 56, 255, 0.4);
	background: rgba(12, 9, 20, 0.55);
	transition: border-color var(--g6m-ease), box-shadow var(--g6m-ease);
	overflow: hidden;
}

.g6m-resAdd .g6m-iconDrop > div {
	min-width: 0;
	max-width: 100%;
}

.g6m-resAdd .formRow:has(input[type="file"][name="upload"]) .contentRow,
.g6m-resAdd .formRow:has(input[type="file"]) .contentRow {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0.75rem !important;
	max-width: 100% !important;
}

.g6m-resAdd .formRow:has(input[type="file"]) .contentRow-main,
.g6m-resAdd .formRow:has(input[type="file"]) .contentRow-figure {
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

.g6m-resAdd .formRow:has(input[type="file"]) .button,
.g6m-resAdd .formRow:has(input[type="file"]) input[type="file"] {
	max-width: 100% !important;
}

/* Purchase / external URL fields — never cramped inline */
.g6m-resAdd .inputChoices > li .inputGroup,
.g6m-resAdd .inputChoices > li .formRow,
.g6m-resAdd li:has(input[name="external_purchase_url"]) .inputGroup,
.g6m-resAdd input[name="external_purchase_url"],
.g6m-resAdd input[name="price"],
.g6m-resAdd input[name="currency_code"],
.g6m-resAdd select[name="currency_code"] {
	max-width: 100% !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.g6m-resAdd .inputChoices > li .inputGroup {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.5rem !important;
}

.g6m-resAdd .inputChoices > li .inputGroup .input,
.g6m-resAdd .inputChoices > li .inputGroup input,
.g6m-resAdd .inputChoices > li .inputGroup select {
	flex: 1 1 140px !important;
	min-width: 0 !important;
}

.g6m-resAdd .g6m-iconDrop.is-dragover {
	border-color: var(--g6m-pink);
	box-shadow: 0 0 0 3px rgba(255, 11, 139, 0.14);
}

.g6m-resAdd .g6m-iconPreview {
	width: 120px;
	height: 120px;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: #0d0a14;
	display: flex;
	align-items: center;
	justify-content: center;
}

.g6m-resAdd .g6m-iconPreview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.g6m-resAdd .contentRow-figureIcon,
.g6m-resAdd .contentRow-figureIcon img,
.g6m-resAdd .resourceIcon img {
	border-radius: 14px !important;
}

.g6m-resAdd input[type="file"] {
	color: var(--g6m-muted) !important;
}

/* ── Submit / Publish CTA ───────────────────────────────────────────────── */
.g6m-resAdd .g6m-resAdd-submitRow,
.g6m-resAdd .formSubmitRow {
	background: transparent !important;
	border: 0 !important;
	margin-top: 0.75rem !important;
	padding-top: 0.35rem !important;
}

.g6m-resAdd .formSubmitRow-controls,
.g6m-resAdd .g6m-resAdd-submitRow .formSubmitRow-controls {
	text-align: center !important;
	padding: 0.5rem 0 0.15rem !important;
}

.g6m-resAdd .formSubmitRow .button,
.g6m-resAdd .g6m-resAdd-submitRow .button,
.g6m-resAdd .formSubmitRow button[type="submit"] {
	min-width: 100%; max-width: 420px !important;
	min-height: 3.35rem !important;
	padding: 0.85rem 1.6rem !important;
	border: 0 !important;
	border-radius: 14px !important;
	font-family: Rajdhani, Inter, sans-serif !important;
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #fff !important;
	background: linear-gradient(115deg, var(--g6m-pink) 0%, #c23bff 48%, var(--g6m-violet) 100%) !important;
	box-shadow:
		0 10px 28px rgba(255, 11, 139, 0.28),
		0 0 0 1px rgba(255, 255, 255, 0.08) inset,
		0 0 32px rgba(141, 56, 255, 0.18) !important;
	transition: transform var(--g6m-ease), box-shadow var(--g6m-ease), filter var(--g6m-ease) !important;
}

.g6m-resAdd .formSubmitRow .button:hover,
.g6m-resAdd .g6m-resAdd-submitRow .button:hover,
.g6m-resAdd .formSubmitRow button[type="submit"]:hover {
	transform: translateY(-3px) !important;
	filter: brightness(1.06);
	box-shadow:
		0 16px 36px rgba(255, 11, 139, 0.36),
		0 0 0 1px rgba(255, 255, 255, 0.1) inset,
		0 0 44px rgba(141, 56, 255, 0.28) !important;
}

.g6m-resAdd .formSubmitRow .button:focus-visible,
.g6m-resAdd .formSubmitRow button[type="submit"]:focus-visible {
	outline: 2px solid #fff !important;
	outline-offset: 3px !important;
}

.g6m-resAdd .formSubmitRow.is-sticky .formSubmitRow-bar {
	background: rgba(10, 7, 18, 0.92) !important;
	border-top: 1px solid rgba(141, 56, 255, 0.25) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

/* ── Errors / a11y ──────────────────────────────────────────────────────── */
.g6m-resAdd .formRow .error,
.g6m-resAdd .blockStatus--error,
.g6m-resAdd .overlay-title.is-error,
.g6m-resAdd .blockMessage--error {
	color: #ffb4d6 !important;
	border-color: rgba(255, 11, 139, 0.45) !important;
	background: rgba(255, 11, 139, 0.1) !important;
}

.g6m-resAdd :focus-visible {
	outline: 2px solid var(--g6m-pink);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.g6m-resAdd,
	.g6m-resAdd * {
		animation: none !important;
		transition: none !important;
	}
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
	.g6m-resAdd .formRow {
		display: block !important;
	}

	.g6m-resAdd .formRow > dt,
	.g6m-resAdd .formRow > dd {
		width: 100% !important;
		max-width: 100% !important;
		text-align: left !important;
		padding: 0.35rem 0 !important;
	}

	.g6m-resAdd .inputChoices,
	.g6m-resAdd .inputChoices.g6m-typeCards {
		grid-template-columns: 1fr !important;
	}

	.g6m-resAdd .g6m-iconDrop {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}
}

@media (max-width: 639px) {
	html body[data-template="xfrm_category_add_resource"] .p-body-inner,
	html body[data-template="xfrm_resource_edit"] .p-body-inner {
		width: calc(100% - 12px) !important;
		padding: 8px 0 1.5rem !important;
	}

	.g6m-resAdd-card.block-container {
		padding: 0.85rem !important;
		border-radius: 16px !important;
	}

	.g6m-resAdd-section {
		padding: 0.85rem 0.75rem 0.25rem;
	}

	.g6m-resAdd .formSubmitRow .button,
	.g6m-resAdd .g6m-resAdd-submitRow .button {
		min-width: 100% !important;
		letter-spacing: 0.04em !important;
		font-size: 0.95rem !important;
	}
}

/* END G6M_RESOURCE_ADD_PRO_V194 */

/* ==== g6m-resource-add-pro-v196.css ==== */
/* G6M_RESOURCE_ADD_PRO_V196
   Premium stacked form layout for XFRM add + edit.
   Fixes empty left columns: labels ABOVE fields on all viewports.
   Equal download type cards + panel for active type fields.
*/

/* ── Tokens ─────────────────────────────────────────────────────────────── */
.g6m-resAdd {
	--g6m-pink: #ff0b8b;
	--g6m-violet: #8d38ff;
	--g6m-ink: #0a0712;
	--g6m-panel: #141019;
	--g6m-input: #1b1628;
	--g6m-text: #ffffff;
	--g6m-muted: rgba(210, 205, 230, 0.72);
	--g6m-border: rgba(141, 56, 255, 0.38);
	--g6m-radius: 18px;
	--g6m-radius-sm: 12px;
	--g6m-ease: 250ms ease;
	--g6m-field-h: 48px;
}

@keyframes g6mResFadeUp {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes g6mResGlow {
	0%, 100% { box-shadow: 0 0 18px rgba(255, 11, 139, 0.18), 0 0 32px rgba(141, 56, 255, 0.12); }
	50% { box-shadow: 0 0 24px rgba(255, 11, 139, 0.28), 0 0 40px rgba(141, 56, 255, 0.2); }
}

/* ── Page shell + kill orphan "Gameplay" title / breadcrumbs ─────────────── */
html body[data-template="xfrm_category_add_resource"] .p-body-header,
html body[data-template="xfrm_resource_edit"] .p-body-header,
html body[data-template="xfrm_category_add_resource"] .p-breadcrumbs,
html body[data-template="xfrm_resource_edit"] .p-breadcrumbs,
html body[data-template="xfrm_category_add_resource"] .p-title,
html body[data-template="xfrm_resource_edit"] .p-title,
html body[data-template="xfrm_category_add_resource"] .p-description,
html body[data-template="xfrm_resource_edit"] .p-description,
html body[data-template="xfrm_category_add_resource"] .p-body-header .p-title-value,
html body[data-template="xfrm_resource_edit"] .p-body-header .p-title-value {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

html body[data-template="xfrm_category_add_resource"] .p-body-inner,
html body[data-template="xfrm_resource_edit"] .p-body-inner {
	max-width: 1400px !important;
	width: calc(100% - 24px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	padding: clamp(12px, 2vw, 28px) 0 2.5rem !important;
}

html body[data-template="xfrm_category_add_resource"] .p-body-main,
html body[data-template="xfrm_resource_edit"] .p-body-main,
html body[data-template="xfrm_category_add_resource"] .p-body-content,
html body[data-template="xfrm_resource_edit"] .p-body-content,
html body[data-template="xfrm_category_add_resource"] .p-body-pageContent,
html body[data-template="xfrm_resource_edit"] .p-body-pageContent {
	max-width: 1400px !important;
	width: 100% !important;
	float: none !important;
	margin: 0 auto !important;
}

html body[data-template="xfrm_category_add_resource"] .p-body-sidebar,
html body[data-template="xfrm_resource_edit"] .p-body-sidebar {
	display: none !important;
}

/* ── Hero ───────────────────────────────────────────────────────────────── */
.g6m-resAdd-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.25rem;
	margin: 0 0 1.35rem;
	padding: 0.25rem 0.35rem 1.1rem;
	animation: g6mResFadeUp 0.45s ease both;
}

.g6m-resAdd-heroIcon {
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.35rem;
	color: #fff;
	background: linear-gradient(135deg, rgba(255, 11, 139, 0.35), rgba(141, 56, 255, 0.4));
	border: 1px solid rgba(255, 11, 139, 0.45);
	box-shadow: 0 0 22px rgba(255, 11, 139, 0.22);
	flex: 0 0 auto;
}

.g6m-resAdd-heroText {
	flex: 1 1 220px;
	min-width: 0;
}

.g6m-resAdd-title {
	margin: 0;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif;
	font-size: clamp(1.35rem, 2.4vw, 1.75rem);
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.2;
	color: #fff;
	text-transform: none;
}

.g6m-resAdd-subtitle {
	margin: 0.3rem 0 0;
	color: var(--g6m-muted);
	font-size: 0.9rem;
	line-height: 1.45;
	max-width: 40rem;
}

.g6m-resAdd-catChip {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0 0 0.45rem;
	padding: 0.22rem 0.7rem;
	border-radius: 999px;
	border: 1px solid rgba(141, 56, 255, 0.4);
	background: rgba(141, 56, 255, 0.14);
	color: #e8dfff;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.2;
}

.g6m-resAdd-catChip .fa--xf {
	opacity: 0.9;
	font-size: 0.85em;
}

.g6m-resAdd-heroLine {
	flex: 1 0 100%;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--g6m-pink), var(--g6m-violet), transparent 92%);
	box-shadow: 0 0 14px rgba(255, 11, 139, 0.35);
}

/* ── Main glass card ────────────────────────────────────────────────────── */
.g6m-resAdd-card.block-container,
html body[data-template="xfrm_category_add_resource"] .g6m-resAdd-card.block-container,
html body[data-template="xfrm_resource_edit"] .g6m-resAdd-card.block-container {
	max-width: 1400px !important;
	margin: 0 auto !important;
	padding: clamp(1.1rem, 2.2vw, 1.85rem) !important;
	border-radius: var(--g6m-radius) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background:
		linear-gradient(165deg, rgba(22, 14, 36, 0.78), rgba(8, 6, 14, 0.88)),
		radial-gradient(ellipse 80% 50% at 10% 0%, rgba(141, 56, 255, 0.14), transparent 55%) !important;
	box-shadow:
		0 28px 64px rgba(0, 0, 0, 0.55),
		0 0 0 1px rgba(141, 56, 255, 0.16),
		0 0 48px rgba(141, 56, 255, 0.12),
		0 0 36px rgba(255, 11, 139, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
	backdrop-filter: blur(16px) saturate(1.08) !important;
	-webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
	overflow: visible !important;
	animation: g6mResFadeUp 0.5s ease 0.05s both;
}

.g6m-resAdd-body.block-body {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 1.15rem;
}

/* ── Sections ───────────────────────────────────────────────────────────── */
.g6m-resAdd-section {
	border-radius: 16px;
	border: 1px solid rgba(141, 56, 255, 0.18);
	background: linear-gradient(180deg, rgba(27, 22, 40, 0.72), rgba(16, 12, 26, 0.62));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	padding: 1rem 1.05rem 0.35rem;
	animation: g6mResFadeUp 0.45s ease both;
}

.g6m-resAdd-section[data-section="download"] { animation-delay: 0.04s; }
.g6m-resAdd-section[data-section="description"] { animation-delay: 0.08s; }
.g6m-resAdd-section[data-section="links"] { animation-delay: 0.12s; }
.g6m-resAdd-section[data-section="image"] { animation-delay: 0.16s; }

.g6m-resAdd-sectionHead {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	margin: 0 0 0.85rem;
	padding: 0 0.15rem 0.75rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.g6m-resAdd-sectionIcon {
	width: 2.1rem;
	height: 2.1rem;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: rgba(141, 56, 255, 0.22);
	border: 1px solid rgba(141, 56, 255, 0.35);
	font-size: 0.95rem;
	flex: 0 0 auto;
}

.g6m-resAdd-sectionTitle {
	margin: 0;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #fff;
}

.g6m-resAdd-sectionBody {
	padding-bottom: 0.55rem;
}

.g6m-resAdd .formRowSep {
	display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   STACKED FORM LAYOUT (all viewports) — kills empty left columns
   Label ABOVE field, full width. Overrides XF table/dt/dd columns.
   ═══════════════════════════════════════════════════════════════════════════ */
html body .g6m-resAdd dl.formRow,
html body .g6m-resAdd .formRow,
.g6m-resAdd .formRow {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	clear: both !important;
	gap: 0.4rem !important;
	margin: 0 0 1rem !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

html body .g6m-resAdd .formRow > dt,
html body .g6m-resAdd .formRow > dd,
html body .g6m-resAdd .formRow dt,
html body .g6m-resAdd .formRow dd,
.g6m-resAdd .formRow > dt,
.g6m-resAdd .formRow > dd {
	display: block !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	flex: 0 0 auto !important;
	text-align: left !important;
	vertical-align: top !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

/* Kill XF ::before/::after column gutters */
.g6m-resAdd .formRow > dt:before,
.g6m-resAdd .formRow > dt:after,
.g6m-resAdd .formRow > dd:before,
.g6m-resAdd .formRow > dd:after {
	display: none !important;
	content: none !important;
	width: 0 !important;
}

.g6m-resAdd .formRow > dt,
.g6m-resAdd .formRow-label,
.g6m-resAdd .formRow dt {
	color: rgba(236, 232, 255, 0.92) !important;
	font-weight: 700 !important;
	font-size: 0.84rem !important;
	line-height: 1.3 !important;
	letter-spacing: 0.02em !important;
}

.g6m-resAdd .formRow-explain,
.g6m-resAdd .formRow dd .formHint,
.g6m-resAdd .formRow-hint {
	color: var(--g6m-muted) !important;
	font-size: 0.78rem !important;
	line-height: 1.4 !important;
	margin-top: 0.25rem !important;
}

.g6m-resAdd-versionRow > dt::before,
.g6m-resAdd .formRow:has(input[name="version_string"]) > dt::before {
	content: "" !important;
	display: none !important;
}

/* Character counter */
.g6m-resAdd .g6m-charCount {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.72rem;
	color: rgba(210, 205, 230, 0.55);
	text-align: right;
}
.g6m-resAdd .g6m-charCount.is-warn { color: #ffb86c; }
.g6m-resAdd .g6m-charCount.is-over { color: #ff6b9d; }

/* ── Inputs ─────────────────────────────────────────────────────────────── */
.g6m-resAdd .input,
.g6m-resAdd input[type="text"],
.g6m-resAdd input[type="url"],
.g6m-resAdd input[type="number"],
.g6m-resAdd input[type="email"],
.g6m-resAdd input[type="search"],
.g6m-resAdd select,
.g6m-resAdd .inputGroup .input,
.g6m-resAdd .tokeninput,
.g6m-resAdd .select2-container .select2-choice,
.g6m-resAdd .select2-container-multi .select2-choices {
	background: var(--g6m-input) !important;
	border: 1px solid var(--g6m-border) !important;
	border-radius: 14px !important;
	color: var(--g6m-text) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
	transition: border-color var(--g6m-ease), box-shadow var(--g6m-ease), background var(--g6m-ease) !important;
	min-height: var(--g6m-field-h) !important;
	height: var(--g6m-field-h) !important;
	padding: 0 0.95rem !important;
	font-size: 0.95rem !important;
	box-sizing: border-box !important;
}

.g6m-resAdd .textarea,
.g6m-resAdd textarea.input {
	background: var(--g6m-input) !important;
	border: 1px solid var(--g6m-border) !important;
	border-radius: 14px !important;
	color: var(--g6m-text) !important;
	min-height: 120px !important;
	height: auto !important;
	padding: 0.75rem 0.95rem !important;
}

.g6m-resAdd .input:hover,
.g6m-resAdd input[type="text"]:hover,
.g6m-resAdd input[type="url"]:hover,
.g6m-resAdd select:hover {
	border-color: rgba(141, 56, 255, 0.7) !important;
	box-shadow: 0 0 0 3px rgba(141, 56, 255, 0.12), inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
}

.g6m-resAdd .input:focus,
.g6m-resAdd .textarea:focus,
.g6m-resAdd input[type="text"]:focus,
.g6m-resAdd input[type="url"]:focus,
.g6m-resAdd input[type="number"]:focus,
.g6m-resAdd select:focus {
	border-color: var(--g6m-pink) !important;
	box-shadow:
		0 0 0 3px rgba(255, 11, 139, 0.18),
		0 0 18px rgba(255, 11, 139, 0.16),
		inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
	outline: none !important;
}

.g6m-resAdd .input::placeholder,
.g6m-resAdd .textarea::placeholder,
.g6m-resAdd input::placeholder {
	color: rgba(180, 175, 205, 0.78) !important;
	opacity: 1 !important;
}

/* URL icon slot */
.g6m-resAdd .g6m-urlField {
	position: relative;
}

.g6m-resAdd .g6m-urlField .input,
.g6m-resAdd .g6m-urlField input[type="text"],
.g6m-resAdd .g6m-urlField input[type="url"] {
	padding-left: 2.55rem !important;
}

.g6m-resAdd .g6m-urlIcon {
	position: absolute;
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.75);
	pointer-events: none;
	z-index: 2;
}

/* ── Type radios → equal cards + panel below ────────────────────────────── */
.g6m-resAdd .formRow[data-xf-init*="attachment-manager"] .inputChoices,
.g6m-resAdd .inputChoices.g6m-typeCards {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 0.85rem !important;
	list-style: none !important;
	margin: 0 0 0.85rem !important;
	padding: 0 !important;
	align-items: stretch !important;
}

.g6m-resAdd .inputChoices > li,
.g6m-resAdd .inputChoices-choice {
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	height: 100% !important;
}

.g6m-resAdd .inputChoices > li > label,
.g6m-resAdd .inputChoices-choice > label,
.g6m-resAdd .iconic--radio {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 0.35rem !important;
	flex: 1 1 auto !important;
	min-height: 8.25rem !important;
	height: 100% !important;
	padding: 1rem 1.05rem !important;
	border-radius: 16px !important;
	border: 1px solid rgba(141, 56, 255, 0.28) !important;
	background: rgba(12, 9, 20, 0.72) !important;
	cursor: pointer;
	transition: border-color var(--g6m-ease), box-shadow var(--g6m-ease), transform var(--g6m-ease), background var(--g6m-ease);
}

.g6m-resAdd .inputChoices > li > label:hover,
.g6m-resAdd .inputChoices-choice > label:hover {
	border-color: rgba(141, 56, 255, 0.65) !important;
	box-shadow: 0 0 0 3px rgba(141, 56, 255, 0.12), 0 10px 24px rgba(0, 0, 0, 0.28);
	transform: translateY(-2px);
}

.g6m-resAdd .inputChoices > li.is-selected > label,
.g6m-resAdd .inputChoices > li:has(input:checked) > label,
.g6m-resAdd .inputChoices-choice:has(input:checked) > label {
	border-color: var(--g6m-pink) !important;
	background: linear-gradient(160deg, rgba(255, 11, 139, 0.14), rgba(141, 56, 255, 0.16)) !important;
	box-shadow:
		0 0 0 2px rgba(255, 11, 139, 0.22),
		0 0 24px rgba(255, 11, 139, 0.14),
		0 12px 28px rgba(0, 0, 0, 0.3);
}

.g6m-resAdd .g6m-typeCardTitle {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	font-family: Rajdhani, Inter, sans-serif;
	font-weight: 700;
	font-size: 0.95rem;
	letter-spacing: 0.03em;
	color: #fff;
}

.g6m-resAdd .g6m-typeCardDesc {
	margin: 0;
	font-size: 0.78rem;
	line-height: 1.4;
	color: var(--g6m-muted);
}

/* Nested XF fields stay in DOM; JS moves them into .g6m-typePanels */
.g6m-resAdd .g6m-typePanels {
	margin: 0 0 0.35rem;
}

.g6m-resAdd .g6m-typePanel {
	padding: 1rem 1.05rem;
	border-radius: 16px;
	border: 1px solid rgba(141, 56, 255, 0.3);
	background: rgba(12, 9, 20, 0.58);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.g6m-resAdd .g6m-typePanel[hidden] {
	display: none !important;
}

/* Usable URL fields under type cards (never a crushed thin bar) */
.g6m-resAdd .g6m-typePanel input[name="external_download_url"],
.g6m-resAdd .g6m-typePanel input[name="external_purchase_url"],
.g6m-resAdd .g6m-typePanel .g6m-linkInput,
.g6m-resAdd .g6m-typePanel .g6m-urlField,
.g6m-resAdd .g6m-typePanel .g6m-urlField .input,
.g6m-resAdd .g6m-typePanel .g6m-urlField input {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: var(--g6m-field-h) !important;
	height: var(--g6m-field-h) !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	flex: none !important;
	box-sizing: border-box !important;
}

.g6m-resAdd .g6m-typePanel .g6m-urlField {
	position: relative !important;
	width: 100% !important;
	margin: 0 !important;
}

/* Type cards: title/desc only — never keep form controls inside equal-height cards */
.g6m-resAdd .inputChoices.g6m-typeCards > li > label,
.g6m-resAdd .inputChoices.g6m-typeCards > .inputChoices-choice > label {
	justify-content: center !important;
	overflow: hidden !important;
}

.g6m-resAdd .inputChoices.g6m-typeCards > li > label > input:not([type="radio"]),
.g6m-resAdd .inputChoices.g6m-typeCards > li > label > select,
.g6m-resAdd .inputChoices.g6m-typeCards > li > label > .inputGroup,
.g6m-resAdd .inputChoices.g6m-typeCards > li > label > .u-inputSpacer,
.g6m-resAdd .inputChoices.g6m-typeCards > li > label > .inputChoices-spacer,
.g6m-resAdd .inputChoices.g6m-typeCards > li > label > .attachmentUploads,
.g6m-resAdd .inputChoices.g6m-typeCards > li > label > .g6m-dropZone,
.g6m-resAdd .inputChoices.g6m-typeCards > li > label > .g6m-urlField,
.g6m-resAdd .inputChoices.g6m-typeCards > li > label > .formRow,
.g6m-resAdd .inputChoices.g6m-typeCards > .inputChoices-choice > label > input:not([type="radio"]),
.g6m-resAdd .inputChoices.g6m-typeCards > .inputChoices-choice > label > select,
.g6m-resAdd .inputChoices.g6m-typeCards > .inputChoices-choice > label > .inputGroup,
.g6m-resAdd .inputChoices.g6m-typeCards > .inputChoices-choice > label > .u-inputSpacer,
.g6m-resAdd .inputChoices.g6m-typeCards > .inputChoices-choice > label > .inputChoices-spacer {
	/* Fallback if JS has not relocated yet: keep full-size, not a thin crushed bar */
	flex: 0 0 auto !important;
	align-self: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: var(--g6m-field-h) !important;
	height: auto !important;
	margin-top: 0.5rem !important;
}

.g6m-resAdd .inputChoices .inputChoices-spacer,
.g6m-resAdd .inputChoices .formRow {
	margin-top: 0.55rem !important;
}

/* ── Drop zone (enhances XF attach button) ──────────────────────────────── */
.g6m-resAdd .g6m-dropZone {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 168px;
	padding: 1.35rem 1.1rem;
	margin: 0.35rem 0 0.75rem;
	border-radius: 16px;
	border: 1.5px dashed rgba(141, 56, 255, 0.45);
	background:
		linear-gradient(180deg, rgba(27, 22, 40, 0.55), rgba(12, 9, 20, 0.7)),
		radial-gradient(ellipse 60% 50% at 50% 0%, rgba(141, 56, 255, 0.12), transparent 70%);
	text-align: center;
	transition: border-color var(--g6m-ease), box-shadow var(--g6m-ease), background var(--g6m-ease);
	cursor: pointer;
}

.g6m-resAdd .g6m-dropZone:hover,
.g6m-resAdd .g6m-dropZone.is-hover {
	border-color: rgba(255, 11, 139, 0.75);
	box-shadow: 0 0 0 3px rgba(255, 11, 139, 0.12), 0 0 28px rgba(255, 11, 139, 0.14);
}

.g6m-resAdd .g6m-dropZone.is-dragover {
	border-color: var(--g6m-pink);
	border-style: solid;
	animation: g6mResGlow 1.4s ease infinite;
	background: linear-gradient(180deg, rgba(255, 11, 139, 0.12), rgba(141, 56, 255, 0.14));
}

.g6m-resAdd .g6m-dropZone-icon {
	font-size: 2rem;
	color: #fff;
	filter: drop-shadow(0 0 12px rgba(255, 11, 139, 0.35));
	margin-bottom: 0.15rem;
}

.g6m-resAdd .g6m-dropZone-title {
	margin: 0;
	font-family: Rajdhani, Inter, sans-serif;
	font-size: 1.15rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.03em;
}

.g6m-resAdd .g6m-dropZone-or {
	margin: 0;
	font-size: 0.85rem;
	color: var(--g6m-muted);
}

.g6m-resAdd .g6m-dropZone-browse {
	color: var(--g6m-pink);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.g6m-resAdd .g6m-dropZone-meta {
	margin: 0.55rem 0 0;
	font-size: 0.78rem;
	line-height: 1.45;
	color: rgba(200, 195, 220, 0.78);
	max-width: 36rem;
}

.g6m-resAdd .g6m-dropZone-formats {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.35rem;
	margin-top: 0.55rem;
}

.g6m-resAdd .g6m-dropZone-chip {
	display: inline-flex;
	padding: 0.18rem 0.5rem;
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.88);
	background: rgba(141, 56, 255, 0.22);
	border: 1px solid rgba(141, 56, 255, 0.35);
}

.g6m-resAdd .g6m-dropZone .js-attachmentUpload,
.g6m-resAdd .g6m-dropZone .button.js-attachmentUpload {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0 !important;
	cursor: pointer !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	z-index: 3 !important;
}

/* Attachment file list polish */
.g6m-resAdd .attachmentUploads,
.g6m-resAdd .js-attachmentUploads {
	background: rgba(12, 9, 20, 0.55) !important;
	border: 1px solid rgba(141, 56, 255, 0.22) !important;
	border-radius: 14px !important;
	padding: 0.65rem !important;
	margin-bottom: 0.65rem !important;
}

.g6m-resAdd .attachUploadList .file,
.g6m-resAdd .js-attachmentFiles .file {
	border-radius: 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: rgba(27, 22, 40, 0.85) !important;
	overflow: hidden;
}

.g6m-resAdd .file-progress.js-attachmentProgress,
.g6m-resAdd .js-attachmentProgress {
	background: linear-gradient(90deg, var(--g6m-pink), var(--g6m-violet)) !important;
	border-radius: 4px;
	height: 6px !important;
}

.g6m-resAdd .file-name {
	color: #fff !important;
	font-weight: 600 !important;
}

.g6m-resAdd .file-meta {
	color: var(--g6m-muted) !important;
}

/* ── Description editor ─────────────────────────────────────────────────── */
.g6m-resAdd .fr-box,
.g6m-resAdd .redactor-box {
	border-radius: var(--g6m-radius-sm) !important;
	overflow: hidden !important;
	border: 1px solid rgba(141, 56, 255, 0.3) !important;
	background: var(--g6m-panel) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.g6m-resAdd .fr-toolbar,
.g6m-resAdd .redactor-toolbar {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
	border-radius: 0 !important;
	padding: 0.35rem 0.4rem !important;
}

.g6m-resAdd .fr-toolbar .fr-btn,
.g6m-resAdd .fr-toolbar button,
.g6m-resAdd .redactor-toolbar a {
	color: rgba(255, 255, 255, 0.88) !important;
	border-radius: 8px !important;
	transition: background var(--g6m-ease), color var(--g6m-ease) !important;
}

.g6m-resAdd .fr-toolbar .fr-btn:hover,
.g6m-resAdd .fr-toolbar button:hover,
.g6m-resAdd .redactor-toolbar a:hover {
	background: rgba(141, 56, 255, 0.28) !important;
	color: #fff !important;
}

.g6m-resAdd .fr-wrapper,
.g6m-resAdd .fr-element,
.g6m-resAdd .redactor-editor,
.g6m-resAdd .bbWrapper {
	background: var(--g6m-panel) !important;
	color: #fff !important;
	border: 0 !important;
	min-height: 400px !important;
	padding: 0.95rem 1.05rem !important;
}

.g6m-resAdd .fr-second-toolbar {
	background: rgba(10, 8, 16, 0.7) !important;
	border-color: rgba(255, 255, 255, 0.06) !important;
}

/* ── Icon upload / image section — full width, no empty left column ─────── */
.g6m-resAdd .g6m-iconDrop {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 1rem;
	align-items: center;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 1.15rem;
	border-radius: 16px;
	border: 1.5px dashed rgba(141, 56, 255, 0.45);
	background: rgba(12, 9, 20, 0.55);
	transition: border-color var(--g6m-ease), box-shadow var(--g6m-ease);
	overflow: hidden;
}

.g6m-resAdd .formRow:has(input[type="file"]) .contentRow,
.g6m-resAdd .formRow:has(input[type="file"]) .contentRow-main,
.g6m-resAdd .formRow:has(input[type="file"]) .contentRow-figure,
.g6m-resAdd .formRow:has(input[type="file"]) .contentRow-figureIcon {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	min-width: 0 !important;
}

.g6m-resAdd .formRow:has(input[type="file"]) .contentRow {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0.85rem !important;
}

.g6m-resAdd .formRow:has(input[type="file"]) .contentRow-main {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 0.45rem !important;
	min-height: 0 !important;
	height: auto !important;
}

/* Native file picker — V213e: button fills full height (Chrome-safe) */
.g6m-resAdd input[type="file"],
.g6m-resAdd input[type="file"].input,
.g6m-resAdd .formRow:has(input[type="file"]) input[type="file"],
.g6m-resAdd .formRow input[type="file"][name="upload"] {
	display: block !important;
	width: 100% !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	border-radius: 12px !important;
	border: 1px solid var(--g6m-border) !important;
	background: var(--g6m-input) !important;
	color: rgba(230, 226, 245, 0.92) !important;
	font-size: 0.88rem !important;
	line-height: 40px !important;
	cursor: pointer !important;
	overflow: hidden !important;
}

.g6m-resAdd input[type="file"]::-webkit-file-upload-button,
.g6m-resAdd input[type="file"]::file-selector-button {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: inline-block !important;
	vertical-align: top !important;
	height: 42px !important;
	margin: 0 12px 0 0 !important;
	padding: 0 16px !important;
	border: 0 !important;
	border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 11px 0 0 11px !important;
	background: linear-gradient(135deg, #ff0b8b, #8d38ff) !important;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 0.85rem !important;
	line-height: 42px !important;
	cursor: pointer !important;
	position: static !important;
	top: auto !important;
}

.g6m-resAdd input[type="file"]:hover,
.g6m-resAdd input[type="file"]:focus {
	border-color: var(--g6m-pink) !important;
	box-shadow:
		0 0 0 3px rgba(255, 11, 139, 0.14),
		inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
	outline: none !important;
}

.g6m-resAdd .formRow:has(input[type="file"]) .button,
.g6m-resAdd .formRow:has(input[type="file"]) .input:not([type="file"]) {
	border-radius: 12px !important;
	min-height: 44px !important;
}

.g6m-resAdd .contentRow-figureIcon,
.g6m-resAdd .contentRow-figureIcon img,
.g6m-resAdd .resourceIcon img {
	border-radius: 14px !important;
}

.g6m-resAdd input[type="file"] {
	color: rgba(230, 226, 245, 0.92) !important;
}

/* Purchase / external URL fields — URL full width, price + currency row */
.g6m-resAdd .g6m-typePanel .inputGroup,
.g6m-resAdd .inputChoices > li .inputGroup,
.g6m-resAdd .formRow:has(input[name="price"]) .inputGroup,
.g6m-resAdd li:has(input[name="external_purchase_url"]) .inputGroup {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(7.5rem, 9rem) !important;
	gap: 0.65rem !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.g6m-resAdd .g6m-typePanel .inputGroup > input[name="external_purchase_url"],
.g6m-resAdd .g6m-typePanel .inputGroup > .g6m-urlField,
.g6m-resAdd .inputChoices > li .inputGroup > input[name="external_purchase_url"],
.g6m-resAdd .inputChoices > li .inputGroup > .g6m-urlField {
	grid-column: 1 / -1 !important;
	width: 100% !important;
	max-width: 100% !important;
}

.g6m-resAdd .g6m-typePanel .inputGroup > .inputGroup-splitter,
.g6m-resAdd .inputChoices > li .inputGroup > .inputGroup-splitter,
.g6m-resAdd .formRow:has(input[name="price"]) .inputGroup-splitter {
	display: none !important;
}

.g6m-resAdd input[name="price"] {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/* Real currency <select> (XF name="currency") — must look & behave like a dropdown */
.g6m-resAdd select[name="currency"],
.g6m-resAdd select.input[name="currency"],
.g6m-resAdd .g6m-currencySelect {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	width: 100% !important;
	max-width: 9rem !important;
	min-width: 7.5rem !important;
	padding-right: 2.35rem !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	position: relative !important;
	z-index: 3 !important;
	background-color: var(--g6m-input) !important;
	background-image:
		linear-gradient(45deg, transparent 50%, #ff0b8b 50%),
		linear-gradient(135deg, #ff0b8b 50%, transparent 50%) !important;
	background-position:
		calc(100% - 1.15rem) calc(50% - 0.15rem),
		calc(100% - 0.75rem) calc(50% - 0.15rem) !important;
	background-size: 6px 6px, 6px 6px !important;
	background-repeat: no-repeat !important;
	color: #fff !important;
}

.g6m-resAdd select[name="currency"]:hover,
.g6m-resAdd select[name="currency"]:focus {
	border-color: var(--g6m-pink) !important;
}

.g6m-resAdd select[name="currency"] option {
	background: #1b1628;
	color: #fff;
}

.g6m-resAdd .g6m-currencyWrap {
	position: relative;
	display: block;
	width: 100%;
	max-width: 9rem;
	z-index: 3;
	pointer-events: auto;
}

@media (max-width: 640px) {
	.g6m-resAdd .g6m-typePanel .inputGroup,
	.g6m-resAdd .inputChoices > li .inputGroup,
	.g6m-resAdd .formRow:has(input[name="price"]) .inputGroup {
		grid-template-columns: 1fr !important;
	}

	.g6m-resAdd select[name="currency"],
	.g6m-resAdd .g6m-currencyWrap {
		max-width: 100% !important;
		width: 100% !important;
	}
}

.g6m-resAdd .g6m-iconDrop.is-dragover {
	border-color: var(--g6m-pink);
	box-shadow: 0 0 0 3px rgba(255, 11, 139, 0.14);
}

.g6m-resAdd .g6m-iconPreview {
	width: 120px;
	height: 120px;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: #0d0a14;
	display: flex;
	align-items: center;
	justify-content: center;
}

.g6m-resAdd .g6m-iconPreview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ── Submit / Publish CTA ───────────────────────────────────────────────── */
.g6m-resAdd .g6m-resAdd-submitRow,
.g6m-resAdd .formSubmitRow {
	background: transparent !important;
	border: 0 !important;
	margin-top: 0.75rem !important;
	padding-top: 0.35rem !important;
}

.g6m-resAdd .formSubmitRow-controls,
.g6m-resAdd .g6m-resAdd-submitRow .formSubmitRow-controls {
	text-align: center !important;
	padding: 0.5rem 0 0.15rem !important;
}

.g6m-resAdd .formSubmitRow .button,
.g6m-resAdd .g6m-resAdd-submitRow .button,
.g6m-resAdd .formSubmitRow button[type="submit"] {
	min-width: 100%; max-width: 420px !important;
	min-height: 3.35rem !important;
	padding: 0.85rem 1.6rem !important;
	border: 0 !important;
	border-radius: 14px !important;
	font-family: Rajdhani, Inter, sans-serif !important;
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #fff !important;
	background: linear-gradient(115deg, var(--g6m-pink) 0%, #c23bff 48%, var(--g6m-violet) 100%) !important;
	box-shadow:
		0 10px 28px rgba(255, 11, 139, 0.28),
		0 0 0 1px rgba(255, 255, 255, 0.08) inset,
		0 0 32px rgba(141, 56, 255, 0.18) !important;
	transition: transform var(--g6m-ease), box-shadow var(--g6m-ease), filter var(--g6m-ease) !important;
}

.g6m-resAdd .formSubmitRow .button:hover,
.g6m-resAdd .g6m-resAdd-submitRow .button:hover,
.g6m-resAdd .formSubmitRow button[type="submit"]:hover {
	transform: translateY(-3px) !important;
	filter: brightness(1.06);
	box-shadow:
		0 16px 36px rgba(255, 11, 139, 0.36),
		0 0 0 1px rgba(255, 255, 255, 0.1) inset,
		0 0 44px rgba(141, 56, 255, 0.28) !important;
}

.g6m-resAdd .formSubmitRow .button:focus-visible,
.g6m-resAdd .formSubmitRow button[type="submit"]:focus-visible {
	outline: 2px solid #fff !important;
	outline-offset: 3px !important;
}

.g6m-resAdd .formSubmitRow.is-sticky .formSubmitRow-bar {
	background: rgba(10, 7, 18, 0.92) !important;
	border-top: 1px solid rgba(141, 56, 255, 0.25) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

/* ── Errors / a11y ──────────────────────────────────────────────────────── */
.g6m-resAdd .formRow .error,
.g6m-resAdd .blockStatus--error,
.g6m-resAdd .overlay-title.is-error,
.g6m-resAdd .blockMessage--error {
	color: #ffb4d6 !important;
	border-color: rgba(255, 11, 139, 0.45) !important;
	background: rgba(255, 11, 139, 0.1) !important;
}

.g6m-resAdd :focus-visible {
	outline: 2px solid var(--g6m-pink);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.g6m-resAdd,
	.g6m-resAdd * {
		animation: none !important;
		transition: none !important;
	}
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
	.g6m-resAdd .inputChoices,
	.g6m-resAdd .inputChoices.g6m-typeCards {
		grid-template-columns: 1fr !important;
	}

	.g6m-resAdd .g6m-iconDrop {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}
}

@media (max-width: 639px) {
	html body[data-template="xfrm_category_add_resource"] .p-body-inner,
	html body[data-template="xfrm_resource_edit"] .p-body-inner {
		width: calc(100% - 12px) !important;
		padding: 8px 0 1.5rem !important;
	}

	.g6m-resAdd-card.block-container {
		padding: 0.85rem !important;
		border-radius: 16px !important;
	}

	.g6m-resAdd-section {
		padding: 0.85rem 0.75rem 0.25rem;
	}

	.g6m-resAdd .formSubmitRow .button,
	.g6m-resAdd .g6m-resAdd-submitRow .button {
		min-width: 100% !important;
		letter-spacing: 0.04em !important;
		font-size: 0.95rem !important;
	}
}

/* END G6M_RESOURCE_ADD_PRO_V196 */

/* ==== g6m-resource-chooser-pro-v195.css ==== */
/* G6M_RESOURCE_CHOOSER_PRO_V195
   Premium category chooser for XFRM "Publier une ressource".
   Scope: body[data-template="xfrm_resource_add_chooser"] only.
*/

@keyframes g6mChooserFadeUp {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

html body[data-template="xfrm_resource_add_chooser"] .p-body-header {
	display: none !important;
}

html body[data-template="xfrm_resource_add_chooser"] .p-body-inner {
	max-width: 1400px !important;
	width: calc(100% - 24px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	padding: clamp(12px, 2vw, 28px) 0 2.5rem !important;
}

html body[data-template="xfrm_resource_add_chooser"] .p-body-sidebar {
	display: none !important;
}

html body[data-template="xfrm_resource_add_chooser"] .p-body-main,
html body[data-template="xfrm_resource_add_chooser"] .p-body-content,
html body[data-template="xfrm_resource_add_chooser"] .p-body-pageContent {
	max-width: 1400px !important;
	width: 100% !important;
	float: none !important;
	margin: 0 auto !important;
}

.g6m-resChooser {
	--g6m-pink: #ff0b8b;
	--g6m-violet: #8d38ff;
	--g6m-cyan: #00d7ff;
	--g6m-card: #15121f;
	--g6m-muted: rgba(210, 205, 230, 0.72);
	--g6m-ease: 250ms ease;
	max-width: 1400px;
	margin: 0 auto;
	animation: g6mChooserFadeUp 0.45s ease both;
}

/* —— Hero —— */
.g6m-resChooser-hero {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.2rem;
	margin: 0 0 1.25rem;
	padding: 1.35rem 1.4rem 1.2rem;
	border-radius: 20px;
	border: 1px solid rgba(141, 56, 255, 0.28);
	background:
		radial-gradient(ellipse 70% 80% at 0% 0%, rgba(255, 11, 139, 0.22), transparent 55%),
		radial-gradient(ellipse 60% 70% at 100% 0%, rgba(141, 56, 255, 0.24), transparent 50%),
		linear-gradient(145deg, rgba(18, 12, 28, 0.92), rgba(8, 6, 14, 0.96));
	box-shadow:
		0 20px 48px rgba(0, 0, 0, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
	overflow: hidden;
}

.g6m-resChooser-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M0 30h60M30 0v60' stroke='rgba(255,255,255,0.03)' stroke-width='1'/%3E%3C/svg%3E");
	opacity: 0.7;
	pointer-events: none;
}

.g6m-resChooser-heroIcon {
	position: relative;
	z-index: 1;
	width: 3.4rem;
	height: 3.4rem;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.35rem;
	color: #fff;
	background: linear-gradient(135deg, rgba(255, 11, 139, 0.4), rgba(141, 56, 255, 0.45));
	border: 1px solid rgba(255, 11, 139, 0.45);
	box-shadow: 0 0 22px rgba(255, 11, 139, 0.25);
	flex: 0 0 auto;
}

.g6m-resChooser-heroText {
	position: relative;
	z-index: 1;
	flex: 1 1 240px;
	min-width: 0;
}

.g6m-resChooser-title {
	margin: 0;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif;
	font-size: clamp(1.45rem, 2.6vw, 1.9rem);
	font-weight: 800;
	letter-spacing: 0.03em;
	line-height: 1.15;
	color: #fff;
}

.g6m-resChooser-subtitle {
	margin: 0.35rem 0 0;
	color: var(--g6m-muted);
	font-size: 0.92rem;
	line-height: 1.45;
	max-width: 40rem;
}

.g6m-resChooser-heroLine {
	position: relative;
	z-index: 1;
	flex: 1 0 100%;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--g6m-pink), var(--g6m-violet), transparent 92%);
	box-shadow: 0 0 14px rgba(255, 11, 139, 0.4);
}

/* —— Stats —— */
.g6m-resChooser-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0 0 1.25rem;
}

.g6m-resChooser-stat {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	padding: 0.85rem 1rem;
	border-radius: 16px;
	border: 1px solid rgba(141, 56, 255, 0.22);
	background: rgba(21, 18, 31, 0.82);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.g6m-resChooser-statIcon {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: rgba(141, 56, 255, 0.22);
	border: 1px solid rgba(141, 56, 255, 0.35);
	flex: 0 0 auto;
}

.g6m-resChooser-stat strong {
	display: block;
	font-family: Rajdhani, Inter, sans-serif;
	font-size: 1.15rem;
	font-weight: 800;
	color: #fff;
	line-height: 1.1;
}

.g6m-resChooser-stat span {
	font-size: 0.75rem;
	color: var(--g6m-muted);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

/* —— Layout —— */
.g6m-resChooser-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 1.15rem;
	align-items: start;
}

.g6m-resChooser-main {
	min-width: 0;
	padding: 1.1rem;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background:
		linear-gradient(165deg, rgba(22, 14, 36, 0.72), rgba(8, 6, 14, 0.82));
	box-shadow:
		0 24px 56px rgba(0, 0, 0, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.g6m-resChooser-toolbar {
	margin: 0 0 1rem;
}

.g6m-resChooser-search {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	width: 100%;
	padding: 0.35rem 0.85rem;
	border-radius: 999px;
	border: 1px solid rgba(141, 56, 255, 0.3);
	background: rgba(12, 9, 20, 0.85);
	box-sizing: border-box;
}

.g6m-resChooser-searchIcon {
	color: rgba(255, 11, 139, 0.9);
	flex: 0 0 auto;
}

.g6m-resChooser-searchInput {
	flex: 1 1 auto;
	min-width: 0;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 0.95rem !important;
	padding: 0.55rem 0 !important;
	height: auto !important;
}

.g6m-resChooser-searchInput::placeholder {
	color: rgba(210, 205, 230, 0.55) !important;
}

.g6m-resChooser-searchInput:focus {
	outline: none !important;
}

.g6m-resChooser-search:focus-within {
	border-color: rgba(255, 11, 139, 0.55);
	box-shadow: 0 0 0 3px rgba(255, 11, 139, 0.12);
}

/* —— Grid / cards —— */
.g6m-resChooser-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.95rem;
}

.g6m-resChooser-card {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	min-height: 100%;
	padding: 1.05rem 1.05rem 1rem;
	border-radius: 18px;
	border: 1px solid rgba(141, 56, 255, 0.28);
	background: var(--g6m-card);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 10px 28px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition:
		transform var(--g6m-ease),
		box-shadow var(--g6m-ease),
		border-color var(--g6m-ease);
	animation: g6mChooserFadeUp 0.4s ease both;
}

.g6m-resChooser-card:nth-child(2) { animation-delay: 0.04s; }
.g6m-resChooser-card:nth-child(3) { animation-delay: 0.08s; }
.g6m-resChooser-card:nth-child(4) { animation-delay: 0.12s; }
.g6m-resChooser-card:nth-child(5) { animation-delay: 0.16s; }
.g6m-resChooser-card:nth-child(6) { animation-delay: 0.2s; }

.g6m-resChooser-card:hover,
.g6m-resChooser-card:focus-within {
	transform: translateY(-4px);
	border-color: rgba(255, 11, 139, 0.5);
	box-shadow:
		0 0 0 1px rgba(141, 56, 255, 0.25),
		0 0 28px rgba(255, 11, 139, 0.22),
		0 0 36px rgba(141, 56, 255, 0.18),
		0 16px 36px rgba(0, 0, 0, 0.4);
}

.g6m-resChooser-card--disabled {
	opacity: 0.55;
	filter: grayscale(0.25);
}

.g6m-resChooser-card--disabled:hover {
	transform: none;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 28px rgba(0, 0, 0, 0.28);
	border-color: rgba(141, 56, 255, 0.28);
}

.g6m-resChooser-cardIcon {
	width: 3rem;
	height: 3rem;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.45rem;
	line-height: 1;
	background: linear-gradient(145deg, rgba(255, 11, 139, 0.18), rgba(141, 56, 255, 0.22));
	border: 1px solid rgba(141, 56, 255, 0.35);
	box-shadow: 0 0 16px rgba(141, 56, 255, 0.12);
}

.g6m-resChooser-cardBody {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.g6m-resChooser-cardTitle {
	margin: 0;
	font-family: Rajdhani, Inter, sans-serif;
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1.2;
}

.g6m-resChooser-cardLink {
	color: #fff !important;
	text-decoration: none !important;
}

.g6m-resChooser-cardLink:hover,
.g6m-resChooser-cardLink:focus-visible {
	color: #ff9ed0 !important;
}

.g6m-resChooser-cardDesc {
	margin: 0;
	color: var(--g6m-muted);
	font-size: 0.84rem;
	line-height: 1.45;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.g6m-resChooser-cardDesc--muted {
	opacity: 0.75;
	font-style: italic;
}

.g6m-resChooser-cardMeta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem 0.65rem;
	margin-top: 0.35rem;
}

.g6m-resChooser-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.22rem 0.65rem;
	border-radius: 999px;
	border: 1px solid rgba(61, 154, 74, 0.45);
	background: rgba(61, 154, 74, 0.16);
	color: #b8f0c0;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	transition: transform var(--g6m-ease), box-shadow var(--g6m-ease);
}

.g6m-resChooser-card:hover .g6m-resChooser-badge {
	transform: scale(1.04);
	box-shadow: 0 0 12px rgba(61, 154, 74, 0.28);
}

.g6m-resChooser-badge--muted {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.06);
	color: rgba(220, 215, 235, 0.75);
}

.g6m-resChooser-last {
	font-size: 0.74rem;
	color: rgba(210, 205, 230, 0.65);
}

.g6m-resChooser-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.45rem !important;
	width: 100% !important;
	min-height: 44px !important;
	margin-top: auto !important;
	padding: 0.65rem 1rem !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: linear-gradient(115deg, var(--g6m-pink) 0%, #c23bff 48%, var(--g6m-violet) 100%) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-family: Rajdhani, Inter, sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	box-shadow: 0 8px 22px rgba(255, 11, 139, 0.28) !important;
	transition: filter var(--g6m-ease), box-shadow var(--g6m-ease), transform var(--g6m-ease) !important;
}

.g6m-resChooser-btn:hover,
.g6m-resChooser-btn:focus-visible {
	filter: brightness(1.08);
	transform: translateY(-1px);
	box-shadow:
		0 0 18px rgba(255, 11, 139, 0.4),
		0 0 24px rgba(141, 56, 255, 0.28),
		0 10px 24px rgba(0, 0, 0, 0.35) !important;
	color: #fff !important;
	text-decoration: none !important;
}

.g6m-resChooser-btn--disabled {
	background: rgba(255, 255, 255, 0.06) !important;
	color: rgba(220, 215, 235, 0.55) !important;
	-webkit-text-fill-color: rgba(220, 215, 235, 0.55) !important;
	box-shadow: none !important;
	cursor: not-allowed;
	pointer-events: none;
}

.g6m-resChooser-empty {
	margin: 1.5rem 0 0.5rem;
	text-align: center;
	color: var(--g6m-muted);
	font-size: 0.95rem;
}

.g6m-resChooser-card[hidden] {
	display: none !important;
}

/* —— Tips aside —— */
.g6m-resChooser-aside {
	position: sticky;
	top: 1rem;
}

.g6m-resChooser-tips {
	padding: 1.05rem 1.1rem 1.15rem;
	border-radius: 18px;
	border: 1px solid rgba(0, 215, 255, 0.22);
	background:
		linear-gradient(165deg, rgba(20, 28, 40, 0.9), rgba(12, 10, 20, 0.92));
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
}

.g6m-resChooser-tipsHead {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	margin: 0 0 0.85rem;
	padding-bottom: 0.7rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.g6m-resChooser-tipsIcon {
	width: 2rem;
	height: 2rem;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: rgba(0, 215, 255, 0.18);
	border: 1px solid rgba(0, 215, 255, 0.35);
}

.g6m-resChooser-tipsHead h2 {
	margin: 0;
	font-family: Rajdhani, Inter, sans-serif;
	font-size: 0.95rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff;
}

.g6m-resChooser-tipsList {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.g6m-resChooser-tipsList li {
	position: relative;
	padding-left: 1.45rem;
	color: rgba(230, 226, 245, 0.88);
	font-size: 0.86rem;
	line-height: 1.4;
}

.g6m-resChooser-tipsList li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: #7dffa0;
	font-weight: 800;
}

/* Hide legacy XF chooser chrome if any leaks */
html body[data-template="xfrm_resource_add_chooser"] .block--treeEntryChooser:not(.g6m-resChooser *),
html body[data-template="xfrm_resource_add_chooser"] .p-body-pageContent > .block:not(.g6m-resChooser) {
	display: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.g6m-resChooser,
	.g6m-resChooser-card,
	.g6m-resChooser-btn,
	.g6m-resChooser-badge {
		animation: none !important;
		transition: none !important;
	}
	.g6m-resChooser-card:hover {
		transform: none;
	}
}

/* —— Responsive —— */
@media (max-width: 1100px) {
	.g6m-resChooser-layout {
		grid-template-columns: 1fr;
	}
	.g6m-resChooser-aside {
		position: static;
		order: 2;
	}
	.g6m-resChooser-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.g6m-resChooser-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	html body[data-template="xfrm_resource_add_chooser"] .p-body-inner {
		width: calc(100% - 12px) !important;
		padding: 8px 0 1.5rem !important;
	}
	.g6m-resChooser-grid {
		grid-template-columns: 1fr;
	}
	.g6m-resChooser-stats {
		grid-template-columns: 1fr 1fr;
		gap: 0.55rem;
	}
	.g6m-resChooser-hero {
		padding: 1.05rem 1rem 1rem;
	}
	.g6m-resChooser-main {
		padding: 0.85rem;
		border-radius: 16px;
	}
}

/* END G6M_RESOURCE_CHOOSER_PRO_V195 */