/**
 * The Wealth Events v1.16.10
 * Shared compact dashboard system for private operating workspaces.
 * Public event pages and the public website are intentionally excluded.
 */

body.twe-compact-workspace {
	--twe-compact-ink: #24172a;
	--twe-compact-muted: #6f6372;
	--twe-compact-purple: #31103d;
	--twe-compact-purple-2: #4d1b5f;
	--twe-compact-gold: #dfbd68;
	--twe-compact-cream: #f7f1e6;
	--twe-compact-paper: #fffdfa;
	--twe-compact-line: rgba(50, 23, 60, .13);
	--twe-compact-shadow: 0 12px 34px rgba(35, 17, 42, .08);
	--twe-compact-radius: 18px;
	--twe-compact-gap: clamp(14px, 1.7vw, 22px);
}

/* -------------------------------------------------------------------------
 * Compact page shell and hero
 * ---------------------------------------------------------------------- */
body.twe-compact-workspace main {
	background: var(--twe-compact-cream);
}
body.twe-compact-workspace main > section,
body.twe-compact-workspace main > form > section {
	scroll-margin-top: 150px;
}
body.twe-compact-workspace main > [class*="-hero"],
body.twe-compact-workspace main > form > [class*="-hero"] {
	min-height: 0 !important;
	padding-top: clamp(42px, 6vw, 76px) !important;
	padding-bottom: clamp(28px, 4vw, 48px) !important;
}
body.twe-compact-workspace [class*="-hero-grid"],
body.twe-compact-workspace [class*="-hero-inner"] {
	min-height: 0 !important;
	align-items: center !important;
	gap: clamp(22px, 4vw, 54px) !important;
}
body.twe-compact-workspace [class*="-hero"] h1 {
	max-width: 920px;
	margin-bottom: 14px !important;
	font-size: clamp(2.35rem, 5.2vw, 5.15rem) !important;
	line-height: .94 !important;
}
body.twe-compact-workspace [class*="-hero"] h1 + p,
body.twe-compact-workspace [class*="-hero"] [class*="hero-copy"] > p {
	max-width: 760px;
	margin-top: 0 !important;
	font-size: clamp(.96rem, 1.35vw, 1.12rem) !important;
	line-height: 1.65 !important;
}
body.twe-compact-workspace [class*="-hero-actions"],
body.twe-compact-workspace .twe-host-hero-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	margin-top: 22px !important;
}
body.twe-compact-workspace [class*="-hero-actions"] .twe-btn,
body.twe-compact-workspace .twe-host-hero-actions .twe-btn {
	min-height: 44px;
	padding: 11px 18px !important;
}
body.twe-compact-workspace [class*="-hero-visual"],
body.twe-compact-workspace [class*="-hero"] [class*="score-card"],
body.twe-compact-workspace [class*="-hero"] [class*="command-card"] {
	max-width: 390px;
}

/* -------------------------------------------------------------------------
 * Shared sticky workspace tabs
 * ---------------------------------------------------------------------- */
body.twe-compact-workspace .twe-workspace-tabs-shell {
	position: sticky;
	top: 74px;
	z-index: 80;
	border-bottom: 1px solid var(--twe-compact-line);
	background: rgba(255, 253, 250, .94);
	box-shadow: 0 8px 20px rgba(35, 17, 42, .05);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}
body.twe-compact-workspace .twe-workspace-tabs {
	display: flex;
	align-items: center;
	gap: 7px;
	width: min(100% - 32px, 1280px);
	margin: 0 auto;
	padding: 10px 0;
	overflow-x: auto;
	scrollbar-width: thin;
}
body.twe-compact-workspace .twe-workspace-tabs a {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 14px;
	border: 1px solid transparent;
	border-radius: 999px;
	color: #40214b !important;
	background: transparent;
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .025em;
	text-decoration: none !important;
	white-space: nowrap;
}
body.twe-compact-workspace .twe-workspace-tabs a:hover,
body.twe-compact-workspace .twe-workspace-tabs a:focus-visible,
body.twe-compact-workspace .twe-workspace-tabs a.is-active {
	border-color: rgba(77, 27, 95, .18);
	color: #fff !important;
	background: var(--twe-compact-purple);
}

