/* Reference: inckr usergroup data + Comiis touch permission rows.
   Both the link media and this media block isolate the existing desktop page. */
@media (max-width: 760px) {
	body.xsdm-usergroup-page.xsdm-theme {
		min-width: 0;
		background: #f3f4f5 !important;
	}

	body.xsdm-usergroup-page.xsdm-theme #wp.xsdm-page {
		width: 100% !important;
		max-width: 760px;
		min-width: 0;
		margin: 0 auto !important;
		padding: 0 0 calc(24px + env(safe-area-inset-bottom, 0px)) !important;
		background: #f3f4f5;
	}

	body.xsdm-usergroup-page.xsdm-theme :is(.xsdm-site-header, #pt, #ft, #scrolltop),
	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup > .rtj1009_zcd {
		display: none !important;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup {
		display: block !important;
		width: 100% !important;
		min-width: 0;
		margin: 10px 0 0 !important;
		padding: 0 !important;
		background: transparent !important;
		color: #333;
		font: inherit;
		font-size: 14px;
		line-height: 1.5;
		overflow-wrap: anywhere;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup,
	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup *,
	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-appbar,
	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-appbar * {
		box-sizing: border-box;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup > .rtj1009_sz_mn {
		float: none !important;
		width: 100% !important;
		min-width: 0;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-spacecp-card {
		border: 0 !important;
		border-radius: 0 !important;
		background: #fff !important;
		box-shadow: none !important;
		overflow: visible;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .ren_sz_yhz {
		min-width: 0;
		padding: 0 12px 18px !important;
		color: #999;
		font-size: 12px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-appbar {
		display: grid;
		grid-template-columns: 44px minmax(0, 1fr) 44px;
		align-items: center;
		min-height: 44px;
		padding-top: env(safe-area-inset-top, 0px);
		background: #fff;
		color: #172033;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-appbar a {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 44px;
		color: #172033;
		font-size: 18px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-appbar h1 {
		margin: 0;
		color: #172033;
		font-size: 16px;
		font-weight: 400;
		text-align: center;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-toolbar {
		align-items: stretch;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 0;
		height: auto !important;
		min-height: 44px;
		margin: 0 0 10px !important;
		border: 0 !important;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-primary {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		width: 100% !important;
		height: auto !important;
		min-height: 44px;
		border-bottom: 1px solid #edf0f3 !important;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-primary > li {
		justify-content: center;
		min-width: 0;
		height: auto !important;
		min-height: 44px;
		margin: 0 !important;
		line-height: 20px !important;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-primary > li > a,
	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-primary > li:hover > a {
		justify-content: center;
		width: 100% !important;
		height: auto !important;
		min-height: 44px;
		padding: 8px 3px !important;
		background: transparent !important;
		color: #777 !important;
		font-size: 13px;
		font-weight: 400;
		line-height: 20px !important;
		text-align: center;
		white-space: normal;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-primary > li.a > a {
		color: #0751af !important;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-primary > li.a::after {
		right: 24%;
		left: 24%;
		width: auto;
		background: #0751af;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-groups {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		width: 100%;
		padding: 12px 0 2px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-groups details {
		min-width: 0;
		border: 1px solid #edf0f3;
		border-radius: 4px;
		color: #777;
		font-size: 13px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-groups details[open] {
		grid-column: 1 / -1;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-groups summary {
		min-height: 36px;
		padding: 8px 10px;
		cursor: pointer;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-group-links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 10px;
		padding: 0 10px 8px;
		border-top: 1px solid #edf0f3;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-group-links a {
		padding: 8px 0;
		color: #333;
		font-size: 13px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-group-links a.xi1 {
		color: #0751af !important;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-compare {
		display: flex;
		flex-wrap: wrap;
		gap: 1px;
		background: #edf0f3;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-compare button {
		flex: 1 1 130px;
		min-width: 0;
		min-height: 44px;
		padding: 10px 8px;
		border: 0;
		border-bottom: 2px solid transparent;
		border-radius: 0;
		background: #fff;
		color: #999;
		font: inherit;
		font-size: 13px;
		line-height: 20px;
		cursor: pointer;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-compare button[aria-pressed="true"] {
		border-bottom-color: #0751af;
		color: #0751af;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-panel[hidden] {
		display: none !important;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-note {
		padding: 12px;
		background: #f3f4f5;
		color: #999;
		font-size: 13px;
		line-height: 22px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-note a {
		display: inline-block;
		margin: 3px 10px 3px 0;
		color: #f90;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-mobile-note .notice {
		display: block;
		margin: 0;
		padding: 0;
		background: transparent;
		color: inherit;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table {
		width: 100%;
		margin: 0 0 14px;
		border-collapse: collapse;
		table-layout: fixed;
		background: #fff;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table :is(th, td) {
		height: 40px;
		padding: 10px;
		border: 0;
		color: #333;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		text-align: left;
		vertical-align: middle;
		overflow-wrap: anywhere;
		white-space: normal;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table th {
		width: 47%;
		color: #777;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table tr:nth-child(even) {
		background: #f5f5f5;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table .xsdm-usergroup-mobile-section th {
		border-top: 10px solid #f3f4f5;
		background: #fff;
		color: #0751af;
	}

	body.xsdm-usergroup-page.xsdm-theme :is(.xsdm-usergroup-mobile-permission-table, .xsdm-usergroup-mobile-record) img {
		max-width: 100%;
		vertical-align: middle;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table .nwp {
		max-width: 100%;
		margin: 0;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-record {
		padding: 14px 0;
		border-top: 1px solid #edf0f3;
		background: #fff;
		color: #333;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-record h2 {
		margin: 0 0 8px;
		font-size: 15px;
		font-weight: 400;
		line-height: 24px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-record h2 a {
		color: #333;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-record dl {
		margin: 0;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-record dl > div {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 12px;
		padding: 4px 0;
		font-size: 13px;
		line-height: 22px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-record dt {
		color: #999;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-record dd {
		min-width: 0;
		margin: 0;
		color: #333;
		text-align: right;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 8px 14px;
		margin-top: 10px;
		font-size: 13px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-actions a {
		padding: 5px 0;
		color: #0751af !important;
		font-weight: 400;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup :is(.tbmu, .notice, .emp) {
		margin: 0 0 10px;
		padding: 10px;
		border: 0;
		background: #f5f5f5;
		color: #999;
		font-size: 13px;
		line-height: 22px;
		white-space: normal;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .tbmu > .y {
		display: block;
		float: none;
		margin-bottom: 3px;
	}

	/* If JavaScript is disabled or the matrix is extended, contain its scroll. */
	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .tdats {
		grid-template-columns: 180px repeat(2, 160px);
		min-width: 0;
		max-width: 100%;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .ren_sz_yhz > :is(table.dt, table.ftb) {
		display: block;
		max-width: 100%;
		overflow-x: auto;
	}

	body.xsdm-usergroup-page.xsdm-theme :is(#fwin_group, #fwin_content_group, #wp > .f_c) {
		max-width: calc(100vw - 24px) !important;
		box-sizing: border-box;
	}

	body.xsdm-usergroup-page.xsdm-theme :is(#fwin_group, #wp > .f_c) .list {
		width: 100% !important;
		font-size: 13px;
	}

	body.xsdm-usergroup-page.xsdm-theme :is(#ct.xsdm-spacecp-page-usergroup, .xsdm-usergroup-mobile-appbar) :is(a, button, summary) {
		-webkit-tap-highlight-color: transparent;
	}

	body.xsdm-usergroup-page.xsdm-theme :is(#ct.xsdm-spacecp-page-usergroup, .xsdm-usergroup-mobile-appbar) a:hover {
		background-color: transparent;
		text-decoration: none;
	}

	/* Last so the cloned navigation cannot re-show its native desktop source. */
	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-mobile-source {
		display: none !important;
	}

	/* Reference-matched group overview and real-data comparison. */
	body.xsdm-usergroup-page.xsdm-theme,
	body.xsdm-usergroup-page.xsdm-theme #wp.xsdm-page {
		background: #fff !important;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup {
		margin-top: 0 !important;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .ren_sz_yhz {
		padding: 0 12px 22px !important;
		background: #fff;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-appbar {
		min-height: 52px;
		border-bottom: 1px solid #edf0f3;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-appbar a {
		height: 52px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-appbar h1 {
		font-size: 17px;
		font-weight: 600;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-toolbar {
		margin-bottom: 12px !important;
		background: #fff;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-primary,
	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-primary > li,
	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-primary > li > a {
		min-height: 50px;
	}

	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-primary > li > a,
	body.xsdm-usergroup-page.xsdm-theme #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-primary > li:hover > a {
		font-size: 14px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-groups {
		display: grid;
		grid-template-columns: repeat(4, minmax(86px, 1fr));
		gap: 7px;
		padding: 12px 0 4px;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-group-trigger {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		min-width: 86px;
		height: 34px;
		margin: 0;
		padding: 0 7px;
		border: 1px solid #dfe5ed;
		border-radius: 6px;
		background: #fff;
		box-shadow: none;
		color: #4e5969;
		font: inherit;
		font-size: 12px;
		line-height: 18px;
		white-space: nowrap;
		appearance: none;
		-webkit-appearance: none;
		cursor: pointer;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-group-trigger > span {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-group-trigger > i {
		flex: 0 0 auto;
		font-size: 11px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-group-trigger:is(.is-active, [aria-expanded="true"]) {
		border-color: #1769e0;
		color: #0751af;
		font-weight: 500;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permissions {
		display: block;
		min-width: 0;
		color: #172033;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero {
		position: relative;
		min-height: 170px;
		margin: 0 0 20px;
		padding: 18px 20px;
		border-radius: 14px;
		background: #0865ed;
		box-shadow: 0 10px 24px rgba(7, 81, 175, .16);
		color: #fff;
		overflow: hidden;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero > header {
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero h2 {
		min-width: 0;
		margin: 0;
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		line-height: 26px;
		overflow-wrap: anywhere;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero > header > span {
		flex: 0 0 auto;
		padding: 3px 10px;
		border: 1px solid rgba(255, 255, 255, .9);
		border-radius: 999px;
		font-size: 12px;
		line-height: 19px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero-body {
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		gap: 16px;
		margin-top: 16px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero-body > .bi-award-fill {
		display: grid;
		flex: 0 0 54px;
		width: 54px;
		height: 54px;
		border-radius: 50%;
		background: rgba(255, 255, 255, .22);
		color: #ffd54f;
		font-size: 31px;
		place-items: center;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero-details {
		min-width: 0;
		flex: 1 1 auto;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero-details p {
		display: flex;
		align-items: center;
		gap: 12px;
		min-width: 0;
		margin: 0;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero-credit {
		padding-bottom: 10px;
		border-bottom: 1px solid rgba(255, 255, 255, .28);
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero-credit span,
	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero-level span {
		font-size: 15px;
		line-height: 22px;
		opacity: .9;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero-credit strong {
		font-size: 27px;
		font-weight: 600;
		line-height: 34px;
		letter-spacing: .5px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero-level {
		padding-top: 10px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero-level strong {
		display: inline-flex;
		align-items: center;
		min-width: 0;
		font-weight: 500;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero-level img {
		max-height: 18px;
		width: auto;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-hero-crown {
		position: absolute;
		right: 20px;
		bottom: -6px;
		color: rgba(255, 255, 255, .16);
		font-size: 76px;
		line-height: 1;
		transform: rotate(-7deg);
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-compare-heading {
		display: flex;
		align-items: end;
		justify-content: space-between;
		gap: 12px;
		margin: 0 2px 14px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-compare-heading h2 {
		margin: 0;
		color: #172033;
		font-size: 17px;
		font-weight: 600;
		line-height: 24px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-compare-heading p {
		margin: 2px 0 0;
		color: #7b8494;
		font-size: 12px;
		line-height: 20px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-switch {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		min-height: 32px;
		margin: 0;
		padding: 4px 0;
		border: 0;
		background: transparent;
		color: #0751af;
		font: inherit;
		font-size: 12px;
		font-weight: 500;
		line-height: 20px;
		appearance: none;
		-webkit-appearance: none;
		cursor: pointer;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-note {
		margin: -4px 0 12px;
		padding: 10px 12px;
		border-radius: 8px;
		background: #f5f8fc;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table {
		border: 1px solid #e3e9f1;
		border-radius: 12px;
		border-collapse: separate;
		border-spacing: 0;
		overflow: hidden;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table :is(th, td) {
		height: 42px;
		padding: 9px 8px;
		border-right: 1px solid #e3e9f1;
		border-bottom: 1px solid #e3e9f1;
		font-size: 12px;
		line-height: 20px;
		text-align: center;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table tr > :last-child {
		border-right: 0;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table tbody tr:last-child > * {
		border-bottom: 0;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table thead th {
		height: 66px;
		background: #fff;
		color: #7b8494;
		font-weight: 500;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table thead th:first-child,
	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table tbody th:not([colspan]) {
		width: 34%;
		text-align: left;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table thead th.is-current,
	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table thead th.is-compare {
		width: 33%;
		background: #0865ed;
		color: #fff;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table thead th.is-compare {
		background: #08b98a;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table thead th strong,
	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table thead th span {
		display: block;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table thead th strong {
		font-size: 14px;
		font-weight: 600;
		line-height: 22px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table thead th span {
		margin-top: 3px;
		font-size: 11px;
		font-weight: 400;
		opacity: .9;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table tbody tr:nth-child(even) {
		background: #fafbfd;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table .xsdm-usergroup-mobile-section th {
		height: 38px;
		border-top: 7px solid #f3f4f5;
		background: #fff;
		color: #0751af;
		font-weight: 600;
		text-align: left;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-mobile-permission-table img {
		width: auto;
		max-width: 18px;
		max-height: 18px;
	}

	/* Shared mobile bottom sheet. All option labels and targets come from Discuz. */
	body.xsdm-usergroup-page.xsdm-theme.xsdm-usergroup-sheet-open {
		overflow: hidden;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet {
		position: fixed;
		inset: 0;
		z-index: 10060;
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet[hidden] {
		display: none !important;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-backdrop {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		background: rgba(10, 18, 29, .5);
		appearance: none;
		-webkit-appearance: none;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-panel {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 760px;
		max-height: 82vh;
		max-height: 82dvh;
		border-radius: 20px 20px 0 0;
		background: #fff;
		box-shadow: 0 -10px 32px rgba(10, 28, 54, .18);
		overflow: hidden;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-heading {
		flex: 0 0 auto;
		padding: 4px 16px 12px;
		background: #fff;
		text-align: center;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-heading > i {
		display: block;
		height: 22px;
		color: #b7bfcb;
		font-size: 34px;
		line-height: 22px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-heading h2 {
		margin: 3px 0 0;
		color: #172033;
		font-size: 18px;
		font-weight: 600;
		line-height: 27px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-options {
		flex: 1 1 auto;
		min-height: 0;
		margin: 0 14px;
		border: 1px solid #e3e9f1;
		border-radius: 12px;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-option {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		width: 100%;
		min-height: 55px;
		margin: 0;
		padding: 12px 14px;
		border: 0;
		border-bottom: 1px solid #e8edf3;
		background: #fff;
		color: #172033;
		font: inherit;
		font-size: 15px;
		line-height: 24px;
		text-align: left;
		appearance: none;
		-webkit-appearance: none;
		cursor: pointer;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-option:last-child {
		border-bottom: 0;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-option > span {
		min-width: 0;
		overflow-wrap: anywhere;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-option > i {
		flex: 0 0 auto;
		color: #d5dbe3;
		font-size: 20px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-option[aria-pressed="true"] {
		color: #0751af;
		font-weight: 500;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-option[aria-pressed="true"] > i {
		color: #0865ed;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-footer {
		flex: 0 0 auto;
		padding: 14px 14px calc(14px + env(safe-area-inset-bottom, 0px));
		background: #fff;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-confirm {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 48px;
		margin: 0;
		padding: 0 16px;
		border: 1px solid #0865ed;
		border-radius: 8px;
		background: #0865ed;
		color: #fff;
		font: inherit;
		font-size: 16px;
		font-weight: 600;
		line-height: 24px;
		appearance: none;
		-webkit-appearance: none;
		cursor: pointer;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-sheet-confirm:disabled {
		opacity: .45;
		cursor: default;
	}

	/* Community permissions retain the live Discuz forum and permission matrix. */
	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-permissions {
		min-width: 0;
		margin: 14px 3px 0;
		color: #172033;
	}

	body.xsdm-usergroup-page.xsdm-theme.xsdm-usergroup-forum-page #ct.xsdm-spacecp-page-usergroup .xsdm-usergroup-toolbar {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-legend {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px 18px;
		min-height: 0;
		margin: 0;
		padding: 8px 12px;
		border-radius: 8px;
		background: #f7f9fc;
		color: #30384a;
		font-size: 13px;
		line-height: 22px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-legend-item {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		white-space: nowrap;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-legend-item img {
		flex: 0 0 auto;
		width: 17px;
		height: 17px;
		object-fit: contain;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-legend-item.is-verification {
		gap: 6px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-legend-item.is-verification > strong {
		color: #075ee8;
		font-weight: 400;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-list {
		margin-top: 0;
		background: #fff;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-record {
		padding: 12px 14px 14px;
		border-bottom: 1px solid #e1e6ed;
		background: #fff;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-record h2 {
		margin: 0 0 8px;
		color: #101d36;
		font-size: 15px;
		font-weight: 600;
		line-height: 22px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-record h2 a {
		color: #101d36 !important;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-record-permissions {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px 30px;
		margin: 0;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-permission {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		min-width: 0;
		color: #414a5a;
		font-size: 13px;
		line-height: 20px;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-permission :is(dt, dd) {
		min-width: 0;
		margin: 0;
		font-weight: 400;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-permission dt {
		white-space: nowrap;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-permission dd {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 3px;
		color: #536070;
		text-align: right;
	}

	body.xsdm-usergroup-page.xsdm-theme .xsdm-usergroup-forum-permission dd img {
		width: auto;
		max-width: 16px;
		height: auto;
		max-height: 16px;
		vertical-align: middle;
	}

	body.xsdm-usergroup-page.xsdm-theme :is(.xsdm-usergroup-mobile-group-trigger, .xsdm-usergroup-mobile-switch, .xsdm-usergroup-sheet-option, .xsdm-usergroup-sheet-confirm):focus-visible {
		outline: 2px solid #0751af;
		outline-offset: 2px;
	}
}