/* -------------------------------------------------------------------------
 * Section rhythm and compact headings
 * ---------------------------------------------------------------------- */
body.twe-compact-workspace main > section.twe-section,
body.twe-compact-workspace main > section[class*="-overview"],
body.twe-compact-workspace main > section[class*="-portfolio"],
body.twe-compact-workspace main > section[class*="-events"],
body.twe-compact-workspace main > section[class*="-principles"],
body.twe-compact-workspace main > form > section.twe-section,
body.twe-compact-workspace main > form > section[class*="-section"],
body.twe-compact-workspace main > form > section[class*="-overview"],
body.twe-compact-workspace main > form > section[class*="-principles"] {
	padding-top: clamp(38px, 5vw, 68px);
	padding-bottom: clamp(38px, 5vw, 68px);
}
body.twe-compact-workspace [class*="-section-head"],
body.twe-compact-workspace [class*="-overview-head"],
body.twe-compact-workspace [class*="-workspace-head"],
body.twe-compact-workspace [class*="-panel-head"] {
	gap: 18px !important;
	margin-bottom: clamp(18px, 2.5vw, 30px) !important;
}
body.twe-compact-workspace [class*="-section-head"] h2,
body.twe-compact-workspace [class*="-overview-head"] h2,
body.twe-compact-workspace [class*="-workspace-head"] h2 {
	font-size: clamp(1.8rem, 3.4vw, 3.35rem) !important;
	line-height: 1.02 !important;
}
body.twe-compact-workspace [class*="-section-head"] > p,
body.twe-compact-workspace [class*="-overview-head"] > p,
body.twe-compact-workspace [class*="-workspace-head"] > p {
	max-width: 610px;
	font-size: .94rem !important;
	line-height: 1.58 !important;
}

/* -------------------------------------------------------------------------
 * Dense overview/KPI strips
 * ---------------------------------------------------------------------- */
body.twe-compact-workspace :is(
	.twe-lifecycle-scorecards,
	.twe-intelligence-overview-grid,
	.twe-intelligence-metric-grid,
	.twe-exec-kpi-grid,
	.twe-relationship-overview-grid,
	.twe-engagement-overview-grid,
	.twe-conversion-metric-grid,
	.twe-ops-summary-grid,
	.twe-platform-health-grid,
	.twe-onboarding-readiness-grid,
	.twe-command-stats
) {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
	gap: 11px !important;
}
body.twe-compact-workspace :is(
	.twe-lifecycle-scorecards,
	.twe-intelligence-overview-grid,
	.twe-intelligence-metric-grid,
	.twe-exec-kpi-grid,
	.twe-relationship-overview-grid,
	.twe-engagement-overview-grid,
	.twe-conversion-metric-grid,
	.twe-ops-summary-grid,
	.twe-platform-health-grid,
	.twe-onboarding-readiness-grid,
	.twe-command-stats
) > article,
body.twe-compact-workspace :is(.twe-ops-summary-grid,.twe-platform-health-grid) > div {
	min-height: 0 !important;
	padding: 16px !important;
	border-radius: 15px !important;
	box-shadow: none !important;
}
body.twe-compact-workspace :is(
	.twe-lifecycle-scorecards,
	.twe-intelligence-overview-grid,
	.twe-intelligence-metric-grid,
	.twe-exec-kpi-grid,
	.twe-relationship-overview-grid,
	.twe-engagement-overview-grid,
	.twe-conversion-metric-grid,
	.twe-ops-summary-grid,
	.twe-platform-health-grid,
	.twe-onboarding-readiness-grid,
	.twe-command-stats
) strong {
	font-size: clamp(1.35rem, 2.3vw, 2.25rem) !important;
	line-height: 1 !important;
}
body.twe-compact-workspace :is(
	.twe-lifecycle-scorecards,
	.twe-intelligence-overview-grid,
	.twe-intelligence-metric-grid,
	.twe-exec-kpi-grid,
	.twe-relationship-overview-grid,
	.twe-engagement-overview-grid,
	.twe-conversion-metric-grid,
	.twe-ops-summary-grid,
	.twe-platform-health-grid,
	.twe-onboarding-readiness-grid,
	.twe-command-stats
) :is(p,small) {
	font-size: .75rem !important;
	line-height: 1.4 !important;
}

/* -------------------------------------------------------------------------
 * Sticky filters and search controls
 * ---------------------------------------------------------------------- */
body.twe-compact-workspace :is(
	.twe-lifecycle-filters,
	.twe-intelligence-controls,
	.twe-relationship-controls,
	.twe-conversion-controls,
	.twe-exec-controls > .twe-container,
	.twe-command-picker,
	.twe-journey-picker,
	.twe-legacy-picker,
	.twe-social-event-bar > .twe-container
) {
	position: sticky;
	top: 132px;
	z-index: 55;
	padding: 10px !important;
	border: 1px solid var(--twe-compact-line) !important;
	border-radius: 16px !important;
	background: rgba(255, 253, 250, .95) !important;
	box-shadow: 0 9px 24px rgba(35, 17, 42, .08) !important;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}
body.twe-compact-workspace :is(
	.twe-lifecycle-filters,
	.twe-intelligence-filter-group,
	.twe-relationship-controls,
	.twe-conversion-controls
) button {
	min-height: 38px !important;
	padding: 8px 12px !important;
}

/* -------------------------------------------------------------------------
 * Shared attention queue
 * ---------------------------------------------------------------------- */
body.twe-compact-workspace :is(
	.twe-lifecycle-attention-list,
	.twe-journey-attention-list,
	.twe-intelligence-coaching-list,
	.twe-ops-compact-list,
	.twe-ops-audit-list,
	.twe-onboarding-admin-table
) {
	gap: 8px !important;
}
body.twe-compact-workspace :is(
	.twe-lifecycle-attention-item,
	.twe-journey-attention-list > article,
	.twe-intelligence-coaching-list > a,
	.twe-ops-compact-list > *,
	.twe-ops-audit-list > *,
	.twe-onboarding-admin-row
) {
	min-height: 0 !important;
	padding: 12px 14px !important;
	border-radius: 13px !important;
}
body.twe-compact-workspace .twe-compact-hidden-item {
	display: none !important;
}
body.twe-compact-workspace .twe-compact-list-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	margin-top: 12px;
	padding: 9px 15px;
	border: 1px solid rgba(73, 30, 87, .24);
	border-radius: 999px;
	color: #40214b !important;
	background: #fff;
	font-size: .74rem;
	font-weight: 900;
	cursor: pointer;
}
body.twe-compact-workspace .twe-compact-list-toggle:hover {
	color: #fff !important;
	background: var(--twe-compact-purple);
}

/* -------------------------------------------------------------------------
 * Compact event cards and collapsible details
 * ---------------------------------------------------------------------- */
body.twe-compact-workspace :is(.twe-lifecycle-event-list,.twe-intelligence-event-list,.twe-relationship-list,.twe-conversion-list) {
	gap: var(--twe-compact-gap) !important;
}
body.twe-compact-workspace :is(.twe-lifecycle-event-card,.twe-intelligence-event-card,.twe-relationship-card,.twe-conversion-card) {
	border-radius: var(--twe-compact-radius) !important;
	box-shadow: var(--twe-compact-shadow) !important;
}
body.twe-compact-workspace .twe-lifecycle-event-card,
body.twe-compact-workspace .twe-intelligence-event-card {
	overflow: clip;
	padding: 0 !important;
}
body.twe-compact-workspace .twe-lifecycle-event-summary,
body.twe-compact-workspace .twe-intelligence-event-head {
	padding: 18px !important;
	gap: 14px !important;
}
body.twe-compact-workspace .twe-lifecycle-event-image,
body.twe-compact-workspace .twe-intelligence-event-image {
	width: 96px !important;
	min-width: 96px !important;
	height: 72px !important;
	border-radius: 12px !important;
}
body.twe-compact-workspace .twe-lifecycle-event-identity h3,
body.twe-compact-workspace .twe-intelligence-event-title h3 {
	font-size: clamp(1.2rem, 2.1vw, 1.75rem) !important;
	line-height: 1.05 !important;
}
body.twe-compact-workspace .twe-lifecycle-overall-progress,
body.twe-compact-workspace .twe-intelligence-event-score {
	min-width: 118px;
}
body.twe-compact-workspace .twe-lifecycle-next-action,
body.twe-compact-workspace .twe-intelligence-review {
	margin: 0 18px 16px !important;
	padding: 14px 16px !important;
	border-radius: 14px !important;
}
body.twe-compact-workspace .twe-lifecycle-next-action h4 {
	margin: 3px 0 3px !important;
	font-size: 1rem !important;
}
body.twe-compact-workspace .twe-lifecycle-next-action p,
body.twe-compact-workspace .twe-intelligence-review p {
	margin: 0 !important;
	font-size: .8rem !important;
	line-height: 1.45 !important;
}
body.twe-compact-workspace .twe-workspace-card-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 36px);
	min-height: 43px;
	margin: 0 18px 18px;
	padding: 9px 14px;
	border: 1px solid rgba(66, 29, 77, .17);
	border-radius: 12px;
	color: #3e1d49 !important;
	background: #faf6fb;
	font-size: .74rem;
	font-weight: 900;
	cursor: pointer;
}
body.twe-compact-workspace .twe-workspace-card-toggle::after {
	content: "+";
	display: grid;
	place-items: center;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	color: #fff;
	background: var(--twe-compact-purple);
	font-size: 1rem;
	line-height: 1;
}
body.twe-compact-workspace .twe-workspace-card-toggle[aria-expanded="true"]::after {
	content: "−";
}
body.twe-compact-workspace .twe-workspace-card-details {
	padding: 0 18px 18px;
}
body.twe-compact-workspace .twe-workspace-card-details[hidden] {
	display: none !important;
}
body.twe-compact-workspace .twe-workspace-card-details > :first-child {
	margin-top: 0 !important;
}
body.twe-compact-workspace .twe-lifecycle-stage-track,
body.twe-compact-workspace .twe-lifecycle-event-metrics,
body.twe-compact-workspace .twe-intelligence-metric-grid,
body.twe-compact-workspace .twe-intelligence-score-breakdown,
body.twe-compact-workspace .twe-intelligence-detail-grid,
body.twe-compact-workspace .twe-intelligence-tool-row {
	margin-top: 12px !important;
}
body.twe-compact-workspace .twe-lifecycle-stage-track {
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
	gap: 7px !important;
}
body.twe-compact-workspace .twe-lifecycle-stage {
	padding: 10px !important;
}
body.twe-compact-workspace .twe-lifecycle-event-metrics,
body.twe-compact-workspace .twe-intelligence-metric-grid {
	grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important;
	gap: 9px !important;
}
body.twe-compact-workspace .twe-lifecycle-event-metrics > article,
body.twe-compact-workspace .twe-intelligence-metric-grid > article {
	padding: 13px !important;
}
body.twe-compact-workspace .twe-lifecycle-tool-dock,
body.twe-compact-workspace .twe-intelligence-tool-row {
	padding: 14px !important;
	border-radius: 14px !important;
}
body.twe-compact-workspace .twe-lifecycle-tool-dock > div,
body.twe-compact-workspace .twe-intelligence-tool-row {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
	gap: 7px !important;
}
body.twe-compact-workspace .twe-lifecycle-tool-dock a,
body.twe-compact-workspace .twe-intelligence-tool-row a {
	min-height: 54px !important;
	padding: 9px !important;
}

/* Relationship directory already behaves like a row; tighten it further. */
body.twe-compact-workspace .twe-relationship-card {
	padding: 14px !important;
	gap: 12px !important;
}
body.twe-compact-workspace .twe-relationship-card-main {
	gap: 11px !important;
}
body.twe-compact-workspace .twe-relationship-card-metrics > div {
	padding: 8px !important;
}
body.twe-compact-workspace .twe-relationship-card-next {
	padding: 11px !important;
}
body.twe-compact-workspace .twe-relationship-card-actions {
	gap: 7px !important;
}

/* -------------------------------------------------------------------------
 * Optional collapsible sections
 * ---------------------------------------------------------------------- */
body.twe-compact-workspace .twe-workspace-section-toggle {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 13px;
	border: 1px solid rgba(70, 31, 83, .2);
	border-radius: 999px;
	color: #40214b !important;
	background: #fff;
	font-size: .68rem;
	font-weight: 900;
	cursor: pointer;
}
body.twe-compact-workspace .is-dark .twe-workspace-section-toggle,
body.twe-compact-workspace [class*="-principles"] .twe-workspace-section-toggle {
	color: #fff !important;
	background: rgba(255,255,255,.08);
	border-color: rgba(255,255,255,.28);
}
body.twe-compact-workspace .twe-workspace-section-body[hidden] {
	display: none !important;
}
body.twe-compact-workspace .twe-workspace-section.is-collapsed {
	padding-top: 26px !important;
	padding-bottom: 26px !important;
}
body.twe-compact-workspace .twe-workspace-section.is-collapsed [class*="-section-head"],
body.twe-compact-workspace .twe-workspace-section.is-collapsed [class*="-panel-head"] {
	margin-bottom: 0 !important;
}

/* -------------------------------------------------------------------------
 * Operations and reporting tables
 * ---------------------------------------------------------------------- */
body.twe-compact-workspace .twe-ops-main,
body.twe-compact-workspace .twe-exec-main,
body.twe-compact-workspace .twe-platform-main {
	padding-top: 34px !important;
	padding-bottom: 54px !important;
}
body.twe-compact-workspace .twe-ops-panel,
body.twe-compact-workspace .twe-exec-panel,
body.twe-compact-workspace .twe-platform-settings-card,
body.twe-compact-workspace .twe-platform-tool-card,
body.twe-compact-workspace .twe-launch-score-card,
body.twe-compact-workspace .twe-launch-check-card,
body.twe-compact-workspace .twe-launch-manual-card {
	border-radius: 16px !important;
	box-shadow: var(--twe-compact-shadow) !important;
}
body.twe-compact-workspace .twe-ops-row,
body.twe-compact-workspace .twe-exec-event-row {
	min-height: 0 !important;
	padding: 11px 13px !important;
}
body.twe-compact-workspace .twe-ops-row :is(strong,small,code),
body.twe-compact-workspace .twe-exec-event-row :is(strong,small) {
	line-height: 1.35 !important;
}
body.twe-compact-workspace .twe-platform-card-grid,
body.twe-compact-workspace .twe-platform-tools-grid,
body.twe-compact-workspace .twe-ops-tool-grid,
body.twe-compact-workspace .twe-exec-two-column,
body.twe-compact-workspace .twe-intelligence-portfolio-grid,
body.twe-compact-workspace .twe-engagement-playbook-grid,
body.twe-compact-workspace .twe-relationship-principle-grid,
body.twe-compact-workspace .twe-conversion-principle-grid {
	gap: var(--twe-compact-gap) !important;
}
body.twe-compact-workspace .twe-platform-settings-card,
body.twe-compact-workspace .twe-platform-tool-card,
body.twe-compact-workspace .twe-ops-tool-card,
body.twe-compact-workspace .twe-intelligence-ranking-card,
body.twe-compact-workspace .twe-intelligence-guest-card,
body.twe-compact-workspace .twe-intelligence-host-card,
body.twe-compact-workspace .twe-engagement-playbook,
body.twe-compact-workspace .twe-relationship-principle-grid > article,
body.twe-compact-workspace .twe-conversion-principle-grid > article {
	padding: clamp(15px, 2vw, 22px) !important;
	border-radius: 16px !important;
}

/* -------------------------------------------------------------------------
 * Onboarding, Journey, Command, Legacy, and Social workspace density
 * ---------------------------------------------------------------------- */
body.twe-compact-workspace .twe-onboarding-step {
	padding: 13px !important;
	border-radius: 14px !important;
}
body.twe-compact-workspace .twe-onboarding-step-copy p {
	margin: 4px 0 8px !important;
}
body.twe-compact-workspace .twe-journey-step {
	min-height: 0 !important;
	padding: 14px !important;
	gap: 12px !important;
}
body.twe-compact-workspace .twe-journey-step-copy p {
	margin: 4px 0 8px !important;
}
body.twe-compact-workspace .twe-journey-bottom-grid,
body.twe-compact-workspace .twe-command-bottom-grid,
body.twe-compact-workspace .twe-command-main-grid,
body.twe-compact-workspace .twe-legacy-report-grid {
	gap: var(--twe-compact-gap) !important;
}
body.twe-compact-workspace .twe-journey-host-guide,
body.twe-compact-workspace .twe-command-team,
body.twe-compact-workspace .twe-command-activity,
body.twe-compact-workspace .twe-legacy-insights,
body.twe-compact-workspace .twe-legacy-attribution,
body.twe-compact-workspace .twe-legacy-followup,
body.twe-compact-workspace .twe-legacy-repurpose {
	border-radius: 17px !important;
	padding: clamp(17px, 2.4vw, 26px) !important;
}
body.twe-compact-workspace .twe-social-workspace,
body.twe-compact-workspace .twe-social-calendar-section,
body.twe-compact-workspace .twe-social-growth-section,
body.twe-compact-workspace .twe-impact-section,
body.twe-compact-workspace .twe-autopilot-section {
	padding-top: clamp(38px, 5vw, 64px) !important;
	padding-bottom: clamp(38px, 5vw, 64px) !important;
}

/* Keep the contextual help control from covering lower-right actions. */
body.twe-compact-workspace .twe-context-help,
body.twe-compact-workspace .twe-context-help-trigger {
	bottom: 18px !important;
	right: 18px !important;
	max-width: min(260px, calc(100vw - 36px));
}
body.twe-compact-workspace .twe-context-help-trigger {
	min-height: 43px !important;
	padding: 8px 14px !important;
}

/* -------------------------------------------------------------------------
 * Tablet and mobile
 * ---------------------------------------------------------------------- */
@media (max-width: 980px) {
	body.twe-compact-workspace .twe-workspace-tabs-shell { top: 66px; }
	body.twe-compact-workspace :is(
		.twe-lifecycle-filters,
		.twe-intelligence-controls,
		.twe-relationship-controls,
		.twe-conversion-controls,
		.twe-exec-controls > .twe-container,
		.twe-command-picker,
		.twe-journey-picker,
		.twe-legacy-picker,
		.twe-social-event-bar > .twe-container
	) { top: 118px; }
	body.twe-compact-workspace [class*="-hero-grid"] {
		grid-template-columns: 1fr !important;
	}
	body.twe-compact-workspace [class*="-hero-visual"] {
		display: none !important;
	}
	body.twe-compact-workspace .twe-lifecycle-event-summary,
	body.twe-compact-workspace .twe-intelligence-event-head {
		grid-template-columns: 82px minmax(0, 1fr) auto !important;
	}
	body.twe-compact-workspace .twe-lifecycle-event-image,
	body.twe-compact-workspace .twe-intelligence-event-image {
		width: 82px !important;
		min-width: 82px !important;
		height: 66px !important;
	}
}

@media (max-width: 720px) {
	body.twe-compact-workspace main > [class*="-hero"],
	body.twe-compact-workspace main > form > [class*="-hero"] {
		padding-top: 30px !important;
		padding-bottom: 24px !important;
	}
	body.twe-compact-workspace [class*="-hero"] h1 {
		font-size: clamp(2.05rem, 11vw, 3.45rem) !important;
	}
	body.twe-compact-workspace .twe-workspace-tabs {
		width: calc(100% - 20px);
		padding: 8px 0;
	}
	body.twe-compact-workspace .twe-workspace-tabs a {
		min-height: 36px;
		padding: 7px 12px;
	}
	body.twe-compact-workspace :is(
		.twe-lifecycle-filters,
		.twe-intelligence-controls,
		.twe-relationship-controls,
		.twe-conversion-controls,
		.twe-exec-controls > .twe-container,
		.twe-command-picker,
		.twe-journey-picker,
		.twe-legacy-picker,
		.twe-social-event-bar > .twe-container
	) {
		position: static;
		border-radius: 14px !important;
	}
	body.twe-compact-workspace .twe-lifecycle-filters,
	body.twe-compact-workspace .twe-intelligence-filter-group {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto;
	}
	body.twe-compact-workspace .twe-lifecycle-event-summary,
	body.twe-compact-workspace .twe-intelligence-event-head {
		display: grid !important;
		grid-template-columns: 68px minmax(0, 1fr) !important;
		padding: 14px !important;
	}
	body.twe-compact-workspace .twe-lifecycle-event-image,
	body.twe-compact-workspace .twe-intelligence-event-image {
		width: 68px !important;
		min-width: 68px !important;
		height: 58px !important;
	}
	body.twe-compact-workspace .twe-lifecycle-overall-progress,
	body.twe-compact-workspace .twe-intelligence-event-score {
		grid-column: 1 / -1;
		width: 100%;
		min-width: 0;
		justify-content: flex-start !important;
	}
	body.twe-compact-workspace .twe-intelligence-score-ring {
		width: 62px !important;
		height: 62px !important;
	}
	body.twe-compact-workspace .twe-lifecycle-next-action {
		display: grid !important;
		grid-template-columns: 1fr !important;
		margin: 0 14px 12px !important;
	}
	body.twe-compact-workspace .twe-lifecycle-next-action .twe-btn {
		width: 100%;
	}
	body.twe-compact-workspace .twe-intelligence-review {
		margin: 0 14px 12px !important;
	}
	body.twe-compact-workspace .twe-workspace-card-toggle {
		width: calc(100% - 28px);
		margin: 0 14px 14px;
	}
	body.twe-compact-workspace .twe-workspace-card-details {
		padding: 0 14px 14px;
	}
	body.twe-compact-workspace .twe-relationship-card-main,
	body.twe-compact-workspace .twe-relationship-card-metrics,
	body.twe-compact-workspace .twe-relationship-card-actions {
		grid-template-columns: 1fr !important;
	}
	body.twe-compact-workspace .twe-context-help,
	body.twe-compact-workspace .twe-context-help-trigger {
		bottom: 10px !important;
		right: 10px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.twe-compact-workspace .twe-workspace-card-details,
	body.twe-compact-workspace .twe-workspace-section-body {
		scroll-behavior: auto;
	}
}

/* -------------------------------------------------------------------------
 * v1.17.1 — Readiness cards need more than a KPI tile's width.
 *
 * The compact layer packs metric grids at minmax(150px,1fr). That works for
 * tiles holding a number and a label, but the System Health and onboarding
 * readiness cards carry a status flag, a title, a sentence of detail and a
 * link. At 150px the container fitted seven across and the text clipped.
 * ---------------------------------------------------------------------- */
body.twe-compact-workspace :is(
	.twe-platform-health-grid,
	.twe-onboarding-readiness-grid
) {
	grid-template-columns: repeat(auto-fit, minmax(258px, 1fr)) !important;
	gap: 14px !important;
}
body.twe-compact-workspace :is(
	.twe-platform-health-grid,
	.twe-onboarding-readiness-grid
) > :is(article, div) {
	padding: 18px !important;
	min-width: 0;
}
/* Long values such as an email address or a time zone wrap instead of spilling. */
body.twe-compact-workspace :is(
	.twe-platform-health-grid,
	.twe-onboarding-readiness-grid
) :is(h3, p, span, a, strong) {
	min-width: 0;
	overflow-wrap: anywhere;
}


/* v1.17.10 shared workspace contrast polish */

body.twe-compact-workspace .twe-workspace-tabs a:hover,
body.twe-compact-workspace .twe-workspace-tabs a:focus-visible,
body.twe-compact-workspace .twe-workspace-tabs a.is-active{
  border-color:rgba(77,27,95,.28);
  color:#fff !important;
  background:#3b1749;
  box-shadow:0 8px 18px rgba(59,23,73,.16);
}
body.twe-compact-workspace .twe-workspace-tabs a{transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}


/* v1.17.11 — consistent first-section spacing below workspace heroes */
body.twe-compact-workspace .twe-workspace-first-section {
	margin-top: 0 !important;
	padding-top: clamp(38px, 4.5vw, 66px) !important;
	scroll-margin-top: 154px;
}
body.twe-compact-workspace .twe-workspace-first-section > .twe-container:first-child,
body.twe-compact-workspace .twe-workspace-first-section > .twe-shell:first-child {
	margin-top: 0 !important;
}
body.twe-compact-workspace.twe-conversion-site .twe-conversion-metrics.twe-workspace-first-section,
body.twe-compact-workspace.twe-engagement-site .twe-engagement-overview.twe-workspace-first-section,
body.twe-compact-workspace.twe-operations-site .twe-ops-summary.twe-workspace-first-section {
	position: relative;
	z-index: 1;
}
@media (max-width: 760px) {
	body.twe-compact-workspace .twe-workspace-first-section {
		padding-top: 30px !important;
		scroll-margin-top: 132px;
	}
}

/* -------------------------------------------------------------------------
 * v1.17.14 — Tab bar contrast and clearance, applied last.
 *
 * This stylesheet loads after every other plugin sheet, so rules placed here
 * cannot be overridden by the cascade. Both fixes live here for that reason.
 *
 * 1. The selected tab rendered as a dark pill with unreadable text. The state
 *    is pinned explicitly, including -webkit-text-fill-color, which overrides
 *    `color` on WebKit and is the usual reason text stays dark on a dark fill.
 * 2. Ten workspace stylesheets pull their first panel up with a negative
 *    margin to overlap the hero. The tab bar is inserted between the two, so
 *    that margin dragged the panel against the tabs.
 * ---------------------------------------------------------------------- */

/* Resting tabs: readable ink on the cream bar. */
body.twe-compact-workspace .twe-workspace-tabs a,
body.twe-compact-workspace .twe-workspace-tabs-shell .twe-workspace-tabs a {
	color: #40214b !important;
	-webkit-text-fill-color: #40214b !important;
	opacity: 1 !important;
}

/* Selected and hovered tabs: white on solid purple, with a border so the pill
 * reads as a shape even before the text renders. */
body.twe-compact-workspace .twe-workspace-tabs a:hover,
body.twe-compact-workspace .twe-workspace-tabs a:focus-visible,
body.twe-compact-workspace .twe-workspace-tabs a.is-active,
body.twe-compact-workspace .twe-workspace-tabs a[aria-current="page"],
body.twe-compact-workspace .twe-workspace-tabs-shell .twe-workspace-tabs a.is-active {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background: var(--twe-compact-purple, #31103d) !important;
	border-color: rgba(255,255,255,.22) !important;
	opacity: 1 !important;
}
body.twe-compact-workspace .twe-workspace-tabs a:focus-visible {
	outline: 2px solid var(--twe-compact-gold, #dfbd68);
	outline-offset: 2px;
}

/* Clearance beneath the tab bar, cancelling the hero overlap that would
 * otherwise pull the panel up against it. */
body.twe-compact-workspace .twe-workspace-tabs-shell + *,
body.twe-site .twe-workspace-tabs-shell + * {
	margin-top: 0 !important;
	padding-top: clamp(24px, 2.6vw, 38px) !important;
}

/* v1.21.63 — Workspace heroes clear the fixed header.
   The compact shell above pins every workspace hero to clamp(42px, 6vw, 76px)
   with !important, but the site header is fixed and 88px tall, so the eyebrow
   and heading were starting underneath it. This is the last stylesheet loaded on
   these pages, so the header height is added back here where it can actually
   win. Knowledge Base, BPPHQ Attendance, Operations Recovery, Event
   Intelligence, Guest Engagement, Guest Relationship, Guest Conversion, Command
   Center, Guest Journey, Legacy Studio, Lifecycle Hub, Executive Reporting,
   Platform Settings, Onboarding, and Social Studio all share this rule. */
body.twe-compact-workspace main > [class*="-hero"],
body.twe-compact-workspace main > form > [class*="-hero"] {
	padding-top: calc(var(--twe-header-h, 88px) + clamp(30px, 3.4vw, 52px)) !important;
}

/* Logged-in views push the fixed header down by the admin bar height. */
@media (min-width: 783px) {
	body.admin-bar.twe-compact-workspace main > [class*="-hero"],
	body.admin-bar.twe-compact-workspace main > form > [class*="-hero"] {
		padding-top: calc(var(--twe-header-h, 88px) + 32px + clamp(30px, 3.4vw, 52px)) !important;
	}
}

@media (max-width: 720px) {
	body.twe-compact-workspace main > [class*="-hero"],
	body.twe-compact-workspace main > form > [class*="-hero"] {
		padding-top: calc(var(--twe-header-h, 88px) + 24px) !important;
	}
}

@media (max-width: 560px) {
	body.twe-compact-workspace main > [class*="-hero"],
	body.twe-compact-workspace main > form > [class*="-hero"] {
		padding-top: 100px !important;
	}
}