/* Release preview terminal overrides. Keep this file last-loaded until the
   repeated legacy executive-suite release blocks are consolidated. */

#mainAppContent.executive-suite-shell #analyticsView #analyticsContent {
	display: grid !important;
	gap: 12px !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-insights-row {
	display: none !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-command-grid {
	display: grid !important;
	grid-template-columns: minmax(460px, 1fr) minmax(520px, 1fr) !important;
	align-items: start !important;
	gap: 12px !important;
	min-width: 0 !important;
	width: 100% !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-metrics-stack {
	display: grid !important;
	gap: 12px !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-agent-table-panel,
#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section--primary,
#mainAppContent.executive-suite-shell #analyticsView .analytics-device-panel {
	position: relative !important;
	min-width: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(80, 99, 128, 0.44) !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, rgba(16, 26, 44, 0.94), rgba(7, 13, 25, 0.96)) !important;
	box-shadow: inset 0 1px 0 rgba(126, 169, 226, 0.09) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-agent-table-panel::before,
#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section--primary::before,
#mainAppContent.executive-suite-shell #analyticsView .analytics-device-panel::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 auto auto 0 !important;
	width: 100% !important;
	height: 3px !important;
	background: linear-gradient(90deg, #4d7cff, #35d0cf) !important;
	opacity: 0.78 !important;
	pointer-events: none !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-agent-table-panel .analytics-detail-header,
#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section--primary .analytics-detail-header,
#mainAppContent.executive-suite-shell #analyticsView .analytics-device-panel .analytics-detail-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	min-height: 50px !important;
	margin: 0 !important;
	padding: 14px 16px 11px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.13) !important;
	background: rgba(19, 31, 52, 0.7) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-agent-table-panel .analytics-detail-header h3,
#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section--primary .analytics-detail-header h3,
#mainAppContent.executive-suite-shell #analyticsView .analytics-device-panel .analytics-detail-header h3 {
	margin: 0 !important;
	color: #f6f8ff !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-agent-table-panel .analytics-detail-header span,
#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section--primary .analytics-detail-header span,
#mainAppContent.executive-suite-shell #analyticsView .analytics-device-panel .analytics-detail-header span {
	color: #83b8ff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section--primary {
	display: grid !important;
	grid-template-rows: auto minmax(0, auto) !important;
	padding: 0 0 12px !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section--primary .analytics-kpi-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
	padding: 12px 14px 0 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section--primary .analytics-kpi-card {
	min-height: 86px !important;
	padding: 12px 12px 11px !important;
	border-radius: 8px !important;
	border: 1px solid rgba(126, 148, 184, 0.16) !important;
	background: rgba(7, 13, 24, 0.92) !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section--primary .analytics-kpi-card span {
	color: #9bc4ff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section--primary .analytics-kpi-card strong {
	color: #f8fbff !important;
	font-size: 24px !important;
	line-height: 1.05 !important;
	letter-spacing: 0 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section--primary .analytics-kpi-card em {
	color: #85aeeb !important;
	font-size: 11px !important;
	font-style: normal !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-agent-table-wrap,
#mainAppContent.executive-suite-shell #analyticsView .analytics-device-panel .analytics-table-wrap {
	min-width: 0 !important;
	padding: 0 14px 14px !important;
	overflow: auto !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-agent-table-wrap {
	max-height: 530px !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-table {
	width: 100% !important;
	border-collapse: collapse !important;
	table-layout: fixed !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-table th,
#mainAppContent.executive-suite-shell #analyticsView .analytics-table td {
	border-bottom: 1px solid rgba(126, 148, 184, 0.12) !important;
	color: #e7f0ff !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	padding: 11px 8px !important;
	text-align: left !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-table th {
	position: sticky !important;
	top: 0 !important;
	z-index: 1 !important;
	background: #070e1b !important;
	color: #92bbf5 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-command-grid .analytics-table td:nth-child(1),
#mainAppContent.executive-suite-shell #analyticsView .analytics-command-grid .analytics-table th:nth-child(1) {
	width: 76px !important;
	color: #7db5ff !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-command-grid .analytics-table td:nth-child(2),
#mainAppContent.executive-suite-shell #analyticsView .analytics-command-grid .analytics-table th:nth-child(2) {
	width: 38% !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-command-grid .analytics-table td:nth-child(n + 3),
#mainAppContent.executive-suite-shell #analyticsView .analytics-command-grid .analytics-table th:nth-child(n + 3) {
	text-align: left !important;
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header .profile-btn,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn[hidden] {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) .analytics-charts-row {
		width: min(100%, calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 160px)) !important;
		max-width: min(100%, calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 160px)) !important;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)) !important;
		align-items: stretch !important;
		justify-content: stretch !important;
		gap: 12px !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-chart-panel {
		display: grid !important;
		grid-template-rows: auto minmax(0, auto) !important;
		height: auto !important;
		min-height: 294px !important;
		max-height: none !important;
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 14px 14px 24px !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-chart-bars,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agent-leaderboard-pro,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-source-panel .leads-source-chart,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-source-panel .lead-sources-pro {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agent-leaderboard-list,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-source-panel .lead-sources-list {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: none !important;
		grid-auto-rows: minmax(34px, auto) !important;
		align-content: start !important;
		gap: 8px !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 0 16px !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agent-leaderboard-list .lead-source-item,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-source-panel .lead-sources-list .lead-source-item {
		display: grid !important;
		grid-template-columns: minmax(160px, 0.72fr) minmax(160px, 1fr) minmax(90px, max-content) !important;
		align-items: center !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 34px !important;
		max-height: none !important;
		padding: 7px 10px !important;
		box-sizing: border-box !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agent-leaderboard-list .lead-source-item:first-child,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-source-panel .lead-sources-list .lead-source-item:first-child {
		min-height: 52px !important;
		padding: 8px 10px !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agent-leaderboard-list .lead-source-name-wrap,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-source-panel .lead-sources-list .lead-source-name-wrap {
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agent-leaderboard-list .lead-source-track,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-source-panel .lead-sources-list .lead-source-track {
		width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agent-leaderboard-list .lead-source-values,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-source-panel .lead-sources-list .lead-source-values {
		min-width: 90px !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row {
		display: grid !important;
		grid-auto-rows: auto !important;
		align-items: start !important;
		overflow: visible !important;
		margin-bottom: 14px !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row {
		width: min(100%, calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 160px)) !important;
		max-width: min(100%, calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 160px)) !important;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)) !important;
		gap: 12px !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-chart-panel {
		display: grid !important;
		grid-template-rows: auto minmax(0, auto) !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		padding: 14px 14px 24px !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-chart-bars,
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agent-leaderboard-pro,
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agents-source-panel .leads-source-chart,
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agents-source-panel .lead-sources-pro {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agents-closed-panel .agent-leaderboard-pro {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: minmax(0, auto) !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agent-leaderboard-list,
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agents-source-panel .lead-sources-list {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: none !important;
		grid-auto-rows: minmax(34px, auto) !important;
		height: auto !important;
		max-height: none !important;
		width: 100% !important;
		padding-bottom: 16px !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agents-closed-panel .agent-leaderboard-list {
		width: 100% !important;
		max-width: 100% !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agent-leaderboard-list .lead-source-item,
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agents-source-panel .lead-sources-list .lead-source-item {
		grid-template-columns: minmax(160px, 0.72fr) minmax(160px, 1fr) minmax(90px, max-content) !important;
		height: auto !important;
		min-height: 34px !important;
		max-height: none !important;
	}
}

/* Smart Match score polish shared by Listings and Build Showcase. */
#mainAppContent.executive-suite-shell .smart-match-score-badge {
	position: relative !important;
	width: auto !important;
	min-width: 38px !important;
	height: 24px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 1px !important;
	padding: 0 10px !important;
	border: 1px solid rgba(250, 204, 21, 0.38) !important;
	border-radius: 999px !important;
	background: linear-gradient(180deg, #fde047, #f6b51e) !important;
	color: #142033 !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
	cursor: help !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	overflow: visible !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
	z-index: 3 !important;
}

#mainAppContent.executive-suite-shell .smart-match-score-badge.score-high {
	border-color: rgba(74, 222, 128, 0.42) !important;
	background: linear-gradient(180deg, #4ade80, #16a34a) !important;
	color: #03120a !important;
}

#mainAppContent.executive-suite-shell .smart-match-score-badge.score-low {
	border-color: rgba(148, 163, 184, 0.34) !important;
	background: linear-gradient(180deg, #94a3b8, #64748b) !important;
	color: #f8fbff !important;
}

#mainAppContent.executive-suite-shell .smart-match-score-badge--compact {
	min-width: 34px !important;
	height: 22px !important;
	padding: 0 8px !important;
	font-size: 11px !important;
}

#mainAppContent.executive-suite-shell .smart-match-score-percent {
	font-size: 9px !important;
	font-weight: 900 !important;
	opacity: 0.9 !important;
}

#mainAppContent.executive-suite-shell .smart-match-tooltip {
	position: absolute !important;
	left: 50% !important;
	bottom: calc(100% + 10px) !important;
	width: min(330px, 78vw) !important;
	display: block !important;
	padding: 12px !important;
	border: 1px solid rgba(125, 211, 252, 0.3) !important;
	border-radius: 10px !important;
	background: linear-gradient(180deg, rgba(16, 27, 46, 0.98), rgba(7, 13, 24, 0.98)) !important;
	color: #dbeafe !important;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	text-align: left !important;
	transform: translate(-50%, 6px) !important;
	transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease !important;
	visibility: hidden !important;
	white-space: normal !important;
	z-index: 9999 !important;
}

#mainAppContent.executive-suite-shell .smart-match-score-badge:hover .smart-match-tooltip,
#mainAppContent.executive-suite-shell .smart-match-score-badge:focus .smart-match-tooltip,
#mainAppContent.executive-suite-shell .smart-match-score-badge:focus-within .smart-match-tooltip {
	opacity: 1 !important;
	transform: translate(-50%, 0) !important;
	visibility: visible !important;
}

#mainAppContent.executive-suite-shell .smart-match-tooltip-title {
	display: block !important;
	color: #f3f7ff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
	margin-bottom: 3px !important;
}

#mainAppContent.executive-suite-shell .smart-match-tooltip-subtitle,
#mainAppContent.executive-suite-shell .smart-match-tooltip-section-title {
	display: block !important;
	color: #96b8ee !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	line-height: 1.25 !important;
	margin-bottom: 8px !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell .smart-match-tooltip-section {
	display: block !important;
	margin-top: 10px !important;
}

#mainAppContent.executive-suite-shell .smart-match-tooltip-list {
	display: grid !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
}

#mainAppContent.executive-suite-shell .smart-match-tooltip-item {
	display: grid !important;
	grid-template-columns: 42px minmax(0, 1fr) !important;
	align-items: start !important;
	gap: 8px !important;
	color: #dce8f8 !important;
	font-size: 11px !important;
	line-height: 1.25 !important;
}

#mainAppContent.executive-suite-shell .smart-match-tooltip-points {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 36px !important;
	height: 20px !important;
	border-radius: 999px !important;
	background: rgba(34, 197, 94, 0.14) !important;
	color: #86efac !important;
	font-family: var(--es-mono) !important;
	font-size: 10px !important;
	font-weight: 900 !important;
}

#mainAppContent.executive-suite-shell .smart-match-tooltip-copy strong,
#mainAppContent.executive-suite-shell .smart-match-tooltip-copy em {
	display: block !important;
	font-style: normal !important;
	letter-spacing: 0 !important;
}

#mainAppContent.executive-suite-shell .smart-match-tooltip-copy strong {
	color: #f1f5ff !important;
	font-size: 11px !important;
	font-weight: 850 !important;
}

#mainAppContent.executive-suite-shell .smart-match-tooltip-copy em {
	color: #9fb2d4 !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	margin-top: 1px !important;
}

#mainAppContent.executive-suite-shell .smart-match-tooltip-section--internal {
	margin-top: 12px !important;
	padding-top: 10px !important;
	border-top: 1px solid rgba(126, 148, 184, 0.16) !important;
}

#mainAppContent.executive-suite-shell .smart-match-tooltip-item--internal .smart-match-tooltip-points {
	background: rgba(59, 130, 246, 0.14) !important;
	color: #93c5fd !important;
}

#mainAppContent.executive-suite-shell .smart-match-tooltip-empty {
	color: #9fb2d4 !important;
	font-size: 11px !important;
	font-weight: 750 !important;
}

#mainAppContent.executive-suite-shell #listingsView .property-name-wrapper {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-width: 0 !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #listingsView .property-name {
	color: #dce8f8 !important;
	text-shadow: none !important;
}

#mainAppContent.executive-suite-shell #listingsView .name-cell,
#mainAppContent.executive-suite-shell #listingsView .list-td,
#mainAppContent.executive-suite-shell #buildShowcaseModal .showcase-property-title-row,
#mainAppContent.executive-suite-shell #buildShowcaseModal .showcase-unit-meta {
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #buildShowcaseModal .smart-match-score-badge {
	flex: 0 0 auto !important;
}

@media (max-width: 640px) {
	#mainAppContent.executive-suite-shell .smart-match-tooltip {
		left: 0 !important;
		width: min(300px, calc(100vw - 28px)) !important;
		transform: translate(0, 6px) !important;
	}

	#mainAppContent.executive-suite-shell .smart-match-score-badge:hover .smart-match-tooltip,
	#mainAppContent.executive-suite-shell .smart-match-score-badge:focus .smart-match-tooltip,
	#mainAppContent.executive-suite-shell .smart-match-score-badge:focus-within .smart-match-tooltip {
		transform: translate(0, 0) !important;
	}
}

@media (min-width: 901px) and (max-width: 1280px) {
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row,
	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 1450px) {
	#mainAppContent.executive-suite-shell #analyticsView .analytics-command-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell #analyticsView .analytics-command-grid,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section--primary .analytics-kpi-grid {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-agent-table-wrap {
		max-height: none !important;
	}
}

/* Post-release Listings empty-state and Build Showcase modal dark-mode fixes. */
#mainAppContent.executive-suite-shell #listingsView .listings-no-results-state {
	color: #b7c9e4 !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-no-results-suggestions {
	border-color: rgba(56, 189, 248, 0.28) !important;
	background:
		linear-gradient(180deg, rgba(14, 165, 233, 0.14), rgba(14, 165, 233, 0.04)),
		rgba(7, 19, 33, 0.96) !important;
	color: #dce8fb !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-no-results-suggestions-title {
	color: #7dd3fc !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-no-results-suggestions :is(ul, li, strong) {
	color: #eef6ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .modal-card {
	width: min(1340px, calc(100vw - 48px)) !important;
	max-width: min(1340px, calc(100vw - 48px)) !important;
	max-height: min(92vh, 980px) !important;
	border-color: rgba(126, 148, 184, 0.26) !important;
	background:
		radial-gradient(circle at 0% 0%, rgba(96, 165, 250, 0.09), transparent 420px),
		linear-gradient(180deg, rgba(28, 42, 66, 0.98), rgba(14, 23, 38, 0.99)) !important;
	color: #dbe8f8 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .modal-sticky-header {
	border-color: rgba(126, 148, 184, 0.2) !important;
	background:
		linear-gradient(180deg, rgba(28, 40, 63, 0.92), rgba(14, 23, 39, 0.94)),
		#111827 !important;
	color: #edf5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .modal-sticky-header {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: end !important;
	gap: 18px !important;
	padding: 18px 22px !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .modal-body.showcase-split-view {
	display: grid !important;
	grid-template-columns: minmax(430px, 1.02fr) minmax(420px, 0.98fr) !important;
	gap: 20px !important;
	min-height: 0 !important;
	max-height: none !important;
	padding: 20px 22px 22px !important;
	overflow: hidden !important;
	background: #101a2b !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal :is(.showcase-controls, .showcase-actions, .showcase-units-panel, .showcase-email-preview) {
	min-width: 0 !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .control-group label,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .panel-header h4 {
	color: #b9cbed !important;
	font-weight: 850 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-customer-search-container input {
	border-color: rgba(126, 148, 184, 0.26) !important;
	background: rgba(5, 10, 20, 0.92) !important;
	color: #edf5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-customer-search-container input.has-selection {
	border-color: rgba(96, 165, 250, 0.48) !important;
	background:
		linear-gradient(180deg, rgba(96, 165, 250, 0.12), rgba(96, 165, 250, 0.04)),
		rgba(5, 10, 20, 0.94) !important;
	color: #f8fbff !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .selected-customer-email {
	display: block;
	margin-top: 8px;
	padding: 10px 12px;
	border: 1px solid rgba(125, 211, 252, 0.22);
	border-radius: 10px;
	background: rgba(19, 32, 53, 0.92);
	color: #dbe8f8;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .selected-customer-email.needs-correction {
	border-color: rgba(251, 191, 36, 0.52);
	background: rgba(64, 45, 19, 0.48);
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .selected-customer-email-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	line-height: 1.35;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .selected-customer-email-label {
	color: #9fb4d2;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .selected-customer-email-value {
	color: #f5f9ff;
	font-weight: 850;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .selected-customer-email-state {
	margin-left: auto;
	color: #f8d98c;
	font-weight: 800;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .selected-customer-email.ready .selected-customer-email-state {
	color: #8ff0be;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-email-correction {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	margin-top: 10px;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-email-correction input {
	width: 100%;
	border: 1px solid rgba(251, 191, 36, 0.42);
	border-radius: 9px;
	background: rgba(8, 13, 24, 0.92);
	color: #f8fbff;
	padding: 9px 10px;
	font-weight: 760;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-email-correction-message {
	margin-top: 8px;
	color: #f8d98c;
	font-size: 12px;
	font-weight: 740;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-email-correction-message.error {
	color: #fecaca;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .selection-count,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .selection-count * {
	color: #9fb4d2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .selection-count strong {
	color: #f8fbff !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-units-panel,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-email-preview {
	min-height: 0 !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.006)),
		rgba(17, 29, 48, 0.86) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-units-panel {
	padding: 0 !important;
	overflow: hidden !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .panel-header {
	margin: 0 !important;
	padding: 14px 16px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.16) !important;
	background: rgba(10, 18, 31, 0.74) !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal #buildListingsGrid {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	max-height: none !important;
	padding: 16px 14px 20px !important;
	overflow: auto !important;
	scrollbar-color: rgba(125, 211, 252, 0.42) rgba(15, 23, 42, 0.42) !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-sort-indicator {
	border: 1px solid rgba(96, 165, 250, 0.28) !important;
	background:
		linear-gradient(180deg, rgba(59, 130, 246, 0.14), rgba(59, 130, 246, 0.05)),
		rgba(8, 20, 35, 0.9) !important;
	color: #cfe1ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-property-group {
	border-color: rgba(126, 148, 184, 0.2) !important;
	background: rgba(18, 29, 48, 0.96) !important;
	color: #dce8fb !important;
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-property-header {
	border-bottom-color: rgba(126, 148, 184, 0.16) !important;
	background:
		linear-gradient(180deg, rgba(30, 41, 59, 0.78), rgba(15, 23, 42, 0.82)),
		rgba(10, 16, 29, 0.96) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-property-group.top-property {
	border-color: rgba(251, 191, 36, 0.48) !important;
	box-shadow: 0 18px 42px rgba(120, 53, 15, 0.24) !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-property-group.top-property .showcase-property-header {
	background:
		linear-gradient(180deg, rgba(146, 64, 14, 0.24), rgba(15, 23, 42, 0.86)),
		rgba(10, 16, 29, 0.96) !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-property-name,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-unit-number .unit-value,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-unit-specs {
	color: #f1f7ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-property-address,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-unit-number .unit-label,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-unit-meta .unit-floor-plan,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-unit-pricing .rent-period,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-unit-pricing .unit-available {
	color: #9fb4d2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-unit-card {
	border-color: rgba(126, 148, 184, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(20, 31, 51, 0.93) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-panel,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-search,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-card {
	border-color: rgba(248, 113, 113, 0.36) !important;
	background: rgba(69, 10, 10, 0.28) !important;
	color: #fee2e2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-search {
	display: grid !important;
	gap: 8px !important;
	margin-top: 10px !important;
	padding: 10px !important;
	border: 1px solid rgba(248, 113, 113, 0.28) !important;
	border-radius: 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-search-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 8px !important;
	align-items: center !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-search-row input {
	min-height: 36px !important;
	border: 1px solid rgba(148, 163, 184, 0.32) !important;
	border-radius: 10px !important;
	background: rgba(2, 6, 23, 0.74) !important;
	color: #f8fbff !important;
	padding: 0 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-search-row button,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-result-add {
	min-height: 36px !important;
	border: 1px solid rgba(248, 113, 113, 0.42) !important;
	border-radius: 999px !important;
	background: rgba(127, 29, 29, 0.72) !important;
	color: #fee2e2 !important;
	font-weight: 900 !important;
	padding: 0 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-results {
	display: grid !important;
	gap: 7px !important;
	max-height: 238px;
	overflow-y: auto;
	padding-right: 4px;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-result-card {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 10px !important;
	align-items: center !important;
	padding: 9px 10px !important;
	border: 1px solid rgba(248, 113, 113, 0.24) !important;
	border-radius: 10px !important;
	background: rgba(15, 23, 42, 0.56) !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-result-card div {
	display: grid !important;
	gap: 2px !important;
	min-width: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-result-card strong,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-source {
	color: #fff7ed !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-result-card span,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-result-card small,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-search-state {
	color: #fecaca !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-search-state--error {
	color: #fed7aa !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal :is(.showcase-manual-title, .showcase-manual-helper, .showcase-manual-empty, .showcase-manual-card-header, .showcase-agent-note, .showcase-agent-note span) {
	color: #fecaca !important;
}

#buildShowcaseModal .showcase-manual-detail-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(82px, 0.5fr) minmax(82px, 0.5fr);
	gap: 8px;
}

#buildShowcaseModal .showcase-manual-card label span small {
	color: #fca5a5;
	font-weight: 700;
	text-transform: none;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal :is(.showcase-manual-add, .showcase-manual-remove, .showcase-history-badge) {
	border-color: rgba(248, 113, 113, 0.42) !important;
	background: rgba(127, 29, 29, 0.6) !important;
	color: #fee2e2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal :is(.showcase-manual-card input, .showcase-manual-card textarea, .showcase-agent-note textarea) {
	border-color: rgba(148, 163, 184, 0.28) !important;
	background: rgba(2, 6, 23, 0.74) !important;
	color: #f8fbff !important;
}

body:has(#mainAppContent.executive-suite-shell) #showcaseSendConfirmModal .confirm-summary {
	border: 1px solid rgba(125, 211, 252, 0.24) !important;
	background: rgba(15, 23, 42, 0.92) !important;
	color: #e8f1ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #showcaseSendConfirmModal .confirm-row {
	border-bottom-color: rgba(148, 163, 184, 0.24) !important;
}

body:has(#mainAppContent.executive-suite-shell) #showcaseSendConfirmModal .confirm-label {
	color: #bfd2f2 !important;
	font-weight: 900 !important;
}

body:has(#mainAppContent.executive-suite-shell) #showcaseSendConfirmModal .confirm-value,
body:has(#mainAppContent.executive-suite-shell) #showcaseSendConfirmModal .confirm-value strong {
	color: #f8fbff !important;
}

@media (max-width: 640px) {
	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-search-row,
	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-result-card,
	#buildShowcaseModal .showcase-manual-detail-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-search-row button,
	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-manual-result-add {
		width: 100% !important;
	}
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-unit-card:hover {
	border-color: rgba(125, 211, 252, 0.28) !important;
	background: rgba(18, 28, 46, 0.92) !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-unit-card.top-pick-unit {
	border-color: rgba(16, 185, 129, 0.44) !important;
	background:
		linear-gradient(180deg, rgba(16, 185, 129, 0.13), rgba(16, 185, 129, 0.04)),
		rgba(8, 20, 28, 0.92) !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-unit-pricing .unit-rent {
	color: #7bf0b5 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .units-available-badge {
	border: 1px solid rgba(125, 211, 252, 0.42) !important;
	background: rgba(14, 165, 233, 0.22) !important;
	color: #e0f7ff !important;
	font-weight: 850 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal :is(.amenity-pill, .match-highlight-pill, .pet-policy-badge) {
	border-color: rgba(125, 211, 252, 0.24) !important;
	background: rgba(14, 165, 233, 0.14) !important;
	color: #d8ecff !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .match-highlight-pill--matched {
	border-color: rgba(74, 222, 128, 0.4) !important;
	background: rgba(22, 101, 52, 0.28) !important;
	color: #c9fbd8 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .match-highlight-pill--detail {
	border-color: rgba(125, 211, 252, 0.24) !important;
	background: rgba(14, 165, 233, 0.14) !important;
	color: #d8ecff !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .match-score-badge {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 48px !important;
	height: 28px !important;
	padding: 0 10px !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	cursor: help !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .match-score-tooltip {
	position: absolute;
	z-index: 50;
	left: 50%;
	bottom: calc(100% + 10px);
	width: min(260px, 72vw);
	transform: translateX(-50%) translateY(4px);
	padding: 10px 12px;
	border: 1px solid rgba(125, 211, 252, 0.34);
	border-radius: 10px;
	background: rgba(8, 13, 24, 0.98);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38);
	color: #e7f1ff;
	text-align: left;
	white-space: normal;
	opacity: 0;
	pointer-events: none;
	transition: opacity 140ms ease, transform 140ms ease;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .match-score-tooltip span {
	display: list-item;
	margin-left: 14px;
	font-size: 12px;
	font-weight: 760;
	line-height: 1.35;
	color: #dbeafe;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .match-score-badge:hover .match-score-tooltip,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .match-score-badge:focus .match-score-tooltip {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .match-highlight-pill[title*="budget"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .match-highlight-pill[title*="Under"] {
	border-color: rgba(251, 191, 36, 0.36) !important;
	background: rgba(146, 64, 14, 0.24) !important;
	color: #ffe2a8 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-property-specials-btn {
	border-color: rgba(251, 146, 60, 0.42) !important;
	background: rgba(146, 64, 14, 0.18) !important;
	color: #ffd7a8 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-property-specials-count {
	background: #fb923c !important;
	color: #111827 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-property-specials-menu {
	border-color: rgba(126, 148, 184, 0.24) !important;
	background: rgba(8, 13, 24, 0.98) !important;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.48) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-property-specials-option {
	border-color: rgba(126, 148, 184, 0.18) !important;
	background: rgba(15, 23, 42, 0.78) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-property-specials-option:hover {
	background: rgba(30, 41, 59, 0.84) !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal :is(.showcase-property-specials-section-title, .showcase-property-specials-empty) {
	color: #9fb4d2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-property-specials-source {
	border-color: rgba(56, 189, 248, 0.32) !important;
	background: rgba(14, 165, 233, 0.16) !important;
	color: #8bd3ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-email-preview {
	flex: 1 1 auto !important;
	overflow: hidden !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-email-preview .email-preview-content {
	min-height: 0 !important;
	padding: 16px !important;
	overflow: auto !important;
	background: rgba(5, 10, 20, 0.92) !important;
	color: #dce8fb !important;
	scrollbar-color: rgba(125, 211, 252, 0.42) rgba(15, 23, 42, 0.42) !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-wrapper,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-header,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body {
	border-color: rgba(126, 148, 184, 0.18) !important;
	background: rgba(10, 16, 29, 0.96) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body :is(h1, h2, h3, h4, strong),
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-header strong {
	color: #f1f7ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body :is(p, div, span, li),
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-header {
	color: #c4d5ee !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background: #ffffff"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background:#ffffff"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background: white"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background:white"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background: #fff"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background:#fff"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background: #fff7ed"] {
	border-color: rgba(126, 148, 184, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(14, 22, 37, 0.94) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="color: #0f172a"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="color:#0f172a"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="color: #475569"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="color:#475569"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="color: #64748b"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="color:#64748b"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="color: #7c2d12"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="color:#7c2d12"] {
	color: #c4d5ee !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="color: #059669"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="color:#059669"] {
	color: #7bf0b5 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background: #ecfdf5"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background:#ecfdf5"] {
	border-color: rgba(125, 211, 252, 0.24) !important;
	background: rgba(14, 165, 233, 0.14) !important;
	color: #d8ecff !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background: #dcfce7"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background:#dcfce7"] {
	border-color: rgba(74, 222, 128, 0.46) !important;
	background: rgba(22, 101, 52, 0.38) !important;
	color: #d7ffe3 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background: #e0f2fe"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background:#e0f2fe"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background: #eff6ff"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background:#eff6ff"] {
	border-color: rgba(125, 211, 252, 0.32) !important;
	background: rgba(14, 165, 233, 0.18) !important;
	color: #d8ecff !important;
}

#buildShowcaseModal .email-preview-body span[style*="background: #dcfce7"],
#buildShowcaseModal .email-preview-body span[style*="background:#dcfce7"] {
	border-color: rgba(74, 222, 128, 0.46) !important;
	background: rgba(22, 101, 52, 0.38) !important;
	color: #d7ffe3 !important;
}

#buildShowcaseModal .email-preview-body span[style*="background: #e0f2fe"],
#buildShowcaseModal .email-preview-body span[style*="background:#e0f2fe"],
#buildShowcaseModal .email-preview-body span[style*="background: #eff6ff"],
#buildShowcaseModal .email-preview-body span[style*="background:#eff6ff"] {
	border-color: rgba(125, 211, 252, 0.32) !important;
	background: rgba(14, 165, 233, 0.18) !important;
	color: #d8ecff !important;
}

#mainAppContent.executive-suite-shell #listingsView .list-view-table .list-icon-th,
#mainAppContent.executive-suite-shell #listingsView .list-view-table .specials-cell,
#mainAppContent.executive-suite-shell #listingsView .list-view-table .icon-cell {
	width: 72px !important;
	min-width: 72px !important;
	max-width: 72px !important;
	padding-left: 6px !important;
	padding-right: 6px !important;
	text-align: center !important;
	vertical-align: middle !important;
}

#mainAppContent.executive-suite-shell #listingsView .list-view-table .list-icon-th {
	white-space: nowrap !important;
	font-size: 10px !important;
	letter-spacing: 0 !important;
}

#mainAppContent.executive-suite-shell #listingsView .specials-cell,
#mainAppContent.executive-suite-shell #listingsView .icon-cell {
	justify-content: center !important;
}

#mainAppContent.executive-suite-shell #listingsView .specials-btn,
#mainAppContent.executive-suite-shell #listingsView .icon-btn-small {
	position: relative !important;
	margin: 0 auto !important;
}

#mainAppContent.executive-suite-shell #listingsView .specials-btn.has-specials {
	color: #ffd27a !important;
	border-color: rgba(251, 191, 36, 0.28) !important;
	background: rgba(251, 191, 36, 0.1) !important;
}

#mainAppContent.executive-suite-shell #listingsView .specials-btn.is-empty,
#mainAppContent.executive-suite-shell #listingsView .specials-btn.is-empty:hover,
#mainAppContent.executive-suite-shell #listingsView .specials-btn.is-empty:focus {
	color: #6f8097 !important;
	border-color: rgba(126, 148, 184, 0.16) !important;
	background: rgba(15, 23, 42, 0.56) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
	cursor: default !important;
	opacity: 1 !important;
	transform: none !important;
}

#mainAppContent.executive-suite-shell #listingsView .icon-count {
	position: absolute !important;
	right: -7px !important;
	bottom: -7px !important;
	display: inline-grid !important;
	place-items: center !important;
	min-width: 18px !important;
	height: 18px !important;
	padding: 0 5px !important;
	border: 1px solid rgba(219, 234, 254, 0.72) !important;
	border-radius: 999px !important;
	background: #2563eb !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.36) !important;
}

#mainAppContent.executive-suite-shell #listingsView .interest-btn .icon-count {
	border-color: rgba(255, 228, 230, 0.78) !important;
	background: #e11d48 !important;
	color: #ffffff !important;
}

/* 20260501: desktop Listings expanded inventory dark surface polish. */
@media (min-width: 769px) {
	body:has(#mainAppContent.executive-suite-shell) #listingsView .map-view-container .table-wrapper,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .map-view-container .listings-table,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .map-view-container .listings-table tbody {
		background:
			linear-gradient(180deg, rgba(13, 22, 38, 0.98), rgba(7, 12, 22, 0.98)),
			#0a111f !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #listingsView .expanded-details-row,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .expanded-details-row > td,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .expanded-details-row .expanded-details-cell {
		border-color: rgba(91, 116, 151, 0.34) !important;
		background:
			linear-gradient(180deg, rgba(17, 26, 43, 0.96), rgba(8, 14, 25, 0.98)),
			#0b1322 !important;
		color: #dce8f8 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-expanded-wrap {
		margin: 0 !important;
		padding: 12px !important;
		background:
			radial-gradient(circle at 10% 0%, rgba(59, 130, 246, 0.10), transparent 32%),
			linear-gradient(180deg, rgba(13, 23, 40, 0.96), rgba(7, 12, 22, 0.98)),
			#09111f !important;
		color: #dce8f8 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #listingsView .map-view-container .lv-expanded-wrap {
		padding: 10px !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-fp-section,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-status-section,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-detail-block {
		border: 1px solid rgba(91, 116, 151, 0.32) !important;
		background:
			linear-gradient(180deg, rgba(15, 24, 41, 0.94), rgba(8, 14, 26, 0.96)),
			#0c1524 !important;
		color: #dce8f8 !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.035),
			0 14px 28px rgba(0, 0, 0, 0.20) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-fp-header-bar,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-fp-scroll,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-fp-cluster,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-fp-bedroom-group {
		background:
			linear-gradient(180deg, rgba(9, 17, 31, 0.94), rgba(6, 12, 22, 0.96)),
			#09111f !important;
		color: #d8e6f7 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-fp-title,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-layout-card-title,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-layout-unit-number-text {
		color: #eef6ff !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-fp-summary,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-layout-card-meta,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-layout-unit-meta,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-fp-bedroom-label {
		color: #9fb3cf !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-layout-card,
	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-layout-unit-row {
		border-color: rgba(91, 116, 151, 0.30) !important;
		background:
			linear-gradient(180deg, rgba(18, 27, 45, 0.95), rgba(10, 17, 30, 0.97)),
			#101a2d !important;
		color: #dce8f8 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #listingsView .lv-layout-unit-row:hover {
		background:
			linear-gradient(180deg, rgba(25, 39, 65, 0.98), rgba(13, 23, 41, 0.98)),
			#132038 !important;
	}
}

#mainAppContent.executive-suite-shell #listingsView .agent-commission-badges {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	margin-left: 6px !important;
	vertical-align: middle !important;
}

#mainAppContent.executive-suite-shell #listingsView .list-view-row .name-cell > .agent-commission-badges {
	display: flex !important;
	flex-wrap: wrap !important;
	margin: 7px 0 0 !important;
}

#mainAppContent.executive-suite-shell #listingsView .property-edit-actions-bar {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	width: min(100%, 560px) !important;
	margin-top: 7px !important;
	padding-top: 7px !important;
	border-top: 1px solid rgba(126, 148, 184, 0.18) !important;
	clear: both !important;
}

#mainAppContent.executive-suite-shell #listingsView .property-edit-actions-bar .agent-commission-badges,
#mainAppContent.executive-suite-shell #listingsView .property-edit-actions-bar .data-quality-badges {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 5px !important;
	margin: 0 !important;
}

#mainAppContent.executive-suite-shell #listingsView .commission-chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	min-height: 24px !important;
	padding: 3px 7px !important;
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	border-radius: 6px !important;
	background: rgba(15, 23, 42, 0.72) !important;
	color: #cbd9ef !important;
	font-size: 11px !important;
	font-weight: 760 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	cursor: pointer !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

#mainAppContent.executive-suite-shell #listingsView .commission-chip strong {
	color: #f0f6ff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
}

#mainAppContent.executive-suite-shell #listingsView .commission-chip--missing {
	border-color: rgba(126, 148, 184, 0.16) !important;
	background: rgba(15, 23, 42, 0.5) !important;
	color: #8293ad !important;
}

#mainAppContent.executive-suite-shell #listingsView .commission-chip--missing strong {
	color: #8293ad !important;
}

#mainAppContent.executive-suite-shell #listingsView .commission-chip--escort.commission-chip--filled {
	border-color: rgba(96, 165, 250, 0.34) !important;
	background: rgba(37, 99, 235, 0.14) !important;
	color: #bfdbfe !important;
}

#mainAppContent.executive-suite-shell #listingsView .commission-chip--send.commission-chip--filled {
	border-color: rgba(74, 222, 128, 0.34) !important;
	background: rgba(22, 163, 74, 0.15) !important;
	color: #bbf7d0 !important;
}

#mainAppContent.executive-suite-shell #listingsView .commission-chip--bonus.commission-chip--filled {
	border-color: rgba(251, 191, 36, 0.36) !important;
	background: rgba(202, 138, 4, 0.16) !important;
	color: #fde68a !important;
}

#mainAppContent.executive-suite-shell #listingsView .commission-chip:hover,
#mainAppContent.executive-suite-shell #listingsView .commission-chip:focus-visible {
	border-color: rgba(147, 197, 253, 0.62) !important;
	background: rgba(30, 41, 59, 0.9) !important;
	outline: none !important;
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.24) !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#addListingModal, #listingEditModal, #advancedFiltersModal, #propertyNotesModal, #interestedLeadsModal, #listingSpecialsModal, #activityLogModal) .modal-card,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-container {
	border-color: rgba(92, 117, 154, 0.46) !important;
	background: #111b2b !important;
	color: #dbe7f7 !important;
	box-shadow: 0 28px 90px rgba(0, 0, 0, 0.54) !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#addListingModal, #listingEditModal, #advancedFiltersModal, #propertyNotesModal, #interestedLeadsModal, #listingSpecialsModal, #activityLogModal) :is(.modal-header, .advanced-filters-header, .modal-footer, .advanced-filters-footer) {
	border-color: rgba(126, 148, 184, 0.22) !important;
	background: #142033 !important;
	color: #edf5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#addListingModal, #listingEditModal, #advancedFiltersModal, #propertyNotesModal, #interestedLeadsModal, #listingSpecialsModal, #activityLogModal) :is(h2, h3, h4, label, strong, th) {
	color: #e7eefb !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#addListingModal, #listingEditModal, #advancedFiltersModal, #propertyNotesModal, #interestedLeadsModal, #listingSpecialsModal, #activityLogModal) :is(p, small, td, span, li) {
	color: #b8c7df !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#addListingModal, #listingEditModal, #advancedFiltersModal, #propertyNotesModal, #interestedLeadsModal, #listingSpecialsModal, #activityLogModal) :is(input, select, textarea) {
	border-color: rgba(126, 148, 184, 0.26) !important;
	background: #08111f !important;
	color: #e5edf9 !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#addListingModal, #listingEditModal, #advancedFiltersModal, #propertyNotesModal, #interestedLeadsModal, #listingSpecialsModal, #activityLogModal) :is(input::placeholder, textarea::placeholder) {
	color: #71829d !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .collapsible-section,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .simple-section,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .filter-section,
body:has(#mainAppContent.executive-suite-shell) :is(#propertyNotesModal, #interestedLeadsModal, #listingSpecialsModal, #activityLogModal) :is(.notes-chat-container, .data-table, #interestedLeadsList > *) {
	border-color: rgba(126, 148, 184, 0.22) !important;
	background: #0c1626 !important;
	color: #dbe7f7 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section-header,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .section-header,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .filter-section-title {
	border-color: rgba(126, 148, 184, 0.2) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.006)),
		#152238 !important;
	color: #e8f1ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section-body,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .section-content {
	border-color: rgba(126, 148, 184, 0.18) !important;
	background: #0b1423 !important;
	color: #dbe7f7 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal :is(.alm-input-addon, .alm-pill, .alm-custom-amenity, .alm-pumi-toggle),
body:has(#mainAppContent.executive-suite-shell) #listingEditModal #section-policies :is(.policy-group, .checkbox-label),
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .amenities-checkboxes .checkbox-label {
	border-color: rgba(126, 148, 184, 0.24) !important;
	background: rgba(15, 23, 42, 0.72) !important;
	color: #d9e6f7 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal :is(.alm-addon-prefix, .alm-addon-suffix) {
	border-color: rgba(126, 148, 184, 0.24) !important;
	background: #101c2e !important;
	color: #9fc3ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-input-addon input {
	border-color: rgba(126, 148, 184, 0.26) !important;
	background: #08111f !important;
	color: #e5edf9 !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingEditModal #section-policies .policy-group-title {
	color: #93c5fd !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingEditModal #section-policies .checkbox-label input,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .header-toggle-label input {
	accent-color: #60a5fa !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal #areasCheckboxes {
	padding: 8px !important;
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	border-radius: 10px !important;
	background: rgba(8, 16, 28, 0.72) !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal #areasCheckboxes .filter-checkbox-label,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .filter-toggle-label,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .filter-checkbox-label {
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	background: rgba(15, 23, 42, 0.66) !important;
	color: #cfdbec !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal #areasCheckboxes .filter-checkbox-label:has(input:checked),
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .filter-checkbox-label:has(input:checked) {
	border-color: rgba(96, 165, 250, 0.54) !important;
	background: rgba(37, 99, 235, 0.2) !important;
	color: #edf6ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal #extraPropertyDataFilters.filter-details--disabled {
	opacity: 0.55 !important;
	cursor: not-allowed !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal #extraPropertyDataFilters.filter-details--disabled .filter-details-summary {
	pointer-events: none !important;
	border-color: rgba(126, 148, 184, 0.16) !important;
	background: rgba(15, 23, 42, 0.46) !important;
	color: #8fa1ba !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal #extraPropertyDataFilters.filter-details--disabled .filter-details-summary span::after {
	content: "Disabled";
	display: inline-flex;
	margin-left: 8px;
	padding: 2px 7px;
	border: 1px solid rgba(126, 148, 184, 0.22);
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.72);
	color: #9fb0c9;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal #extraPropertyDataFilters.filter-details--disabled .filter-details-content {
	display: none !important;
	pointer-events: none !important;
}

/* 20260510: Lead Preferences filters modal - larger, denser, live inventory summary. */
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal.advanced-filters-modal {
	align-items: center !important;
	justify-content: center !important;
	padding: clamp(10px, 1.6vw, 18px) !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-container {
	display: grid !important;
	grid-template-rows: auto auto minmax(0, 1fr) auto auto !important;
	width: min(1500px, calc(100vw - 24px)) !important;
	max-width: min(1500px, calc(100vw - 24px)) !important;
	max-height: calc(100dvh - 24px) !important;
	border-radius: 16px !important;
	overflow: hidden !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-header,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-footer {
	padding: 12px 16px !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-results {
	display: grid !important;
	grid-template-columns: auto repeat(2, minmax(170px, auto)) minmax(190px, 1fr) !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 10px 16px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.2) !important;
	background:
		linear-gradient(90deg, rgba(6, 78, 59, 0.32), rgba(15, 23, 42, 0.74)),
		#0b1728 !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-results__label {
	color: #9fb4d1 !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-results__metric {
	display: inline-flex !important;
	align-items: baseline !important;
	justify-content: center !important;
	gap: 7px !important;
	min-height: 36px !important;
	padding: 6px 12px !important;
	border: 1px solid rgba(74, 222, 128, 0.24) !important;
	border-radius: 10px !important;
	background: rgba(5, 46, 22, 0.34) !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-results__metric strong {
	color: #86efac !important;
	font-size: 20px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-results__metric span,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-results__status {
	color: #bfd0e8 !important;
	font-size: 11px !important;
	font-weight: 850 !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-results__status {
	justify-self: end !important;
	color: #9fb4d1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-body {
	min-height: 0 !important;
	max-height: none !important;
	padding: 14px !important;
	overflow: auto !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-grid {
	display: grid !important;
	grid-template-columns: minmax(330px, 0.92fr) minmax(420px, 1.16fr) minmax(330px, 0.92fr) !important;
	align-items: start !important;
	gap: 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-column {
	display: grid !important;
	gap: 12px !important;
	min-width: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .filter-section {
	margin: 0 !important;
	padding: 10px !important;
	border-radius: 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .filter-section-title {
	margin: -10px -10px 10px !important;
	padding: 9px 10px !important;
	border-radius: 12px 12px 0 0 !important;
	font-size: 11px !important;
	line-height: 1.1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal :is(.filter-input, .filter-select) {
	min-height: 38px !important;
	border-color: rgba(148, 163, 184, 0.32) !important;
	background: rgba(15, 25, 43, 0.96) !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .policy-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 7px !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .filter-checkbox-label,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .filter-toggle-label {
	min-height: 34px !important;
	padding: 7px 9px !important;
	border-radius: 9px !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-extra-bar {
	display: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-active {
	margin: 0 !important;
	padding: 10px 16px !important;
	border-top: 1px solid rgba(126, 148, 184, 0.16) !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.16) !important;
}

@media (max-width: 1220px) {
	body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-results {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-results__label,
	body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-results__status {
		justify-self: stretch !important;
	}
}

@media (max-width: 760px) {
	body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal.advanced-filters-modal {
		padding: 0 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-container {
		width: 100vw !important;
		max-width: 100vw !important;
		max-height: 100dvh !important;
		border-radius: 0 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-grid,
	body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-results,
	body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .policy-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

/* 20260512: Lead/property notes modal dark input polish. */
body:has(#mainAppContent.executive-suite-shell) :is(#propertyNotesModal, #leadNotesModal) .notes-input-area {
	border: 1px solid rgba(126, 148, 184, 0.26) !important;
	background: linear-gradient(180deg, rgba(20, 32, 51, 0.96), rgba(12, 20, 34, 0.96)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#propertyNotesModal, #leadNotesModal) .notes-input-wrapper {
	background: transparent !important;
	color: #dbe7f7 !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#propertyNotesModal, #leadNotesModal) .notes-input-label {
	color: #c7d7ee !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#propertyNotesModal, #leadNotesModal) .notes-textarea {
	border: 1px solid rgba(100, 116, 139, 0.42) !important;
	background: rgba(7, 14, 26, 0.86) !important;
	color: #eef6ff !important;
	caret-color: #93c5fd !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#propertyNotesModal, #leadNotesModal) .notes-textarea::placeholder {
	color: #7f93b4 !important;
	opacity: 1 !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#propertyNotesModal, #leadNotesModal) .notes-textarea:focus {
	border-color: rgba(96, 165, 250, 0.68) !important;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.16), inset 0 1px 2px rgba(0, 0, 0, 0.24) !important;
	outline: none !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#propertyNotesModal, #leadNotesModal) .notes-submit-btn {
	border: 1px solid rgba(96, 165, 250, 0.38) !important;
	background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
	color: #f8fbff !important;
	box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22) !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#propertyNotesModal, #leadNotesModal) .notes-submit-btn:disabled {
	background: rgba(30, 41, 59, 0.86) !important;
	color: #8fa2bf !important;
	box-shadow: none !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#propertyNotesModal, #leadNotesModal) .notes-empty-state {
	border: 1px dashed rgba(126, 148, 184, 0.24) !important;
	background: rgba(15, 23, 42, 0.54) !important;
	color: #a9bbd5 !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#propertyNotesModal, #leadNotesModal) .note-action-btn {
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	background: rgba(15, 23, 42, 0.72) !important;
	color: #cfe0f7 !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#propertyNotesModal, #leadNotesModal) .note-action-btn:hover {
	border-color: rgba(96, 165, 250, 0.46) !important;
	background: rgba(30, 41, 59, 0.96) !important;
	color: #ffffff !important;
}

body:has(#mainAppContent.executive-suite-shell) :is(#propertyNotesModal, #leadNotesModal) .note-action-btn--danger {
	color: #fecaca !important;
}

body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-card {
	max-width: min(1120px, calc(100vw - 48px)) !important;
}

body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal :is(.lead-card, .interested-lead-card, .summary-card) {
	border-color: rgba(126, 148, 184, 0.22) !important;
	background: rgba(15, 23, 42, 0.68) !important;
	color: #dbe7f7 !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background: #22c55e"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background:#22c55e"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background: #10b981"],
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background:#10b981"] {
	color: #ffffff !important;
}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .email-preview-body [style*="background: #fbbf24"] {
	color: #172033 !important;
}

@media (max-width: 980px) {
	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .modal-sticky-header,
	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .modal-body.showcase-split-view {
		grid-template-columns: 1fr !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-actions {
		align-items: stretch !important;
		min-width: 0 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-email-correction {
		grid-template-columns: 1fr;
	}

	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .selected-customer-email-state {
		margin-left: 0;
	}
}

/* 20260501: align Leads/Specials/Agents metric charts with the polished Emails chart system and tighten Listings header filters. */
#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) :is(.leads-insights-row, .specials-insights-row, .analytics-charts-row) {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) :is(.leads-insight-panel, .specials-insight-panel, .analytics-chart-panel) {
	min-width: 0 !important;
	height: 244px !important;
	min-height: 244px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 7px !important;
	padding: 10px !important;
	overflow: hidden !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-top-width: 3px !important;
	border-radius: 11px !important;
	background:
		linear-gradient(180deg, rgba(42, 58, 98, 0.34), rgba(8, 14, 25, 0.52)),
		rgba(10, 16, 29, 0.92) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel:nth-child(1),
#mainAppContent.executive-suite-shell #specialsView .specials-insight-panel:nth-child(1),
#mainAppContent.executive-suite-shell #agentsView .analytics-chart-panel:nth-child(1) {
	border-top-color: rgba(91, 125, 255, 0.88) !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel:nth-child(2),
#mainAppContent.executive-suite-shell #specialsView .specials-insight-panel:nth-child(2),
#mainAppContent.executive-suite-shell #agentsView .analytics-chart-panel:nth-child(2) {
	border-top-color: rgba(45, 212, 191, 0.78) !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel:nth-child(3),
#mainAppContent.executive-suite-shell #agentsView .analytics-chart-panel:nth-child(3) {
	border-top-color: rgba(56, 189, 248, 0.78) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) :is(.leads-insight-title, .specials-insight-title) {
	min-height: 24px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 0 6px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.15) !important;
	color: #9eb4d4 !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	letter-spacing: 0.08em !important;
	line-height: 1.1 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) :is(#leadsOverviewBars, #leadsHealthBars, #leadsSourceChart, #specialsOverviewBars, #specialsCommissionBars, .analytics-chart-bars, .leads-source-chart).tre-metric-list {
	min-height: 0 !important;
	flex: 1 1 auto !important;
	display: grid !important;
	grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
	gap: 7px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .tre-metric-row {
	position: relative !important;
	min-width: 0 !important;
	min-height: 0 !important;
	display: grid !important;
	grid-template-columns: 106px minmax(54px, 1fr) 58px 34px !important;
	grid-template-rows: 1fr auto !important;
	align-items: center !important;
	gap: 2px 7px !important;
	padding: 7px 9px !important;
	border: 1px solid rgba(126, 148, 184, 0.14) !important;
	border-radius: 8px !important;
	background: rgba(12, 21, 37, 0.72) !important;
	color: #dbe7f7 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .tre-metric-row.is-filterable {
	cursor: pointer !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .tre-metric-row.is-filterable:hover,
#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .tre-metric-row.is-filterable:focus-within {
	border-color: rgba(96, 165, 250, 0.36) !important;
	background: rgba(16, 31, 56, 0.82) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .tre-metric-row.is-filter-active,
#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .tre-metric-row.specials-filter-active {
	border-color: rgba(125, 211, 252, 0.52) !important;
	background:
		linear-gradient(90deg, rgba(59, 130, 246, 0.18), rgba(14, 165, 233, 0.08)),
		rgba(8, 20, 38, 0.92) !important;
	box-shadow:
		0 0 0 1px rgba(56, 189, 248, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row--primary {
	background: rgba(18, 25, 50, 0.72) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row--success {
	background: rgba(7, 36, 29, 0.58) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row--info {
	background: rgba(7, 28, 48, 0.58) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row--danger {
	background: rgba(51, 18, 28, 0.66) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row--warning {
	background: rgba(52, 35, 9, 0.6) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row--neutral {
	background: rgba(15, 23, 42, 0.58) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) :is(.email-insight-label, .email-insight-value, .email-insight-percent, .email-insight-detail) {
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	letter-spacing: 0 !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-label {
	color: #b7c7e0 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-value {
	color: #eef6ff !important;
	font-size: 14px !important;
	font-weight: 950 !important;
	text-align: right !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-percent {
	color: #91a7c6 !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	text-align: right !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-detail {
	grid-column: 1 / -1 !important;
	color: #7185a3 !important;
	font-size: 10px !important;
	font-weight: 760 !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-bar {
	position: relative !important;
	height: 7px !important;
	overflow: hidden !important;
	border-radius: 999px !important;
	background: rgba(51, 65, 85, 0.62) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-bar span {
	display: block !important;
	height: 100% !important;
	min-width: 2px !important;
	border-radius: inherit !important;
	background: linear-gradient(90deg, #818cf8, #60a5fa) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row--success .email-insight-bar span {
	background: linear-gradient(90deg, #34d399, #22c55e) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row--info .email-insight-bar span {
	background: linear-gradient(90deg, #38bdf8, #60a5fa) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row--danger .email-insight-bar span {
	background: linear-gradient(90deg, #fb7185, #f43f5e) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row--warning .email-insight-bar span {
	background: linear-gradient(90deg, #fbbf24, #f59e0b) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row--neutral .email-insight-bar span {
	background: linear-gradient(90deg, #94a3b8, #64748b) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row--custom .email-insight-bar span {
	background: var(--metric-color, #60a5fa) !important;
}

#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) :is(.dash-bar-clear, .specials-filter-x) {
	position: absolute !important;
	right: 7px !important;
	top: 7px !important;
	width: 18px !important;
	height: 18px !important;
	display: inline-grid !important;
	place-items: center !important;
	border: 1px solid rgba(147, 197, 253, 0.42) !important;
	border-radius: 999px !important;
	background: rgba(37, 99, 235, 0.22) !important;
	color: #dbeafe !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	cursor: pointer !important;
}

/* 20260501: compact Agents chart rows after removing repetitive row captions. */
#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row,
#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row {
	width: 100% !important;
	max-width: 100% !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-chart-panel {
	height: 204px !important;
	min-height: 204px !important;
	gap: 6px !important;
	padding: 9px 10px !important;
}

#mainAppContent.executive-suite-shell #agentsView :is(.analytics-chart-bars, .leads-source-chart).tre-metric-list {
	gap: 6px !important;
}

#mainAppContent.executive-suite-shell #agentsView .tre-metric-row {
	grid-template-columns: minmax(96px, 0.95fr) minmax(78px, 1.18fr) 42px 38px !important;
	grid-template-rows: 1fr !important;
	gap: 0 8px !important;
	min-height: 34px !important;
	padding: 6px 10px !important;
}

#mainAppContent.executive-suite-shell #agentsView .email-insight-detail {
	display: none !important;
}

#mainAppContent.executive-suite-shell #leadsView :is(.lead-overview-summary, .lead-health-summary) {
	display: none !important;
}

@media (min-width: 1281px) {
	#mainAppContent.executive-suite-shell #listingsView .filter-primary-row {
		display: grid !important;
		grid-template-columns: minmax(300px, 1fr) minmax(240px, 320px) max-content max-content max-content minmax(170px, max-content) !important;
		grid-template-areas: "property customer filters add toggle mode" !important;
		gap: 10px !important;
		align-items: center !important;
	}
}

@media (min-width: 901px) and (max-width: 1280px) {
	#mainAppContent.executive-suite-shell #listingsView .filter-primary-row {
		grid-template-columns: minmax(280px, 1fr) minmax(240px, 320px) max-content !important;
		grid-template-areas:
			"property customer filters"
			"add toggle mode" !important;
	}
}

#mainAppContent.executive-suite-shell #listingsView .customer-selector-control {
	grid-area: customer !important;
	width: min(100%, 320px) !important;
	max-width: 320px !important;
	min-width: 240px !important;
	order: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #listingsView .customer-selector-control .customer-search-container {
	width: 100% !important;
	min-width: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #listingsView .customer-selector-control #customerSearchInput {
	width: 100% !important;
	height: 52px !important;
	box-sizing: border-box !important;
	border: 1px solid rgba(126, 148, 184, 0.26) !important;
	border-radius: 8px !important;
	background: rgba(5, 10, 20, 0.7) !important;
	color: #dbeafe !important;
	padding: 0 15px !important;
	font-size: 15px !important;
	font-weight: 720 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

#mainAppContent.executive-suite-shell #listingsView .customer-selector-control #customerSearchInput:not(:placeholder-shown) {
	border-color: rgba(45, 212, 191, 0.58) !important;
	background:
		linear-gradient(90deg, rgba(20, 184, 166, 0.12), rgba(59, 130, 246, 0.06)),
		rgba(6, 18, 31, 0.84) !important;
	box-shadow:
		0 0 0 1px rgba(45, 212, 191, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

#mainAppContent.executive-suite-shell #listingsView .customer-selector-control #customerSearchInput::placeholder {
	color: #6f819d !important;
}

/* 20260527: explicit Customer View search scope so agents can find off-criteria properties. */
#mainAppContent.executive-suite-shell #listingsView .filter-search-wrapper {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

#mainAppContent.executive-suite-shell #listingsView .filter-search-wrapper svg {
	flex: 0 0 auto !important;
}

#mainAppContent.executive-suite-shell #listingsView #listingsSearchInput {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #listingsView .customer-all-property-search-toggle {
	flex: 0 0 auto !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 104px !important;
	height: 34px !important;
	padding: 0 11px !important;
	border: 1px solid rgba(125, 211, 252, 0.42) !important;
	border-radius: 999px !important;
	background: rgba(15, 23, 42, 0.88) !important;
	color: #dbeafe !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

#mainAppContent.executive-suite-shell #listingsView .customer-all-property-search-toggle:hover,
#mainAppContent.executive-suite-shell #listingsView .customer-all-property-search-toggle:focus-visible {
	border-color: rgba(56, 189, 248, 0.78) !important;
	background: rgba(30, 64, 175, 0.42) !important;
	outline: none !important;
}

#mainAppContent.executive-suite-shell #listingsView .customer-all-property-search-toggle.is-active {
	border-color: rgba(52, 211, 153, 0.82) !important;
	background: linear-gradient(135deg, rgba(20, 184, 166, 0.28), rgba(37, 99, 235, 0.3)) !important;
	color: #ecfeff !important;
}

#mainAppContent.executive-suite-shell #listingsView .customer-all-property-search-toggle:disabled {
	opacity: 0.52 !important;
	cursor: not-allowed !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-no-results-all-search {
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 7px !important;
	max-width: min(100%, 520px) !important;
	margin-top: 14px !important;
	padding: 13px 16px !important;
	border: 1px solid rgba(52, 211, 153, 0.3) !important;
	border-radius: 12px !important;
	background: rgba(8, 47, 73, 0.24) !important;
	color: #dbeafe !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-no-results-all-search button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 34px !important;
	padding: 0 14px !important;
	border: 1px solid rgba(52, 211, 153, 0.62) !important;
	border-radius: 999px !important;
	background: rgba(20, 184, 166, 0.24) !important;
	color: #ecfeff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	cursor: pointer !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-no-results-all-search p {
	margin: 0 !important;
	color: #a9bdd6 !important;
	font-size: 12px !important;
	line-height: 1.45 !important;
}

@media (max-width: 640px) {
	#mainAppContent.executive-suite-shell #listingsView .customer-all-property-search-toggle {
		min-width: 90px !important;
		height: 32px !important;
		padding: 0 8px !important;
		font-size: 10.5px !important;
	}
}

#mainAppContent.executive-suite-shell #listingsView :is(.active-filters-bar, .active-filters-chips) .filter-chip-remove {
	width: 20px !important;
	height: 20px !important;
	display: inline-grid !important;
	place-items: center !important;
	margin-left: 4px !important;
	border: 1px solid rgba(147, 197, 253, 0.36) !important;
	border-radius: 999px !important;
	background: rgba(37, 99, 235, 0.18) !important;
	color: #dbeafe !important;
	opacity: 1 !important;
}

#mainAppContent.executive-suite-shell #listingsView :is(.active-filters-bar, .active-filters-chips) .filter-chip-remove svg {
	width: 11px !important;
	height: 11px !important;
	stroke-width: 3 !important;
}

#mainAppContent.executive-suite-shell #listingsView :is(.active-filters-bar, .active-filters-chips) .filter-chip-remove:hover {
	border-color: rgba(248, 113, 113, 0.58) !important;
	background: rgba(127, 29, 29, 0.3) !important;
	color: #fecaca !important;
}

/* 20260501: desktop Specials chart row should use the full content width with two equal panels. */
@media (min-width: 1101px) {
	#mainAppContent.executive-suite-shell #specialsView .specials-dashboard,
	#mainAppContent.executive-suite-shell #specialsView .specials-insights-row {
		width: 100% !important;
		max-width: none !important;
	}

	#mainAppContent.executive-suite-shell #specialsView .specials-insights-row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell #specialsView .specials-insight-panel {
		width: 100% !important;
		max-width: none !important;
	}
}

@media (max-width: 1100px) {
	#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView) :is(.leads-insights-row, .specials-insights-row) {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView) :is(.leads-insight-panel, .specials-insight-panel) {
		height: auto !important;
		min-height: 214px !important;
	}
}

/* 20260501: Tracker charts inherit the Specials metric card sizing and row system. */
#mainAppContent.executive-suite-shell #trackerView .tracker-dashboard {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	background: transparent !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-divider {
	display: none !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-section {
	min-width: 0 !important;
	width: 100% !important;
	max-width: none !important;
	height: 244px !important;
	min-height: 244px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 7px !important;
	padding: 10px !important;
	overflow: hidden !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-top-width: 3px !important;
	border-radius: 11px !important;
	background:
		linear-gradient(180deg, rgba(42, 58, 98, 0.34), rgba(8, 14, 25, 0.52)),
		rgba(10, 16, 29, 0.92) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-health-panel {
	border-top-color: rgba(91, 125, 255, 0.88) !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-steps-panel {
	border-top-color: rgba(45, 212, 191, 0.78) !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-title {
	min-height: 24px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 0 6px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.15) !important;
	color: #9eb4d4 !important;
	font-family: var(--es-display-font) !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	letter-spacing: 0.08em !important;
	line-height: 1.1 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-bars.tre-metric-list {
	min-height: 0 !important;
	flex: 1 1 auto !important;
	display: grid !important;
	grid-template-rows: repeat(var(--tracker-metric-row-count, 5), minmax(0, 1fr)) !important;
	gap: 7px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #trackerView .tre-metric-row {
	position: relative !important;
	min-width: 0 !important;
	min-height: 0 !important;
	display: grid !important;
	grid-template-columns: 116px minmax(54px, 1fr) 48px 36px !important;
	grid-template-rows: 1fr auto !important;
	align-items: center !important;
	gap: 2px 7px !important;
	padding: 7px 9px !important;
	border: 1px solid rgba(126, 148, 184, 0.14) !important;
	border-radius: 8px !important;
	background: rgba(12, 21, 37, 0.72) !important;
	color: #dbe7f7 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
	cursor: pointer !important;
}

#mainAppContent.executive-suite-shell #trackerView .tre-metric-row:hover,
#mainAppContent.executive-suite-shell #trackerView .tre-metric-row:focus-within {
	border-color: rgba(96, 165, 250, 0.36) !important;
	background: rgba(16, 31, 56, 0.82) !important;
}

#mainAppContent.executive-suite-shell #trackerView .tre-metric-row.is-filter-active {
	border-color: rgba(125, 211, 252, 0.52) !important;
	background:
		linear-gradient(90deg, rgba(59, 130, 246, 0.18), rgba(14, 165, 233, 0.08)),
		rgba(8, 20, 38, 0.92) !important;
	box-shadow:
		0 0 0 1px rgba(56, 189, 248, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

#mainAppContent.executive-suite-shell #trackerView :is(.email-insight-label, .email-insight-value, .email-insight-percent, .email-insight-detail) {
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	letter-spacing: 0 !important;
}

#mainAppContent.executive-suite-shell #trackerView .email-insight-label {
	color: #b7c7e0 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #trackerView .email-insight-value {
	color: #eef6ff !important;
	font-size: 14px !important;
	font-weight: 950 !important;
	text-align: right !important;
}

#mainAppContent.executive-suite-shell #trackerView .email-insight-percent {
	color: #91a7c6 !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	text-align: right !important;
}

#mainAppContent.executive-suite-shell #trackerView .email-insight-detail {
	grid-column: 1 / -1 !important;
	color: #7185a3 !important;
	font-size: 10px !important;
	font-weight: 760 !important;
}

#mainAppContent.executive-suite-shell #trackerView .email-insight-bar {
	position: relative !important;
	height: 7px !important;
	overflow: hidden !important;
	border-radius: 999px !important;
	background: rgba(51, 65, 85, 0.62) !important;
}

#mainAppContent.executive-suite-shell #trackerView .email-insight-bar span {
	display: block !important;
	height: 100% !important;
	min-width: 2px !important;
	border-radius: inherit !important;
	background: linear-gradient(90deg, #818cf8, #60a5fa) !important;
}

#mainAppContent.executive-suite-shell #trackerView .email-insight-row--success .email-insight-bar span {
	background: linear-gradient(90deg, #34d399, #22c55e) !important;
}

#mainAppContent.executive-suite-shell #trackerView .email-insight-row--info .email-insight-bar span {
	background: linear-gradient(90deg, #38bdf8, #60a5fa) !important;
}

#mainAppContent.executive-suite-shell #trackerView .email-insight-row--danger .email-insight-bar span {
	background: linear-gradient(90deg, #fb7185, #f43f5e) !important;
}

#mainAppContent.executive-suite-shell #trackerView .email-insight-row--warning .email-insight-bar span {
	background: linear-gradient(90deg, #fbbf24, #f59e0b) !important;
}

#mainAppContent.executive-suite-shell #trackerView .email-insight-row--neutral .email-insight-bar span {
	background: linear-gradient(90deg, #94a3b8, #64748b) !important;
}

#mainAppContent.executive-suite-shell #trackerView .dash-bar-clear {
	position: absolute !important;
	right: 7px !important;
	top: 7px !important;
	width: 18px !important;
	height: 18px !important;
	display: inline-grid !important;
	place-items: center !important;
	border: 1px solid rgba(147, 197, 253, 0.42) !important;
	border-radius: 999px !important;
	background: rgba(37, 99, 235, 0.22) !important;
	color: #dbeafe !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	cursor: pointer !important;
}

@media (min-width: 1101px) {
	#mainAppContent.executive-suite-shell #trackerView .tracker-dashboard {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #trackerView:not(.hidden) :is(.tracker-page-header, .tracker-insights-shell, .tracker-dashboard, .tracker-container) {
		width: calc(100dvw - var(--es-sidebar-width, 212px) - 48px) !important;
		max-width: calc(100dvw - var(--es-sidebar-width, 212px) - 48px) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #trackerView:not(.hidden) :is(.tracker-page-header, .tracker-insights-shell, .tracker-dashboard, .tracker-container) {
		width: calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 48px) !important;
		max-width: calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 48px) !important;
	}
}

@media (max-width: 1100px) {
	#mainAppContent.executive-suite-shell #trackerView .tracker-dashboard {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .tracker-dash-section {
		height: auto !important;
		min-height: 214px !important;
	}
}

@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell #trackerView .tracker-dashboard {
		width: var(--tre-mobile-listings-inline, min(100%, 392px)) !important;
		max-width: var(--tre-mobile-listings-inline, min(100%, 392px)) !important;
		margin-inline: auto !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .tracker-dash-section {
		min-height: 222px !important;
		padding: 10px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .tre-metric-row {
		grid-template-columns: 92px minmax(42px, 1fr) 34px 32px !important;
		gap: 2px 6px !important;
		padding: 7px 8px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .email-insight-label,
	#mainAppContent.executive-suite-shell #trackerView .email-insight-detail {
		font-size: 9px !important;
	}
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell #listingsView .customer-selector-control {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView) .tre-metric-row {
		grid-template-columns: 106px minmax(64px, 1fr) 58px !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView) .email-insight-percent {
		display: none !important;
	}
}

/* 20260501: mobile CRM shell repair. Desktop layout remains governed by the Executive Suite sidebar rules above. */
@media (max-width: 900px) {
	html,
	body {
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell,
	#mainAppContent.executive-suite-shell.sidebar-collapsed {
		width: 100% !important;
		max-width: 100vw !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		position: sticky !important;
		inset: 0 0 auto 0 !important;
		top: 0 !important;
		z-index: 920 !important;
		width: 100% !important;
		max-width: 100vw !important;
		height: auto !important;
		min-height: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-areas:
			"brand actions"
			"nav nav" !important;
		align-items: center !important;
		gap: 8px !important;
		padding: 8px 10px !important;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(126, 148, 184, 0.22) !important;
		background: rgba(8, 13, 25, 0.97) !important;
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34) !important;
		backdrop-filter: blur(16px) !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .brand {
		grid-area: brand !important;
		width: auto !important;
		min-width: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	#mainAppContent.executive-suite-shell .brand-logo {
		display: block !important;
		max-width: 118px !important;
		max-height: 28px !important;
		object-fit: contain !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .header-actions {
		grid-area: actions !important;
		width: auto !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 6px !important;
	}

	#mainAppContent.executive-suite-shell .header-actions :is(.user-info, #profileBtn, #logoutBtn, .manage-dropdown-container) {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .mobile-leads-summary {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 32px !important;
		max-width: 120px !important;
		padding: 0 9px !important;
		border: 1px solid rgba(126, 148, 184, 0.2) !important;
		border-radius: 999px !important;
		background: rgba(15, 23, 42, 0.86) !important;
		color: #cfe0f6 !important;
		font-size: 11px !important;
		font-weight: 850 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell .mobile-landing-actions {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		grid-area: nav !important;
		width: 100% !important;
		max-width: 100% !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 6px !important;
		padding: 0 0 2px !important;
		margin: 0 !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x proximity !important;
		-webkit-overflow-scrolling: touch !important;
	}

	#mainAppContent.executive-suite-shell .main-nav::-webkit-scrollbar {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		flex: 0 0 72px !important;
		width: 72px !important;
		min-width: 72px !important;
		max-width: 72px !important;
		min-height: 42px !important;
		padding: 5px 4px !important;
		display: grid !important;
		grid-template-rows: 17px 1fr !important;
		place-items: center !important;
		gap: 1px !important;
		border-radius: 10px !important;
		font-size: 0 !important;
		letter-spacing: 0 !important;
		line-height: 1 !important;
		text-align: center !important;
		transform: none !important;
		scroll-snap-align: start !important;
	}

	#mainAppContent.executive-suite-shell .nav-link > * {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .nav-link::before {
		content: attr(data-icon) !important;
		font-size: 15px !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell .nav-link::after {
		content: attr(data-short) !important;
		color: currentColor !important;
		font-size: 9px !important;
		font-weight: 900 !important;
		line-height: 1.05 !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #appRoot,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot {
		width: 100% !important;
		max-width: 100vw !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		padding: 10px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell .route-view {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell :is(.executive-page-header, .leads-page-header, .agents-page-header, .analytics-page-header, .specials-page-header, .listings-page-header) {
		min-height: 0 !important;
		margin-bottom: 10px !important;
		padding: 12px !important;
		border-radius: 14px !important;
	}

	#mainAppContent.executive-suite-shell :is(.leads-subtitle, .agents-subtitle, .analytics-subtitle, .specials-subtitle, .listings-subtitle, .executive-page-subtitle) {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell :is(.executive-kpi-row, .analytics-kpi-grid, .agents-kpi-row, .specials-summary-grid, .admin-stats-grid, .email-stats-grid) {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell .executive-kpi-card {
		min-height: 82px !important;
		padding: 12px !important;
	}

	#mainAppContent.executive-suite-shell :is(.filter-primary-row, .leads-header-search-row, .agents-search-row, .specials-toolbar, .table-actions, .filters-bar, .leads-filter-row) {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .filter-primary-row {
		grid-template-areas:
			"property"
			"customer"
			"filters"
			"add"
			"toggle"
			"mode" !important;
	}

	#mainAppContent.executive-suite-shell #listingsView :is(.search-control, .customer-selector-control, .filters-toggle, .add-listing-dropdown, .view-toggle, .agent-customer-toggle, .view-mode-toggle) {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .customer-selector-control #customerSearchInput,
	#mainAppContent.executive-suite-shell #listingsView .search-control input {
		height: 46px !important;
	}

	#mainAppContent.executive-suite-shell :is(.table-wrapper, .table-container, .leads-table-container) {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}

	#mainAppContent.executive-suite-shell :is(.data-table, table) {
		min-width: 720px;
	}

	#mainAppContent.executive-suite-shell #listingsView .map-view-container {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .mapwrap,
	#mainAppContent.executive-suite-shell #listingsView #listingsMap {
		min-height: 420px !important;
	}

	#mainAppContent.executive-suite-shell :is(.list-view-grid, .agents-dashboard, .analytics-charts-row, .specials-insights-row, .leads-insights-row) {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell :is(.modal-card, .modal-content) {
		width: calc(100vw - 16px) !important;
		max-width: calc(100vw - 16px) !important;
		max-height: calc(100dvh - 16px) !important;
		border-radius: 14px !important;
	}
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #appRoot #agentsView:not(.hidden) {
		width: calc(100dvw - var(--es-sidebar-width, 212px) - 64px) !important;
		max-width: calc(100dvw - var(--es-sidebar-width, 212px) - 64px) !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot #agentsView:not(.hidden) {
		width: calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 72px) !important;
		max-width: calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 72px) !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-charts-row,
	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row {
		box-sizing: border-box !important;
		width: calc(100% - 112px) !important;
		max-width: calc(100% - 112px) !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agents-closed-panel {
		grid-column: auto !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-chart-panel {
		height: 204px !important;
		min-height: 204px !important;
		max-height: 204px !important;
		padding: 9px 10px !important;
	}
}

@media (max-width: 520px) {
	#mainAppContent.executive-suite-shell .brand-logo {
		max-width: 92px !important;
	}

	#mainAppContent.executive-suite-shell .mobile-leads-summary {
		max-width: 96px !important;
		font-size: 10px !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		flex-basis: 64px !important;
		width: 64px !important;
		min-width: 64px !important;
		max-width: 64px !important;
	}

	#mainAppContent.executive-suite-shell .nav-link::after {
		font-size: 8px !important;
	}
}

/* 20260501: mobile Listings read-only cleanup. Phone layout only; desktop remains unchanged. */
@media (max-width: 768px) {
	:root {
		--tre-mobile-topbar-h: auto;
		--tre-mobile-tabbar-h: auto;
	}

	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		position: sticky !important;
		top: 0 !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"actions"
			"nav" !important;
		gap: 8px !important;
		padding: 8px !important;
		overflow: visible !important;
		z-index: 920 !important;
	}

	#mainAppContent.executive-suite-shell .brand {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .header-actions,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		grid-area: actions !important;
		position: static !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 8px !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn) {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: 100% !important;
		height: 40px !important;
		padding: 4px 10px 4px 5px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		border-radius: 999px !important;
		background: rgba(15, 23, 42, 0.92) !important;
		border: 1px solid rgba(125, 211, 252, 0.28) !important;
		box-shadow: none !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn) .header-user-copy {
		display: block !important;
		min-width: 0 !important;
		max-width: 48vw !important;
	}

	#mainAppContent.executive-suite-shell .header-user-name,
	#mainAppContent.executive-suite-shell .header-user-role {
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell .header-profile-avatar {
		width: 32px !important;
		height: 32px !important;
		min-width: 32px !important;
	}

	#mainAppContent.executive-suite-shell .header-profile-avatar::before {
		display: none !important;
		content: none !important;
	}

	#mainAppContent.executive-suite-shell .header-actions :is(#profileBtn, #logoutBtn, .manage-dropdown-container, .mobile-landing-actions) {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		grid-area: nav !important;
		position: relative !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		top: auto !important;
		z-index: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		padding: 4px !important;
		display: grid !important;
		grid-auto-flow: column !important;
		grid-auto-columns: minmax(56px, 1fr) !important;
		gap: 4px !important;
		border-radius: 14px !important;
		background: rgba(8, 13, 24, 0.95) !important;
		border: 1px solid rgba(148, 163, 184, 0.22) !important;
		box-shadow: none !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		width: auto !important;
		min-width: 56px !important;
		max-width: none !important;
		height: 44px !important;
		flex: initial !important;
		display: grid !important;
		place-items: center !important;
		padding: 4px 6px !important;
		border-radius: 10px !important;
	}

	#mainAppContent.executive-suite-shell .nav-link span,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link span {
		display: block !important;
		max-width: 100% !important;
		font-size: 9px !important;
		font-weight: 800 !important;
		line-height: 1.05 !important;
		text-align: center !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell #appRoot,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot {
		padding: 8px 8px 14px !important;
		overflow-x: hidden !important;
	}

}

/* 20260501: mobile shell hardening. Keep this as the final mobile-only layer. */
@media (max-width: 900px) {
	:root {
		--tre-mobile-topbar-h: 58px;
		--tre-mobile-tabbar-h: 72px;
	}

	html,
	body {
		width: 100% !important;
		max-width: 100vw !important;
		overflow-x: hidden !important;
		overscroll-behavior-x: none !important;
	}

	body:has(#mainAppContent.executive-suite-shell) {
		background: #050b16 !important;
	}

	#mainAppContent.executive-suite-shell,
	#mainAppContent.executive-suite-shell.sidebar-collapsed {
		width: 100% !important;
		max-width: 100vw !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell *,
	#mainAppContent.executive-suite-shell *::before,
	#mainAppContent.executive-suite-shell *::after {
		box-sizing: border-box !important;
	}

	#mainAppContent.executive-suite-shell :is(img, svg, canvas, video) {
		max-width: 100%;
	}

	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		position: sticky !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 940 !important;
		width: 100% !important;
		max-width: 100vw !important;
		min-height: var(--tre-mobile-topbar-h) !important;
		display: grid !important;
		grid-template-columns: minmax(74px, auto) minmax(0, 1fr) !important;
		grid-template-areas: "brand actions" !important;
		align-items: center !important;
		gap: 8px !important;
		padding: 8px 10px !important;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(126, 148, 184, 0.2) !important;
		background:
			linear-gradient(180deg, rgba(14, 23, 39, 0.98), rgba(7, 12, 23, 0.97)),
			#08111f !important;
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32) !important;
		backdrop-filter: blur(16px) !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell .brand {
		grid-area: brand !important;
		max-width: 112px !important;
	}

	#mainAppContent.executive-suite-shell .brand-logo {
		max-width: 106px !important;
		max-height: 28px !important;
	}

	#mainAppContent.executive-suite-shell .header-actions {
		grid-area: actions !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 8px !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn) {
		position: fixed !important;
		top: 8px !important;
		left: 8px !important;
		right: auto !important;
		z-index: 960 !important;
		display: grid !important;
		place-items: center !important;
		flex: 0 0 42px !important;
		width: 42px !important;
		height: 42px !important;
		min-width: 42px !important;
		padding: 0 !important;
		border: 1px solid rgba(125, 211, 252, 0.26) !important;
		border-radius: 999px !important;
		background:
			linear-gradient(180deg, rgba(59, 130, 246, 0.16), rgba(15, 23, 42, 0.86)),
			#0d1728 !important;
		box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25) !important;
		cursor: pointer !important;
		pointer-events: auto !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn):focus-visible {
		outline: 2px solid rgba(125, 211, 252, 0.82) !important;
		outline-offset: 2px !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn) .header-user-copy {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .header-profile-avatar {
		display: grid !important;
		place-items: center !important;
		width: 34px !important;
		height: 34px !important;
		min-width: 34px !important;
		border-radius: 999px !important;
		color: #e7f2ff !important;
		font-size: 0 !important;
		font-weight: 900 !important;
	}

	#mainAppContent.executive-suite-shell .header-profile-avatar::before {
		content: "P" !important;
		font-size: 15px !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell .header-actions :is(#profileBtn, #logoutBtn, .manage-dropdown-container, .mobile-landing-actions) {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .mobile-leads-summary {
		flex: 0 1 auto !important;
		max-width: min(44vw, 158px) !important;
		min-height: 34px !important;
		padding: 0 11px !important;
		border-color: rgba(125, 211, 252, 0.24) !important;
		background: rgba(12, 22, 38, 0.9) !important;
		color: #d7e6fb !important;
		font-size: 11px !important;
		letter-spacing: 0 !important;
	}

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		position: fixed !important;
		left: 8px !important;
		right: 8px !important;
		bottom: 8px !important;
		bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
		z-index: 930 !important;
		width: auto !important;
		max-width: calc(100vw - 16px) !important;
		height: 60px !important;
		margin: 0 !important;
		padding: 6px 6px 6px 56px !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 5px !important;
		border: 1px solid rgba(126, 148, 184, 0.28) !important;
		border-radius: 18px !important;
		background:
			linear-gradient(180deg, rgba(22, 33, 52, 0.97), rgba(8, 13, 24, 0.98)),
			#0b1322 !important;
		box-shadow: 0 18px 44px rgba(0, 0, 0, 0.46) !important;
		backdrop-filter: blur(18px) !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x proximity !important;
		-webkit-overflow-scrolling: touch !important;
	}

	#mainAppContent.executive-suite-shell .main-nav::-webkit-scrollbar {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		flex: 0 0 66px !important;
		width: 66px !important;
		min-width: 66px !important;
		max-width: 66px !important;
		height: 48px !important;
		min-height: 48px !important;
		padding: 5px 4px !important;
		display: grid !important;
		grid-template-rows: 18px 1fr !important;
		place-items: center !important;
		gap: 2px !important;
		border: 1px solid transparent !important;
		border-radius: 13px !important;
		color: #aebfd8 !important;
		font-size: 0 !important;
		line-height: 1 !important;
		text-align: center !important;
		text-decoration: none !important;
		scroll-snap-align: start !important;
	}

	#mainAppContent.executive-suite-shell .nav-link.active,
	#mainAppContent.executive-suite-shell .nav-link[aria-current="page"] {
		border-color: rgba(96, 165, 250, 0.52) !important;
		background: rgba(37, 99, 235, 0.18) !important;
		color: #edf6ff !important;
		box-shadow: inset 0 0 0 1px rgba(125, 211, 252, 0.12) !important;
	}

	#mainAppContent.executive-suite-shell .nav-link::before {
		font-size: 17px !important;
	}

	#mainAppContent.executive-suite-shell .nav-link::after {
		max-width: 100% !important;
		font-size: 8.5px !important;
		font-weight: 900 !important;
		line-height: 1.05 !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell #appRoot,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot {
		width: 100% !important;
		max-width: 100vw !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		padding: 10px 10px 90px !important;
		padding: 10px 10px calc(var(--tre-mobile-tabbar-h) + 18px + env(safe-area-inset-bottom, 0px)) !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell :is(.route-view, .route-view > *, .executive-page-header, .leads-page-header, .listings-page-header, .specials-page-header, .agents-page-header, .analytics-page-header, .admin-page-header) {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell :is(.executive-page-header, .leads-page-header, .listings-page-header, .specials-page-header, .agents-page-header, .analytics-page-header, .admin-page-header) {
		padding: 12px !important;
		border-radius: 14px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell :is(.executive-kpi-row, .analytics-kpi-grid, .agents-kpi-row, .specials-summary-grid, .admin-stats-grid, .email-stats-grid, .leads-insights-row, .specials-insights-row, .analytics-charts-row, .agents-dashboard) {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell :is(.executive-kpi-card, .analytics-card, .analytics-kpi-card, .email-insight-card, .leads-insight-panel, .specials-insight-panel, .agents-chart-card, .admin-panel, .card, .panel) {
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .executive-kpi-card {
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: center !important;
		gap: 8px !important;
		min-height: 78px !important;
		padding: 11px !important;
	}

	#mainAppContent.executive-suite-shell :is(.executive-kpi-value, .kpi-value, .metric-value, .stat-value) {
		max-width: 100% !important;
		font-size: clamp(22px, 8vw, 34px) !important;
		line-height: 1 !important;
		overflow-wrap: anywhere !important;
	}

	#mainAppContent.executive-suite-shell :is(.filter-primary-row, .leads-header-search-row, .agents-search-row, .specials-toolbar, .table-actions, .filters-bar, .leads-filter-row, .analytics-command-grid) {
		width: 100% !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 8px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .filter-primary-row {
		grid-template-areas:
			"property"
			"customer"
			"filters"
			"add"
			"toggle"
			"mode" !important;
	}

	#mainAppContent.executive-suite-shell :is(.search-control, .customer-selector-control, .lead-search-control, .filter-search-control) {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell :is(.search-control input, .customer-selector-control input, #customerSearchInput, #leadSearchInput, #searchInput) {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell :is(.table-wrapper, .table-container, .leads-table-container, .users-table-wrapper, .analytics-table-wrap, .analytics-table-container, .specials-table-wrap, .specials-table-container, .list-view-grid, .tracker-table-wrapper, .documents-table-wrapper, .email-table-wrapper, .activity-log-table, .modal-table-wrapper) {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-x: auto !important;
		overflow-y: visible !important;
		contain: inline-size !important;
		overscroll-behavior-x: contain !important;
		-webkit-overflow-scrolling: touch !important;
	}

	#mainAppContent.executive-suite-shell :is(.list-view-table, .data-table, #leadsTable, #usersTable, .analytics-table, .specials-table, .tracker-table, .documents-table) {
		width: max-content !important;
		min-width: min(760px, calc(100vw + 280px)) !important;
		max-width: none !important;
	}

	#mainAppContent.executive-suite-shell .lv-fp-scroll {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}

	#mainAppContent.executive-suite-shell .lv-units-table {
		min-width: 540px !important;
		width: max-content !important;
	}

	#mainAppContent.executive-suite-shell .filter-chip-remove {
		width: 28px !important;
		height: 28px !important;
		min-width: 28px !important;
		display: inline-grid !important;
		place-items: center !important;
		margin-left: 2px !important;
	}

	body:has(#mainAppContent.executive-suite-shell) :is(.modal, .modal-overlay, .modal-backdrop, .c-modal-overlay, .modal-container) {
		padding: 8px !important;
		align-items: center !important;
		justify-content: center !important;
		overflow: hidden !important;
	}

	body:has(#mainAppContent.executive-suite-shell) :is(.modal-card, .modal-content, .c-modal-card, .dialog-card) {
		width: min(100%, calc(100vw - 16px)) !important;
		max-width: calc(100vw - 16px) !important;
		max-height: calc(100dvh - 16px) !important;
		margin: 0 auto !important;
		display: flex !important;
		flex-direction: column !important;
		border-radius: 16px !important;
		overflow: hidden !important;
	}

	body:has(#mainAppContent.executive-suite-shell) :is(.modal-header, .modal-sticky-header, .modal-footer, .modal-actions, .c-modal-header, .c-modal-footer) {
		flex: 0 0 auto !important;
	}

	body:has(#mainAppContent.executive-suite-shell) :is(.modal-body, .modal-scroll, .modal-main, .modal-form, .modal-content-body, .c-modal-body, .modal-card > form) {
		min-width: 0 !important;
		max-width: 100% !important;
		flex: 1 1 auto !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		-webkit-overflow-scrolling: touch !important;
	}

	body:has(#mainAppContent.executive-suite-shell) :is(.modal-body, .modal-scroll, .modal-main, .modal-form, .modal-content-body, .c-modal-body) > * {
		max-width: 100% !important;
		min-width: 0 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) :is(.modal-section, .form-section, .property-form-section, .advanced-filter-section, .accordion-section) {
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}

	body:has(#mainAppContent.executive-suite-shell) :is(.form-grid, .modal-grid, .filters-grid, .settings-grid, .profile-grid, .property-form-grid) {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) :is(input, select, textarea, button) {
		max-width: 100% !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .modal-card {
		width: min(100%, calc(100vw - 16px)) !important;
		max-width: calc(100vw - 16px) !important;
		max-height: calc(100dvh - 16px) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .modal-sticky-header,
	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .modal-body.showcase-split-view {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal :is(.showcase-controls, .showcase-actions, .showcase-units-panel, .showcase-email-preview, #buildListingsGrid, .email-preview-content, .email-preview-wrapper, .email-preview-body) {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal :is(.showcase-units-panel, .showcase-email-preview) {
		max-height: none !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .modal-body.showcase-split-view {
		gap: 12px !important;
		padding: 10px !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal :is(.showcase-property-header, .showcase-unit-card, .email-property-card, .email-unit-card) {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .showcase-property-title-row {
		flex-wrap: wrap !important;
		gap: 8px !important;
	}
}

@media (max-width: 520px) {
	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		padding: 7px 8px !important;
	}

	#mainAppContent.executive-suite-shell .brand {
		max-width: 78px !important;
	}

	#mainAppContent.executive-suite-shell .brand-logo {
		max-width: 78px !important;
	}

	#mainAppContent.executive-suite-shell .mobile-leads-summary {
		max-width: 38vw !important;
		padding: 0 9px !important;
		font-size: 10px !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		flex-basis: 58px !important;
		width: 58px !important;
		min-width: 58px !important;
		max-width: 58px !important;
	}

	#mainAppContent.executive-suite-shell .nav-link::after {
		font-size: 8px !important;
	}

	#mainAppContent.executive-suite-shell :is(.list-view-table, .data-table, #leadsTable, #usersTable, .analytics-table, .specials-table, .tracker-table, .documents-table) {
		min-width: min(700px, calc(100vw + 260px)) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) :is(.modal-header, .modal-sticky-header, .modal-footer, .modal-actions, .c-modal-header, .c-modal-footer) {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
}

/* 20260501: final phone-only guard for read-only Listings and non-overlapping mobile shell. */
@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		position: sticky !important;
		top: 0 !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"actions"
			"nav" !important;
		gap: 8px !important;
		padding: 8px !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell .brand {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .header-actions,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		grid-area: actions !important;
		position: static !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn) {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: auto !important;
		max-width: 100% !important;
		height: 40px !important;
		padding: 4px 10px 4px 5px !important;
		gap: 8px !important;
		border-radius: 999px !important;
		background: rgba(15, 23, 42, 0.92) !important;
		border: 1px solid rgba(125, 211, 252, 0.28) !important;
		box-shadow: none !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn) .header-user-copy {
		display: block !important;
		min-width: 0 !important;
		max-width: 48vw !important;
	}

	#mainAppContent.executive-suite-shell .header-profile-avatar::before {
		display: none !important;
		content: none !important;
	}

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		grid-area: nav !important;
		position: relative !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		top: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		display: grid !important;
		grid-auto-flow: column !important;
		grid-auto-columns: minmax(56px, 1fr) !important;
		gap: 4px !important;
		padding: 4px !important;
		border-radius: 14px !important;
		background: rgba(8, 13, 24, 0.95) !important;
		border: 1px solid rgba(148, 163, 184, 0.22) !important;
		box-shadow: none !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		width: auto !important;
		min-width: 56px !important;
		max-width: none !important;
		height: 44px !important;
		flex: initial !important;
		display: grid !important;
		place-items: center !important;
		padding: 4px 6px !important;
		border-radius: 10px !important;
	}

	#mainAppContent.executive-suite-shell #appRoot,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot {
		padding: 8px 8px 14px !important;
	}

	#mainAppContent.executive-suite-shell #listingsView :is(.view-toggle-group, .view-mode-control, #mapViewBtn, #mapViewContainer, .map-view-container, .mapwrap, .bulk-actions-bar, #buildShowcaseBtn, #bulkMarkUnavailableBtn, #bulkDeleteBtn) {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .list-view-grid {
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .list-view-table {
		display: none !important;
	}
}

/* 20260501: mobile Listings alignment polish after phone screenshot review. */
@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell {
		--tre-mobile-listings-inline: min(100%, 392px);
	}

	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		gap: 9px !important;
		padding: 8px 10px 10px !important;
	}

	#mainAppContent.executive-suite-shell .header-actions,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn) {
		flex: 0 0 52px !important;
		width: 52px !important;
		height: 52px !important;
		min-width: 52px !important;
		padding: 5px !important;
		display: grid !important;
		place-items: center !important;
		border-color: rgba(125, 211, 252, 0.34) !important;
		background:
			linear-gradient(180deg, rgba(30, 64, 175, 0.16), rgba(12, 22, 38, 0.92)),
			#0b1322 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn) .header-user-copy {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .header-profile-avatar {
		width: 42px !important;
		height: 42px !important;
		min-width: 42px !important;
		display: grid !important;
		place-items: center !important;
		border-radius: 999px !important;
		overflow: hidden !important;
		color: #dbeafe !important;
		font-size: 13px !important;
		font-weight: 900 !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell .header-profile-avatar img {
		width: 100% !important;
		height: 100% !important;
		display: block !important;
		object-fit: cover !important;
		object-position: center !important;
		border-radius: 999px !important;
	}

	#mainAppContent.executive-suite-shell .header-profile-avatar::before {
		display: none !important;
		content: none !important;
	}

	#mainAppContent.executive-suite-shell .mobile-leads-summary {
		min-height: 38px !important;
		padding: 0 14px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-color: rgba(125, 211, 252, 0.32) !important;
		background: rgba(12, 22, 38, 0.9) !important;
		color: #dbeafe !important;
		font-size: 11px !important;
		font-weight: 900 !important;
		line-height: 1 !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		display: grid !important;
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		grid-auto-flow: initial !important;
		grid-auto-columns: initial !important;
		gap: 5px !important;
		padding: 6px !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		height: 50px !important;
		min-height: 50px !important;
		display: grid !important;
		grid-template-rows: 22px 13px !important;
		align-items: center !important;
		justify-items: center !important;
		place-items: center !important;
		gap: 2px !important;
		padding: 5px 3px !important;
		font-size: 0 !important;
		line-height: 1 !important;
		text-align: center !important;
	}

	#mainAppContent.executive-suite-shell .nav-link > *,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link > * {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .nav-link::before,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::before {
		content: attr(data-icon) !important;
		width: 22px !important;
		height: 22px !important;
		display: grid !important;
		place-items: center !important;
		margin: 0 auto !important;
		font-size: 17px !important;
		line-height: 1 !important;
		text-align: center !important;
	}

	#mainAppContent.executive-suite-shell .nav-link::after,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::after {
		content: attr(data-short) !important;
		max-width: 100% !important;
		display: block !important;
		color: currentColor !important;
		font-size: 8.5px !important;
		font-weight: 900 !important;
		line-height: 1.05 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell .nav-link-special::after {
		content: "DEALS" !important;
	}

}

@media (max-width: 430px) {
	#mainAppContent.executive-suite-shell {
		--tre-mobile-listings-inline: calc(100vw - 20px);
	}

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		height: 48px !important;
		min-height: 48px !important;
		padding-left: 2px !important;
		padding-right: 2px !important;
	}
}

/* 20260501: final mobile nav and Listings box alignment correction. */
@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		grid-template-columns: none !important;
		grid-auto-flow: initial !important;
		gap: 5px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x proximity !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		flex: 0 0 62px !important;
		width: 62px !important;
		min-width: 62px !important;
		max-width: 62px !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link > span,
	#mainAppContent.executive-suite-shell .main-nav .nav-link > .nav-icon,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link > span,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link > .nav-icon {
		width: 0 !important;
		height: 0 !important;
		display: none !important;
		visibility: hidden !important;
		overflow: hidden !important;
	}

}

/* 20260501: mobile nav vector icon and avatar geometry correction. */
@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell .header-actions,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn),
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info:not(#profileBtn) {
		flex: 0 0 50px !important;
		width: 50px !important;
		height: 50px !important;
		min-width: 50px !important;
		min-height: 50px !important;
		max-width: 50px !important;
		max-height: 50px !important;
		aspect-ratio: 1 / 1 !important;
		padding: 4px !important;
		display: grid !important;
		place-items: center !important;
		border-radius: 999px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #headerProfileAvatar,
	#mainAppContent.executive-suite-shell .header-profile-avatar {
		box-sizing: border-box !important;
		flex: 0 0 42px !important;
		width: 42px !important;
		height: 42px !important;
		min-width: 42px !important;
		min-height: 42px !important;
		max-width: 42px !important;
		max-height: 42px !important;
		aspect-ratio: 1 / 1 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 50% !important;
		overflow: hidden !important;
		display: grid !important;
		place-items: center !important;
		background: #102039 !important;
		color: #dbeafe !important;
		text-align: center !important;
	}

	#mainAppContent.executive-suite-shell #headerProfileAvatar img,
	#mainAppContent.executive-suite-shell .header-profile-avatar img {
		box-sizing: border-box !important;
		flex: 0 0 42px !important;
		width: 42px !important;
		height: 42px !important;
		min-width: 42px !important;
		min-height: 42px !important;
		max-width: 42px !important;
		max-height: 42px !important;
		aspect-ratio: 1 / 1 !important;
		display: block !important;
		object-fit: cover !important;
		object-position: center center !important;
		border-radius: 50% !important;
		transform: none !important;
	}

	#mainAppContent.executive-suite-shell .mobile-leads-summary,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .mobile-leads-summary {
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: 104px !important;
		max-width: none !important;
		height: 38px !important;
		min-height: 38px !important;
		padding: 0 13px !important;
		border-color: rgba(125, 211, 252, 0.38) !important;
		background: rgba(13, 26, 46, 0.94) !important;
		color: #dbeafe !important;
		font-size: 11px !important;
		font-weight: 900 !important;
		letter-spacing: 0 !important;
		line-height: 1 !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell .nav-link[data-page="listings"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16h2v-9h4v9h1v2H2v-2h1Zm4-14v3h2V7H7Zm4 0v3h2V7h-2Zm-4 5v3h2v-3H7Zm4 0v3h2v-3h-2Zm-4 5v4h2v-4H7Zm4 0v4h2v-4h-2Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="leads"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-9 9a9 9 0 0 1 18 0v1H3v-1Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="specials"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.1c.4 2.4-.4 3.8-1.8 5.3-.9 1-1.4 1.9-1.4 3.1 0 1 .6 1.9 1.7 2.4-.2-1.6.6-2.8 1.7-3.9 3.1 2.1 4.6 4.3 4.6 7.1 0 3.5-2.8 6-6.3 6s-6.3-2.5-6.3-6c0-2.8 1.4-5 3.4-7.2 1.9-2 3.9-3.8 4.4-6.8Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="tracker"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 3a7 7 0 1 1 0 14 7 7 0 0 1 0-14Zm4.8 2.2-2.2 6-6.4 3.6 2.2-6 6.4-3.6Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="emails"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3V5Zm2.4 2 6.6 5 6.6-5H5.4ZM5 17h14V9.4l-7 5.3-7-5.3V17Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="agents"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm6.5 1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21a7 7 0 0 1 14 0v1H2v-1Zm13.8-5.5A7.5 7.5 0 0 1 19 21v1h3v-1a6 6 0 0 0-6.2-5.5Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="analytics"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20h16v2H4v-2Zm1-8h4v6H5v-6Zm5-6h4v12h-4V6Zm5 4h4v8h-4v-8Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="admin"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.4 2h3.2l.5 2.3c.6.2 1.1.4 1.6.7l2-1.2 2.3 2.3-1.2 2c.3.5.5 1 .7 1.6l2.3.5v3.2l-2.3.5c-.2.6-.4 1.1-.7 1.6l1.2 2-2.3 2.3-2-1.2c-.5.3-1 .5-1.6.7l-.5 2.3h-3.2l-.5-2.3c-.6-.2-1.1-.4-1.6-.7l-2 1.2-2.3-2.3 1.2-2c-.3-.5-.5-1-.7-1.6L2 13.6v-3.2l2.3-.5c.2-.6.4-1.1.7-1.6l-1.2-2 2.3-2.3 2 1.2c.5-.3 1-.5 1.6-.7L10.4 2Zm1.6 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="bugs"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6v2.2c.7.3 1.3.7 1.8 1.2L19 4l1.4 1.4-2.1 2.1c.3.6.5 1.2.6 1.9H22v2h-3v2h3v2h-3.2c-.2.8-.5 1.5-.9 2.1l2.5 2.5-1.4 1.4-2.5-2.5A6.8 6.8 0 0 1 12 21a6.8 6.8 0 0 1-4.5-1.6L5 21.9l-1.4-1.4 2.5-2.5c-.4-.6-.7-1.3-.9-2.1H2v-2h3v-2H2v-2h3.1c.1-.7.3-1.3.6-1.9L3.6 5.9 5 4.5l2.2 1.4c.5-.5 1.1-.9 1.8-1.2V2Zm1 6v10h4V8h-4Z'/%3E%3C/svg%3E"); }

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		gap: 2px !important;
		padding: 6px !important;
		align-items: center !important;
		justify-content: center !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		box-sizing: border-box !important;
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 38px !important;
		max-width: 42px !important;
		height: 50px !important;
		min-height: 50px !important;
		display: grid !important;
		grid-template-rows: 22px 12px !important;
		align-items: center !important;
		justify-items: center !important;
		place-items: center !important;
		gap: 2px !important;
		padding: 6px 3px 5px !important;
		font-size: 0 !important;
		line-height: 1 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		color: #aebfd8 !important;
	}

	#mainAppContent.executive-suite-shell .nav-link *,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link * {
		display: none !important;
		visibility: hidden !important;
	}

	#mainAppContent.executive-suite-shell .nav-link::before,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::before {
		content: "" !important;
		position: static !important;
		inset: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 20px !important;
		height: 20px !important;
		min-width: 20px !important;
		min-height: 20px !important;
		display: block !important;
		grid-row: 1 !important;
		justify-self: center !important;
		align-self: center !important;
		place-self: center !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		transform: none !important;
		background: currentColor !important;
		-webkit-mask: var(--tre-nav-icon) center / contain no-repeat !important;
		mask: var(--tre-nav-icon) center / contain no-repeat !important;
	}

	#mainAppContent.executive-suite-shell .nav-link::after,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::after {
		content: attr(data-short) !important;
		position: static !important;
		inset: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		display: block !important;
		grid-row: 2 !important;
		justify-self: center !important;
		align-self: center !important;
		place-self: center !important;
		width: 100% !important;
		max-width: 100% !important;
		color: currentColor !important;
		font-size: 7.7px !important;
		font-weight: 900 !important;
		line-height: 1 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell .nav-link-special::after,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link-special::after {
		content: "DEALS" !important;
	}

	#mainAppContent.executive-suite-shell .nav-link.active,
	#mainAppContent.executive-suite-shell .nav-link[aria-current="page"],
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link.active,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[aria-current="page"] {
		border-color: rgba(96, 165, 250, 0.58) !important;
		background: rgba(37, 99, 235, 0.2) !important;
		color: #edf6ff !important;
		box-shadow:
			inset 0 0 0 1px rgba(125, 211, 252, 0.16),
			0 8px 22px rgba(37, 99, 235, 0.16) !important;
	}
}

@media (max-width: 430px) {
	#mainAppContent.executive-suite-shell .nav-link::before,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::before {
		width: 19px !important;
		height: 19px !important;
		min-width: 19px !important;
		min-height: 19px !important;
	}
}

/* 20260501: mobile Leads read-only cards and route visibility guard. */
@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell :is(.route-view.hidden, section.hidden),
	#mainAppContent.executive-suite-shell #listingsView.hidden,
	#mainAppContent.executive-suite-shell #leadsView.hidden,
	#mainAppContent.executive-suite-shell #specialsView.hidden,
	#mainAppContent.executive-suite-shell #trackerView.hidden,
	#mainAppContent.executive-suite-shell #emailsView.hidden,
	#mainAppContent.executive-suite-shell #agentsView.hidden,
	#mainAppContent.executive-suite-shell #analyticsView.hidden,
	#mainAppContent.executive-suite-shell #adminView.hidden {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #listingsView:not(.hidden) {
		display: grid !important;
	}

	#mainAppContent.executive-suite-shell #leadsView:not(.hidden) {
		width: 100% !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
		justify-items: center !important;
	}

	#mainAppContent.executive-suite-shell #leadsView :is(.executive-page-header, .executive-kpi-row, .leads-dashboard, .leads-filter-bar, .table-wrapper, .pagination) {
		width: var(--tre-mobile-listings-inline, min(100%, 392px)) !important;
		max-width: calc(100vw - 20px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-page-header {
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-header-search-row {
		width: 100% !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 8px !important;
		margin: 8px 0 0 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-page-search {
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-page-search > svg {
		position: absolute !important;
		left: 12px !important;
		top: 50% !important;
		width: 16px !important;
		height: 16px !important;
		transform: translateY(-50%) !important;
		color: #8fb0dc !important;
		pointer-events: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-page-search #leadSearch {
		width: 100% !important;
		padding-left: 38px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter,
	#mainAppContent.executive-suite-shell #leadsView .leads-header-add-btn {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView :is(.leads-dashboard, .leads-insights-row, .leads-insight-panel, .leads-source-chart, #leadsTable) {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
		box-sizing: border-box !important;
		min-height: 0 !important;
		height: auto !important;
		padding: 12px !important;
		background:
			linear-gradient(180deg, rgba(24, 42, 70, 0.72), rgba(9, 16, 29, 0.9)),
			#0a1424 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-source-chart {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: auto auto !important;
		gap: 8px !important;
		align-items: stretch !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-rows: auto !important;
		grid-template-areas:
			"top share" !important;
		align-items: center !important;
		gap: 10px !important;
		padding: 10px !important;
		border: 1px solid rgba(96, 165, 250, 0.18) !important;
		border-radius: 10px !important;
		background: rgba(9, 15, 27, 0.72) !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-top {
		grid-area: top !important;
		min-width: 0 !important;
		display: grid !important;
		gap: 3px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-top span {
		color: #8fb0dc !important;
		font-size: 9px !important;
		font-weight: 900 !important;
		letter-spacing: 0.06em !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-top strong {
		max-width: 100% !important;
		color: #ecf6ff !important;
		font-size: 13px !important;
		font-weight: 950 !important;
		line-height: 1.08 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-top em {
		max-width: 100% !important;
		color: #8ba2c1 !important;
		font-size: 10px !important;
		font-style: normal !important;
		font-weight: 750 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-share {
		grid-area: share !important;
		width: auto !important;
		min-width: 56px !important;
		max-width: 100% !important;
		display: grid !important;
		align-items: center !important;
		justify-items: end !important;
		gap: 2px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-total {
		color: #edf7ff !important;
		font-size: 20px !important;
		font-weight: 950 !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-total-label {
		max-width: 64px !important;
		color: #9bb5d8 !important;
		font-size: 8px !important;
		font-weight: 900 !important;
		line-height: 1 !important;
		text-align: left !important;
		text-transform: uppercase !important;
		white-space: normal !important;
		overflow-wrap: normal !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-mix {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		display: grid !important;
		gap: 6px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
		min-width: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-areas:
			"name values"
			"track track" !important;
		gap: 4px 8px !important;
		padding: 7px 8px !important;
		border: 1px solid rgba(126, 148, 184, 0.13) !important;
		border-left: 3px solid var(--source-color, #60a5fa) !important;
		border-radius: 9px !important;
		background: rgba(12, 21, 37, 0.7) !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-name-wrap {
		grid-area: name !important;
		min-width: 0 !important;
		display: flex !important;
		align-items: center !important;
		gap: 5px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-rank,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-dot {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-name {
		min-width: 0 !important;
		color: #c8d9ee !important;
		font-size: 11px !important;
		font-weight: 850 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
		grid-area: values !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 5px !important;
		color: #dcecff !important;
		font-size: 11px !important;
		font-weight: 900 !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-values span {
		color: #7f96b6 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-track {
		grid-area: track !important;
		width: 100% !important;
		height: 5px !important;
		margin: 0 !important;
		border-radius: 999px !important;
		background: rgba(51, 65, 85, 0.62) !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-fill {
		height: 100% !important;
		border-radius: inherit !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .table-wrapper {
		width: 100% !important;
		max-width: 100% !important;
		overflow: visible !important;
		contain: none !important;
	}

}

/* 20260501: mobile page title bar alignment for Leads and Specials. */
@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell #leadsView .executive-page-header.leads-page-header,
	#mainAppContent.executive-suite-shell #specialsView .specials-page-header {
		text-align: left !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-title-row,
	#mainAppContent.executive-suite-shell #specialsView .specials-title-row {
		width: 100% !important;
		min-height: 28px !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		padding: 0 !important;
		text-align: left !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-title-section,
	#mainAppContent.executive-suite-shell #specialsView .specials-title-section {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		line-height: 1 !important;
		text-align: left !important;
		transform: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-title-icon,
	#mainAppContent.executive-suite-shell #specialsView .specials-title-section > span:first-child {
		width: 22px !important;
		height: 22px !important;
		min-width: 22px !important;
		display: inline-grid !important;
		place-items: center !important;
		margin: 0 !important;
		font-size: 19px !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-title-section h2,
	#mainAppContent.executive-suite-shell #specialsView .specials-title-section h2 {
		position: static !important;
		top: auto !important;
		flex: 0 1 auto !important;
		max-width: 100% !important;
		margin: 0 !important;
		color: #edf6ff !important;
		font-size: 22px !important;
		font-weight: 950 !important;
		letter-spacing: 0.055em !important;
		line-height: 1 !important;
		text-align: left !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		transform: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-page-header .lead-count-badge {
		flex: 0 0 auto !important;
		max-width: 96px !important;
		margin-left: 4px !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #specialsView .specials-title-section .lead-count-badge {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #specialsView .specials-search-row {
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 12px !important;
	}

	#mainAppContent.executive-suite-shell #specialsView .specials-search-row .search-field {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
	}
}

/* 20260501: Tracker workflow and popup polish across desktop/mobile. */
#mainAppContent.executive-suite-shell #trackerView .lead-table-container {
	border-color: rgba(126, 148, 184, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.006)),
		#0d1524 !important;
	color: #dce8fb !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-header {
	min-height: 68px !important;
	border-bottom-color: rgba(126, 148, 184, 0.16) !important;
	background:
		linear-gradient(90deg, rgba(56, 189, 248, 0.11), rgba(96, 165, 250, 0.04) 42%, rgba(15, 23, 42, 0.2)),
		#121d30 !important;
}

#mainAppContent.executive-suite-shell #trackerView .agent-name,
#mainAppContent.executive-suite-shell #trackerView .lead-name {
	color: #edf5ff !important;
}

#mainAppContent.executive-suite-shell #trackerView .last-updated,
#mainAppContent.executive-suite-shell #trackerView .lead-names .arrow {
	color: #9fb3d1 !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-content.expanded {
	padding: 14px !important;
	border-top: 1px solid rgba(126, 148, 184, 0.16) !important;
	background:
		linear-gradient(180deg, rgba(15, 23, 42, 0.84), rgba(7, 12, 22, 0.94)),
		#07101d !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-section,
#mainAppContent.executive-suite-shell #trackerView .progress-bar-container,
#mainAppContent.executive-suite-shell #trackerView .progress-bar {
	position: static !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-section {
	padding: 0 !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-bar-container:has(.step-tasks) {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-line-fill {
	display: none !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-steps {
	position: static !important;
	inset: auto !important;
	width: 100% !important;
	height: auto !important;
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	align-items: stretch !important;
	gap: 10px !important;
	padding: 0 !important;
	transform: none !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-step {
	position: relative !important;
	z-index: auto !important;
	min-width: 0 !important;
	min-height: 144px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 8px !important;
	padding: 12px !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.006)),
		rgba(11, 18, 32, 0.92) !important;
	color: #dce8fb !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
	cursor: pointer !important;
	transform: none !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-step:hover,
#mainAppContent.executive-suite-shell #trackerView .progress-step:focus-within {
	border-color: rgba(125, 211, 252, 0.38) !important;
	background:
		linear-gradient(180deg, rgba(56, 189, 248, 0.11), rgba(255, 255, 255, 0.008)),
		rgba(12, 22, 38, 0.96) !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-step.completed {
	border-color: rgba(52, 211, 153, 0.28) !important;
	background:
		linear-gradient(180deg, rgba(16, 185, 129, 0.14), rgba(16, 185, 129, 0.035)),
		rgba(8, 27, 28, 0.9) !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-step.current,
#mainAppContent.executive-suite-shell #trackerView .progress-step.ready {
	border-color: rgba(125, 211, 252, 0.36) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.045),
		0 0 0 1px rgba(56, 189, 248, 0.1) !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-step.ready {
	border-color: rgba(251, 191, 36, 0.34) !important;
	background:
		linear-gradient(180deg, rgba(251, 191, 36, 0.14), rgba(251, 191, 36, 0.035)),
		rgba(31, 26, 13, 0.92) !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-step-dot {
	position: static !important;
	z-index: auto !important;
	margin: 0 !important;
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	display: inline-grid !important;
	place-items: center !important;
	border: 1px solid rgba(126, 148, 184, 0.28) !important;
	border-radius: 999px !important;
	background: rgba(15, 23, 42, 0.92) !important;
	color: #dbeafe !important;
	font-size: 13px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-step-dot.completed {
	border-color: rgba(52, 211, 153, 0.42) !important;
	background: rgba(16, 185, 129, 0.22) !important;
	color: #bfffe7 !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-step-dot.current {
	border-color: rgba(125, 211, 252, 0.5) !important;
	background: rgba(14, 116, 144, 0.34) !important;
	color: #e0f7ff !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-step-dot.ready {
	border-color: rgba(251, 191, 36, 0.5) !important;
	background: rgba(180, 83, 9, 0.3) !important;
	color: #fff3bf !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-step-label {
	color: #edf5ff !important;
	font-size: 12px !important;
	font-weight: 950 !important;
	letter-spacing: 0.01em !important;
	line-height: 1.15 !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-tasks {
	width: 100% !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task {
	width: 100% !important;
	min-width: 0 !important;
	min-height: 24px !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 4px 7px !important;
	border: 1px solid rgba(126, 148, 184, 0.14) !important;
	border-radius: 9px !important;
	background: rgba(5, 10, 20, 0.64) !important;
	color: #a9bdd8 !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task.complete {
	border-color: rgba(52, 211, 153, 0.24) !important;
	background: rgba(6, 78, 59, 0.22) !important;
	color: #c6f7df !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task.pending {
	color: #90a4c4 !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task.bounced,
#mainAppContent.executive-suite-shell #trackerView .step-task.needs-email {
	border-color: rgba(248, 113, 113, 0.3) !important;
	background: rgba(127, 29, 29, 0.24) !important;
	color: #ffd1d1 !important;
}

#mainAppContent.executive-suite-shell #trackerView .task-check {
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	display: inline-grid !important;
	place-items: center !important;
	border-radius: 999px !important;
	background: rgba(15, 23, 42, 0.78) !important;
	color: currentColor !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
}

#mainAppContent.executive-suite-shell #trackerView .task-label {
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	color: inherit !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel {
	margin: 12px 14px 16px !important;
	border-radius: 14px !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-panel-body .item-label,
#mainAppContent.executive-suite-shell #trackerView .step-panel-body .activity-title,
#mainAppContent.executive-suite-shell #trackerView .step-panel-body .task-title {
	color: #edf5ff !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-panel-body .item-description,
#mainAppContent.executive-suite-shell #trackerView .step-panel-body .item-meta,
#mainAppContent.executive-suite-shell #trackerView .step-panel-body .step-panel-copy {
	color: #a9bdd8 !important;
}

body:has(#mainAppContent.executive-suite-shell) #progressModal.progress-modal {
	padding: clamp(14px, 2.5vw, 32px) !important;
}

body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-content {
	position: relative !important;
	box-sizing: border-box !important;
	width: min(760px, calc(100vw - 36px)) !important;
	max-width: min(760px, calc(100vw - 36px)) !important;
	max-height: min(88vh, 820px) !important;
	padding: 18px !important;
	border-color: rgba(126, 148, 184, 0.26) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.006)),
		#101827 !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-close {
	position: absolute !important;
	top: 14px !important;
	right: 14px !important;
	left: auto !important;
	float: none !important;
	margin: 0 !important;
	border-radius: 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-content > h2 {
	margin: 2px 48px 18px !important;
	color: #edf5ff !important;
	font-size: 20px !important;
	font-weight: 950 !important;
	line-height: 1.15 !important;
	text-align: center !important;
}

body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-header {
	background:
		linear-gradient(90deg, rgba(56, 189, 248, 0.12), rgba(99, 102, 241, 0.08)),
		#132036 !important;
}

body:has(#mainAppContent.executive-suite-shell) #progressModal .modal-content,
body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-body {
	min-height: 0 !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	background: rgba(7, 12, 22, 0.74) !important;
	scrollbar-color: rgba(125, 211, 252, 0.42) rgba(15, 23, 42, 0.45) !important;
}

body:has(#mainAppContent.executive-suite-shell) #progressModal .modal-section,
body:has(#mainAppContent.executive-suite-shell) #progressModal .modal-details,
body:has(#mainAppContent.executive-suite-shell) #progressModal .email-info-box,
body:has(#mainAppContent.executive-suite-shell) #progressModal .response-section,
body:has(#mainAppContent.executive-suite-shell) #progressModal .wants-more-section,
body:has(#mainAppContent.executive-suite-shell) #progressModal .tour-section,
body:has(#mainAppContent.executive-suite-shell) #progressModal .property-section,
body:has(#mainAppContent.executive-suite-shell) #progressModal .commission-section,
body:has(#mainAppContent.executive-suite-shell) #progressModal .showcase-email-audit,
body:has(#mainAppContent.executive-suite-shell) #progressModal .email-log-item,
body:has(#mainAppContent.executive-suite-shell) #progressModal .gc-receipt-panel {
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 13px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(9, 15, 27, 0.88) !important;
	color: #dce8fb !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body:has(#mainAppContent.executive-suite-shell) #progressModal .gc-receipt-title {
	margin-bottom: 10px !important;
	color: #edf5ff !important;
	font-size: 13px !important;
	font-weight: 950 !important;
	letter-spacing: 0.01em !important;
}

body:has(#mainAppContent.executive-suite-shell) #progressModal .gc-receipt-row {
	display: grid !important;
	grid-template-columns: minmax(220px, 1fr) minmax(180px, 0.8fr) auto !important;
	align-items: center !important;
	gap: 8px !important;
}

body:has(#mainAppContent.executive-suite-shell) #progressModal .gc-receipt-hint {
	margin-top: 8px !important;
	color: #9fb3d1 !important;
	font-size: 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) #progressModal .gc-receipt-select,
body:has(#mainAppContent.executive-suite-shell) #progressModal .gc-receipt-input {
	min-height: 36px !important;
	border-color: rgba(126, 148, 184, 0.24) !important;
	background: rgba(5, 10, 20, 0.82) !important;
	color: #edf5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-section-title {
	margin: 0 0 10px !important;
	color: #edf5ff !important;
	font-size: 13px !important;
	font-weight: 950 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-category-header {
	min-height: 44px !important;
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 10px 12px !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 12px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.006)),
		rgba(12, 20, 35, 0.92) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-category-title,
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-item-subject,
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-doc-name {
	color: #edf5ff !important;
	font-weight: 900 !important;
}

body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-category-count,
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-item-status,
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-doc-status {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 22px !important;
	padding: 3px 8px !important;
	border-radius: 999px !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	background: rgba(15, 23, 42, 0.78) !important;
	color: #dbeafe !important;
	font-size: 11px !important;
	font-weight: 850 !important;
}

body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-item-meta,
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-doc-meta,
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-doc-signed {
	color: #9fb3d1 !important;
}

body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .gc-receipt-panel {
	border: 1px solid rgba(125, 211, 252, 0.18) !important;
	border-radius: 12px !important;
	background: rgba(7, 17, 30, 0.86) !important;
}

@media (max-width: 1180px) {
	#mainAppContent.executive-suite-shell #trackerView .progress-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell #trackerView > .view-bar.mobile-only {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .tracker-page-header {
		width: var(--tre-mobile-listings-inline, min(100%, 392px)) !important;
		max-width: var(--tre-mobile-listings-inline, min(100%, 392px)) !important;
		margin-inline: auto !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container {
		width: 100% !important;
		border-radius: 14px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-header {
		grid-template-columns: minmax(0, 1fr) auto !important;
		gap: 10px !important;
		min-height: 0 !important;
		padding: 12px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-info {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 7px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-icon {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-names {
		flex-wrap: wrap !important;
		gap: 4px 6px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-names .arrow {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .agent-name,
	#mainAppContent.executive-suite-shell #trackerView .lead-name {
		flex: 1 1 100% !important;
		max-width: 100% !important;
		font-size: 13px !important;
		line-height: 1.2 !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .agent-name {
		color: #9fb3d1 !important;
		font-size: 11px !important;
		text-transform: uppercase !important;
		letter-spacing: 0.05em !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-name {
		color: #edf5ff !important;
		font-size: 15px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-meta {
		gap: 6px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-actions {
		align-self: start !important;
		display: grid !important;
		grid-template-columns: 34px 34px !important;
		grid-template-areas:
			"docs expand"
			"date date" !important;
		gap: 7px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .docs-emails-btn {
		grid-area: docs !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .expand-btn {
		grid-area: expand !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .last-updated {
		grid-area: date !important;
		max-width: 78px !important;
		font-size: 9px !important;
		line-height: 1.1 !important;
		text-align: right !important;
		white-space: normal !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .health-btn,
	#mainAppContent.executive-suite-shell #trackerView .step-progress,
	#mainAppContent.executive-suite-shell #trackerView .match-score-badge,
	#mainAppContent.executive-suite-shell #trackerView .urgent-badge,
	#mainAppContent.executive-suite-shell #trackerView .reassignment-badge {
		min-height: 22px !important;
		height: auto !important;
		padding: 4px 8px !important;
		font-size: 9px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-content.expanded {
		padding: 10px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .progress-steps {
		grid-template-columns: 1fr !important;
		gap: 9px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .progress-step {
		min-height: 0 !important;
		display: grid !important;
		grid-template-columns: 34px minmax(0, 1fr) !important;
		grid-template-areas:
			"dot label"
			"tasks tasks" !important;
		align-items: center !important;
		padding: 11px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .progress-step-dot {
		grid-area: dot !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .progress-step-label {
		grid-area: label !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .step-tasks {
		grid-area: tasks !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .step-task {
		width: auto !important;
		max-width: 100% !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel {
		margin: 10px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .step-panel-columns {
		grid-template-columns: 1fr !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #progressModal.progress-modal,
	body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal.show {
		align-items: flex-start !important;
		justify-content: flex-start !important;
		padding: calc(10px + env(safe-area-inset-top, 0px)) 10px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #progressModal.progress-modal.show,
	body:has(#mainAppContent.executive-suite-shell) #progressModal.progress-modal.active {
		align-items: flex-start !important;
		justify-content: flex-start !important;
		overflow-y: auto !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-content,
	body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal-content {
		box-sizing: border-box !important;
		width: min(100%, 430px) !important;
		max-width: min(100%, 430px) !important;
		max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
		border-radius: 16px !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-content {
		transform: none !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-content > h2 {
		font-size: 18px !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-header,
	body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal-header {
		padding: 13px 14px !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #progressModal .modal-content,
	body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-body,
	body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal-body {
		padding: 14px !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #progressModal .gc-receipt-row,
	body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .gc-receipt-row {
		grid-template-columns: 1fr !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #progressModal .gc-receipt-send-btn,
	body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .gc-receipt-send-btn {
		width: 100% !important;
	}

	body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-item,
	body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-email-item,
	body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal .de-document-item {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}
}

/* 20260502: role context pill, Super User-only Agents, and phone Agents cards. */
#mainAppContent.executive-suite-shell .role-hidden {
	display: none !important;
}

/* 20260502: small-monitor shell repair. Avoid the collapsed sidebar rail between desktop and phone widths. */
@media (min-width: 769px) and (max-width: 1200px) {
	html,
	body {
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell,
	#mainAppContent.executive-suite-shell.sidebar-collapsed {
		width: 100% !important;
		max-width: 100vw !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		position: sticky !important;
		inset: 0 0 auto 0 !important;
		top: 0 !important;
		z-index: 920 !important;
		width: 100% !important;
		max-width: 100vw !important;
		height: auto !important;
		min-height: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(92px, 0.8fr) minmax(0, 1.2fr) auto !important;
		grid-template-areas:
			"brand . actions"
			"nav nav nav" !important;
		align-items: center !important;
		gap: 10px !important;
		padding: 10px 14px !important;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(126, 148, 184, 0.22) !important;
		background: rgba(8, 13, 25, 0.98) !important;
		box-shadow: 0 14px 30px rgba(0, 0, 0, 0.36) !important;
		backdrop-filter: blur(16px) !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .brand,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .brand {
		grid-area: brand !important;
		width: auto !important;
		min-width: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	#mainAppContent.executive-suite-shell .brand-logo,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .brand-logo {
		display: block !important;
		width: auto !important;
		max-width: 118px !important;
		max-height: 32px !important;
		object-fit: contain !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .header-actions,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		grid-area: actions !important;
		width: auto !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info {
		width: auto !important;
		min-width: 150px !important;
		max-width: 210px !important;
		padding: 8px 10px !important;
		display: grid !important;
		grid-template-columns: 34px minmax(0, 1fr) !important;
		grid-template-areas: "avatar copy" !important;
		align-items: center !important;
		gap: 8px !important;
		border-radius: 999px !important;
	}

	#mainAppContent.executive-suite-shell .header-profile-avatar,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-profile-avatar {
		grid-area: avatar !important;
		width: 34px !important;
		height: 34px !important;
		min-width: 34px !important;
	}

	#mainAppContent.executive-suite-shell .header-profile-avatar img,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-profile-avatar img {
		width: 34px !important;
		height: 34px !important;
		object-fit: cover !important;
		border-radius: 999px !important;
	}

	#mainAppContent.executive-suite-shell .header-user-copy,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-user-copy {
		grid-area: copy !important;
		display: grid !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #headerUserEmail,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #headerUserEmail {
		max-width: 130px !important;
		font-size: 11px !important;
		line-height: 1.1 !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .manage-dropdown-container,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .manage-dropdown-container {
		flex: 0 0 auto !important;
	}

	#mainAppContent.executive-suite-shell .header-role-context,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-role-context {
		position: static !important;
		margin-left: 0 !important;
		flex: 0 0 auto !important;
		min-height: 34px !important;
		padding: 0 10px !important;
	}

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		grid-area: nav !important;
		width: 100% !important;
		max-width: 100% !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 6px !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		flex: 1 1 0 !important;
		min-height: 38px !important;
		padding: 5px 8px !important;
		display: grid !important;
		grid-template-rows: 16px 11px !important;
		place-items: center !important;
		gap: 1px !important;
		border-radius: 10px !important;
		font-size: 0 !important;
		letter-spacing: 0 !important;
		line-height: 1 !important;
		text-align: center !important;
		transform: none !important;
	}

	#mainAppContent.executive-suite-shell .nav-link > *,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link > * {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .nav-link::before,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::before {
		content: attr(data-icon) !important;
		font-size: 15px !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell .nav-link::after,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::after {
		content: attr(data-short) !important;
		color: currentColor !important;
		font-size: 9px !important;
		font-weight: 900 !important;
		line-height: 1.05 !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #appRoot,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #appRoot,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot {
		width: 100% !important;
		max-width: 100vw !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		padding: 16px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell .route-view,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .route-view,
	#mainAppContent.executive-suite-shell #trackerView:not(.hidden),
	#mainAppContent.executive-suite-shell.sidebar-collapsed #trackerView:not(.hidden),
	#mainAppContent.executive-suite-shell #managerTrackerView,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #managerTrackerView,
	#mainAppContent.executive-suite-shell #agentTrackerView,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentTrackerView,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #trackerView:not(.hidden) :is(.tracker-page-header, .tracker-insights-shell, .tracker-dashboard, .tracker-container),
	#mainAppContent.executive-suite-shell #trackerView:not(.hidden) :is(.tracker-page-header, .tracker-insights-shell, .tracker-dashboard, .tracker-container),
	#mainAppContent.executive-suite-shell.sidebar-collapsed #trackerView:not(.hidden) :is(.tracker-page-header, .tracker-insights-shell, .tracker-dashboard, .tracker-container) {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

#mainAppContent.executive-suite-shell .header-role-context {
	margin-left: auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	position: relative !important;
	min-height: 34px !important;
	padding: 0 12px !important;
	border: 1px solid rgba(125, 211, 252, 0.26) !important;
	border-radius: 999px !important;
	background:
		linear-gradient(180deg, rgba(19, 36, 61, 0.9), rgba(8, 16, 30, 0.96)),
		#0f1d32 !important;
	color: #dbeafe !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell .header-role-context__switch-icon {
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	width: 18px !important;
	height: 18px !important;
	border-radius: 999px !important;
	color: #9bd8ff !important;
	background: rgba(56, 189, 248, 0.12) !important;
	border: 1px solid rgba(125, 211, 252, 0.22) !important;
	flex: 0 0 auto !important;
}

#mainAppContent.executive-suite-shell .header-role-context__switch-icon svg {
	width: 12px !important;
	height: 12px !important;
	stroke: currentColor !important;
	stroke-width: 2.2 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	fill: none !important;
}

#mainAppContent.executive-suite-shell .header-role-context.is-switchable {
	cursor: pointer !important;
	border-color: rgba(56, 189, 248, 0.5) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 0 0 1px rgba(56, 189, 248, 0.08) !important;
}

#mainAppContent.executive-suite-shell .header-role-context.is-switchable .header-role-context__switch-icon {
	display: inline-flex !important;
}

#mainAppContent.executive-suite-shell .header-role-context.is-switchable:hover,
#mainAppContent.executive-suite-shell .header-role-context.is-switchable:focus-visible {
	border-color: rgba(125, 211, 252, 0.78) !important;
	background:
		linear-gradient(180deg, rgba(22, 58, 97, 0.96), rgba(8, 20, 38, 0.98)),
		#10233d !important;
	outline: none !important;
	transform: translateY(-1px) !important;
}

#mainAppContent.executive-suite-shell .header-role-context.is-release .header-role-context__switch-icon {
	color: #d8fff2 !important;
	background: rgba(52, 211, 153, 0.14) !important;
	border-color: rgba(52, 211, 153, 0.34) !important;
}

#mainAppContent.executive-suite-shell .header-role-context__label {
	color: #93aed4 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #headerViewingAsRole {
	color: #eef6ff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
}

#mainAppContent.executive-suite-shell .header-role-context.is-assumed-super-user {
	border-color: rgba(167, 139, 250, 0.56) !important;
	background:
		linear-gradient(180deg, rgba(55, 42, 91, 0.9), rgba(17, 19, 39, 0.96)),
		#18182f !important;
}

body:has(#mainAppContent.executive-suite-shell) .profile-access-mode {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	padding: 12px !important;
	margin-bottom: 14px !important;
	border: 1px solid rgba(125, 211, 252, 0.24) !important;
	border-radius: 12px !important;
	background: rgba(10, 24, 42, 0.82) !important;
}

body:has(#mainAppContent.executive-suite-shell) .profile-access-mode[hidden] {
	display: none !important;
}

body:has(#mainAppContent.executive-suite-shell) .profile-access-mode strong {
	color: #edf6ff !important;
}

body:has(#mainAppContent.executive-suite-shell) .profile-access-mode p,
body:has(#mainAppContent.executive-suite-shell) .super-user-switch-copy {
	margin: 4px 0 0 !important;
	color: #a8c7f4 !important;
	line-height: 1.35 !important;
}

body:has(#mainAppContent.executive-suite-shell) .super-user-switch-modal {
	max-width: 460px !important;
}

@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell .view-bar.mobile-only {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .header-role-context,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-role-context {
		order: 3 !important;
		position: fixed !important;
		top: 16px !important;
		right: 8px !important;
		z-index: 80 !important;
		margin-left: 0 !important;
		display: grid !important;
		grid-template-columns: 1fr !important;
		grid-template-rows: 11px 15px !important;
		align-content: center !important;
		justify-items: center !important;
		gap: 1px !important;
		flex: 0 0 96px !important;
		width: 96px !important;
		min-height: 38px !important;
		max-width: 96px !important;
		padding: 0 6px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .header-role-context.is-switchable,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-role-context.is-switchable {
		padding-right: 20px !important;
	}

	#mainAppContent.executive-suite-shell .header-role-context__switch-icon {
		position: absolute !important;
		right: 5px !important;
		top: 50% !important;
		width: 14px !important;
		height: 14px !important;
		transform: translateY(-50%) !important;
	}

	#mainAppContent.executive-suite-shell .header-role-context__switch-icon svg {
		width: 9px !important;
		height: 9px !important;
	}

	#mainAppContent.executive-suite-shell .header-role-context__label {
		display: block !important;
		font-size: 7px !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell #headerViewingAsRole {
		display: block !important;
		font-size: 10px !important;
		line-height: 1.05 !important;
		max-width: 86px !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		text-align: center !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn),
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info:not(#profileBtn) {
		order: 1 !important;
	}

	#mainAppContent.executive-suite-shell .mobile-leads-summary,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .mobile-leads-summary {
		order: 2 !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) {
		width: 100% !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		justify-items: center !important;
		gap: 12px !important;
	}

	#mainAppContent.executive-suite-shell #agentsView :is(.agents-page-header, .tre-mobile-metrics-shell, .agents-filter-bar, .table-wrapper, .table-container) {
		box-sizing: border-box !important;
		width: var(--tre-mobile-listings-inline, min(100%, 392px)) !important;
		max-width: calc(100vw - 20px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agents-page-header {
		display: grid !important;
		gap: 10px !important;
		padding: 14px !important;
		border: 1px solid rgba(126, 148, 184, 0.22) !important;
		border-radius: 14px !important;
		background:
			linear-gradient(180deg, rgba(31, 50, 83, 0.84), rgba(13, 22, 38, 0.94)),
			#101a2c !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agents-page-header p {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agents-search-row,
	#mainAppContent.executive-suite-shell #agentsView .agents-page-search {
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell #agentsView #agentsAnalyticsDashboard .analytics-charts-row {
		width: 100% !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell #agentsView #agentsAnalyticsDashboard .analytics-chart-panel {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}

	#mainAppContent.executive-suite-shell #agentsView #agentsTable,
	#mainAppContent.executive-suite-shell #agentsView #agentsTable tbody,
	#mainAppContent.executive-suite-shell #agentsView #agentsTable tr,
	#mainAppContent.executive-suite-shell #agentsView #agentsTable td {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	#mainAppContent.executive-suite-shell #agentsView #agentsTable thead {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #agentsView #agentsTbody {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card-row td::before {
		content: none !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card {
		display: grid !important;
		gap: 12px !important;
		padding: 14px !important;
		border: 1px solid rgba(125, 211, 252, 0.18) !important;
		border-radius: 14px !important;
		background:
			linear-gradient(180deg, rgba(22, 42, 68, 0.88), rgba(10, 20, 36, 0.96)),
			#0d1a2d !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__top {
		display: grid !important;
		grid-template-columns: 44px minmax(0, 1fr) auto !important;
		align-items: center !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__avatar {
		width: 44px !important;
		height: 44px !important;
		border-radius: 50% !important;
		display: grid !important;
		place-items: center !important;
		background: rgba(59, 130, 246, 0.2) !important;
		border: 1px solid rgba(96, 165, 250, 0.34) !important;
		color: #dbeafe !important;
		font-weight: 900 !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__identity {
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__identity h3 {
		margin: 0 !important;
		color: #edf6ff !important;
		font-size: 17px !important;
		line-height: 1.15 !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__identity p {
		margin: 4px 0 0 !important;
		color: #9bb9e6 !important;
		font-size: 12px !important;
		line-height: 1.25 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__status,
	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__flag {
		border: 1px solid rgba(125, 211, 252, 0.22) !important;
		border-radius: 999px !important;
		padding: 5px 8px !important;
		color: #b9d7ff !important;
		background: rgba(8, 17, 31, 0.72) !important;
		font-size: 10px !important;
		font-weight: 900 !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__status.is-active {
		color: #86efac !important;
		border-color: rgba(52, 211, 153, 0.32) !important;
		background: rgba(5, 80, 61, 0.28) !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__metrics {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__metrics span {
		min-width: 0 !important;
		display: grid !important;
		place-items: center !important;
		gap: 2px !important;
		padding: 9px 6px !important;
		border-radius: 12px !important;
		border: 1px solid rgba(126, 148, 184, 0.16) !important;
		background: rgba(8, 17, 31, 0.62) !important;
		color: #92add3 !important;
		font-size: 10px !important;
		font-weight: 800 !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__metrics strong {
		color: #eef6ff !important;
		font-size: 17px !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__footer {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__footer a {
		color: #86c8ff !important;
		font-size: 12px !important;
		font-weight: 900 !important;
		text-decoration: none !important;
	}

	#mainAppContent.executive-suite-shell #agentsView :is(.agent-mobile-actions, .agent-profile-actions, .agent-landing-actions, .agent-account-actions, [data-view-agent], [data-copy-landing], [data-lock], [data-remove]) {
		display: none !important;
	}
}

/* 20260502: mobile Tracker/Admin polish and desktop-only Analytics guard. */
@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell #analyticsNavLink {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .tre-mobile-metrics-shell {
		margin-top: 10px !important;
		margin-bottom: 12px !important;
	}

	#mainAppContent.executive-suite-shell .tre-mobile-metrics-toggle {
		min-height: 52px !important;
		padding: 13px 14px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView :is(#clearTrackerSearch, #clearAgentTrackerSearch) {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .tracker-search-row {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 0 !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .tracker-page-search {
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) {
		width: 100% !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
		justify-items: center !important;
	}

	#mainAppContent.executive-suite-shell #adminView > .view-bar.mobile-only {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #adminView :is(.admin-page-header, .admin-content, .tre-mobile-metrics-shell, .admin-operations-grid, .admin-section, .users-table-wrapper, .audit-log-wrapper, .admin-pagination) {
		box-sizing: border-box !important;
		width: var(--tre-mobile-listings-inline, min(100%, 392px)) !important;
		max-width: calc(100vw - 20px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-page-header {
		display: grid !important;
		gap: 10px !important;
		padding: 14px !important;
		border: 1px solid rgba(126, 148, 184, 0.22) !important;
		border-radius: 14px !important;
		background:
			linear-gradient(180deg, rgba(31, 50, 83, 0.84), rgba(13, 22, 38, 0.94)),
			#101a2c !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-title-row,
	#mainAppContent.executive-suite-shell #adminView .admin-title-section {
		width: 100% !important;
		min-width: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 9px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-title-section h2 {
		margin: 0 !important;
		color: #edf6ff !important;
		font-size: 22px !important;
		line-height: 1.1 !important;
		letter-spacing: 0.04em !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-subtitle {
		margin: 0 !important;
		color: #a8c7f4 !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-search-row {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-page-search {
		position: relative !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView :is(#addUserBtn, #addUserBtnLegacy, #clearUsersSearch, #clearUsersSearchLegacy, .user-actions, td:last-child .user-actions) {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-content {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-stats-row {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-panel {
		min-width: 0 !important;
		min-height: 0 !important;
		height: auto !important;
		padding: 12px !important;
		border: 1px solid rgba(126, 148, 184, 0.2) !important;
		border-radius: 14px !important;
		background:
			linear-gradient(180deg, rgba(19, 32, 55, 0.84), rgba(8, 14, 25, 0.94)),
			#0b1423 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-row {
		min-width: 0 !important;
		grid-template-columns: minmax(92px, 1fr) minmax(92px, 1.15fr) auto !important;
		gap: 8px !important;
		padding: 9px 10px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-operations-grid {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-section {
		margin: 0 !important;
		padding: 12px !important;
		border: 1px solid rgba(126, 148, 184, 0.18) !important;
		border-radius: 14px !important;
		background:
			linear-gradient(180deg, rgba(19, 32, 55, 0.82), rgba(8, 14, 25, 0.94)),
			#0b1423 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-section .section-header {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		margin: 0 0 10px !important;
		padding: 0 0 10px !important;
		border-bottom: 1px solid rgba(126, 148, 184, 0.14) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-users-section .section-header > div {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-section .section-header h2 {
		margin: 0 !important;
		color: #edf6ff !important;
		font-size: 13px !important;
		font-weight: 950 !important;
		letter-spacing: 0.05em !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #adminView .audit-filters {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell #adminView :is(.audit-search-input, #auditFilter) {
		box-sizing: border-box !important;
		width: 100% !important;
		min-width: 0 !important;
		height: 38px !important;
		border: 1px solid rgba(126, 148, 184, 0.24) !important;
		border-radius: 10px !important;
		background: rgba(5, 11, 22, 0.86) !important;
		color: #dceafe !important;
		font-size: 13px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .users-table-wrapper {
		overflow: visible !important;
		contain: none !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		display: block !important;
		border: 0 !important;
		background: transparent !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable thead {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable tbody {
		width: 100% !important;
		display: grid !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable tr {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-areas:
			"name role"
			"email status"
			"created activity" !important;
		gap: 7px 10px !important;
		padding: 12px !important;
		border: 1px solid rgba(126, 148, 184, 0.18) !important;
		border-radius: 14px !important;
		background: rgba(15, 27, 48, 0.82) !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td {
		min-width: 0 !important;
		width: auto !important;
		display: block !important;
		padding: 0 !important;
		border: 0 !important;
		color: #c9dbf4 !important;
		font-size: 12px !important;
		line-height: 1.25 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td::before {
		content: attr(data-label) !important;
		display: block !important;
		margin: 0 0 3px !important;
		color: #7f9bc3 !important;
		font-size: 9px !important;
		font-weight: 900 !important;
		letter-spacing: 0.08em !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(1) {
		grid-area: name !important;
		color: #edf6ff !important;
		font-size: 15px !important;
		font-weight: 950 !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(1)::before,
	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(2)::before {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(2) {
		grid-area: email !important;
		color: #94c5ff !important;
		font-size: 12px !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(3) {
		grid-area: role !important;
		justify-self: end !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(4) {
		grid-area: status !important;
		justify-self: end !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(5) {
		grid-area: created !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(6) {
		grid-area: activity !important;
		text-align: right !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(7) {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #adminView .audit-log {
		display: grid !important;
		gap: 10px !important;
	}
}

/* 20260502: mobile metric toggles and Emails read-only card layout. */
#mainAppContent.executive-suite-shell .tre-mobile-metrics-shell.is-desktop-pass-through {
	display: contents !important;
}

#mainAppContent.executive-suite-shell .tre-mobile-metrics-toggle[hidden],
#mainAppContent.executive-suite-shell .tre-mobile-metrics-content[hidden] {
	display: none !important;
}

@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell .tre-mobile-metrics-shell {
		box-sizing: border-box !important;
		width: var(--tre-mobile-listings-inline, min(100%, 392px)) !important;
		max-width: calc(100vw - 20px) !important;
		margin: 0 auto !important;
		display: grid !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell .tre-mobile-metrics-toggle {
		box-sizing: border-box !important;
		width: 100% !important;
		min-height: 46px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		padding: 11px 12px !important;
		border: 1px solid rgba(96, 165, 250, 0.34) !important;
		border-radius: 13px !important;
		background:
			linear-gradient(180deg, rgba(30, 50, 84, 0.88), rgba(10, 18, 32, 0.94)),
			#0d1728 !important;
		color: #edf6ff !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.055),
			0 10px 24px rgba(0, 0, 0, 0.18) !important;
		font: inherit !important;
		text-align: left !important;
		cursor: pointer !important;
	}

	#mainAppContent.executive-suite-shell .tre-mobile-metrics-toggle__title,
	#mainAppContent.executive-suite-shell .email-stats-mobile-toggle__title {
		min-width: 0 !important;
		color: #edf6ff !important;
		font-size: 12px !important;
		font-weight: 950 !important;
		letter-spacing: 0.06em !important;
		line-height: 1.1 !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell .tre-mobile-metrics-toggle__meta {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		flex: 0 0 auto !important;
	}

	#mainAppContent.executive-suite-shell .tre-mobile-metrics-toggle__hint,
	#mainAppContent.executive-suite-shell .email-stats-mobile-toggle__hint {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 24px !important;
		padding: 3px 9px !important;
		border: 1px solid rgba(125, 211, 252, 0.24) !important;
		border-radius: 999px !important;
		background: rgba(7, 18, 34, 0.76) !important;
		color: #9fd4ff !important;
		font-size: 10px !important;
		font-weight: 900 !important;
		letter-spacing: 0.02em !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell .tre-mobile-metrics-toggle__icon {
		width: 24px !important;
		height: 24px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 999px !important;
		background: rgba(37, 99, 235, 0.3) !important;
		color: #dff2ff !important;
		font-size: 16px !important;
		font-weight: 900 !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell .tre-mobile-metrics-content {
		min-width: 0 !important;
		width: 100% !important;
	}

	#mainAppContent.executive-suite-shell #emailsView:not(.hidden) {
		width: 100% !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
		justify-items: center !important;
	}

	#mainAppContent.executive-suite-shell #emailsView > .view-bar.mobile-only {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .emails-page-header {
		display: grid !important;
		gap: 10px !important;
		padding: 14px !important;
		border: 1px solid rgba(126, 148, 184, 0.2) !important;
		border-radius: 14px !important;
		background:
			linear-gradient(180deg, rgba(31, 50, 83, 0.82), rgba(13, 22, 38, 0.92)),
			#101a2c !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .emails-title-row,
	#mainAppContent.executive-suite-shell #emailsView .emails-title-section {
		width: 100% !important;
		min-width: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 9px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .emails-title-section h2 {
		margin: 0 !important;
		color: #edf6ff !important;
		font-size: 22px !important;
		line-height: 1.1 !important;
		letter-spacing: 0.04em !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .emails-subtitle {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .emails-search-row,
	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		width: 100% !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView :is(#emailSearch, #emailStatusFilter) {
		box-sizing: border-box !important;
		width: 100% !important;
		min-width: 0 !important;
		height: 42px !important;
		border: 1px solid rgba(126, 148, 184, 0.24) !important;
		border-radius: 10px !important;
		background: rgba(5, 11, 22, 0.86) !important;
		color: #dceafe !important;
		font-size: 14px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .admin-content.email-dashboard-single {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-stats-card > .section-title {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-stats-card {
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView :is(.email-alerts-compact, .email-logs-compact) {
		min-width: 0 !important;
		padding: 12px !important;
		border: 1px solid rgba(126, 148, 184, 0.18) !important;
		border-radius: 14px !important;
		background:
			linear-gradient(180deg, rgba(19, 32, 55, 0.82), rgba(8, 14, 25, 0.94)),
			#0b1423 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .section-header-row {
		margin: 0 0 10px !important;
		padding: 0 !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-section-title-group {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-title-action {
		display: none !important;
	}

}

/* 20260502: final mobile metric spacing override after shared Emails metrics block. */
@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell #analyticsNavLink {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .tre-mobile-metrics-shell {
		margin-top: 10px !important;
		margin-bottom: 12px !important;
	}

	#mainAppContent.executive-suite-shell .tre-mobile-metrics-toggle {
		min-height: 52px !important;
		padding: 13px 14px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-users-section .section-header h2::after,
	#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header h2::after {
		content: none !important;
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable tr {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"name"
			"email"
			"role"
			"status" !important;
		gap: 7px !important;
		padding: 11px !important;
		align-items: start !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td {
		background: transparent !important;
		min-height: 0 !important;
		height: auto !important;
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(3),
	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(4) {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		justify-self: start !important;
		text-align: left !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(5),
	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(6),
	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(7) {
		display: none !important;
	}
}

/* 20260502: Tracker ownership labels and header Super User switch controls. */
#mainAppContent.executive-suite-shell .header-super-user-switch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 14px;
	border: 1px solid rgba(56, 189, 248, 0.36);
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(20, 46, 80, 0.92), rgba(10, 20, 36, 0.96)),
		#0b1628;
	color: #d9ecff;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	cursor: pointer;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell .header-super-user-switch[hidden] {
	display: none !important;
}

#mainAppContent.executive-suite-shell .header-super-user-switch:hover,
#mainAppContent.executive-suite-shell .header-super-user-switch:focus-visible {
	border-color: rgba(125, 211, 252, 0.62);
	background:
		linear-gradient(180deg, rgba(25, 61, 104, 0.95), rgba(11, 25, 45, 0.98)),
		#0d1c33;
	color: #f1f7ff;
	outline: none;
}

#mainAppContent.executive-suite-shell .header-super-user-switch.is-release {
	border-color: rgba(52, 211, 153, 0.44);
	color: #d9fff1;
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-super-user-switch {
		width: 46px !important;
		min-width: 46px !important;
		max-width: 46px !important;
		min-height: 36px !important;
		padding: 0 !important;
		overflow: hidden !important;
		font-size: 0 !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-super-user-switch::before {
		content: "SU";
		font-size: 11px !important;
		font-weight: 900 !important;
		letter-spacing: 0 !important;
	}
}

/* 20260502: Admin primary add action should read as a dark-mode control, not a flat blue slab. */
#mainAppContent.executive-suite-shell #adminView .admin-search-row :is(#addUserBtn, #addUserBtnLegacy) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-width: 128px !important;
	min-height: 38px !important;
	padding: 0 16px !important;
	border: 1px solid rgba(96, 165, 250, 0.48) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(180deg, rgba(46, 91, 184, 0.96), rgba(30, 64, 175, 0.92)),
		#1d4ed8 !important;
	color: #eff6ff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
	text-shadow: 0 1px 0 rgba(8, 13, 28, 0.24) !important;
	box-shadow:
		0 12px 26px rgba(37, 99, 235, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-search-row :is(#addUserBtn, #addUserBtnLegacy) svg {
	width: 15px !important;
	height: 15px !important;
	color: #dbeafe !important;
	fill: currentColor !important;
	flex: 0 0 auto !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-search-row :is(#addUserBtn, #addUserBtnLegacy):hover,
#mainAppContent.executive-suite-shell #adminView .admin-search-row :is(#addUserBtn, #addUserBtnLegacy):focus-visible {
	border-color: rgba(147, 197, 253, 0.72) !important;
	background:
		linear-gradient(180deg, rgba(59, 130, 246, 0.98), rgba(37, 99, 235, 0.96)),
		#2563eb !important;
	color: #ffffff !important;
	outline: none !important;
	transform: translateY(-1px) !important;
}

#mainAppContent.executive-suite-shell #adminView .users-search-suggestions {
	position: absolute !important;
	top: calc(100% + 8px) !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 40 !important;
	display: none !important;
	flex-direction: column !important;
	gap: 4px !important;
	max-height: 260px !important;
	overflow-y: auto !important;
	padding: 6px !important;
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	border-radius: 10px !important;
	background: rgba(8, 13, 23, 0.98) !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
	backdrop-filter: blur(14px) !important;
}

#mainAppContent.executive-suite-shell #adminView .users-search-suggestions.is-visible {
	display: flex !important;
}

#mainAppContent.executive-suite-shell #adminView .users-search-suggestion {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto auto !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 9px 10px !important;
	border: 1px solid transparent !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: #dce7f7 !important;
	text-align: left !important;
	cursor: pointer !important;
}

#mainAppContent.executive-suite-shell #adminView .users-search-suggestion:is(:hover, .is-active) {
	border-color: rgba(96, 165, 250, 0.36) !important;
	background: rgba(37, 67, 132, 0.32) !important;
}

#mainAppContent.executive-suite-shell #adminView .users-search-suggestion span {
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
}

#mainAppContent.executive-suite-shell #adminView .users-search-suggestion strong,
#mainAppContent.executive-suite-shell #adminView .users-search-suggestion small {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .users-search-suggestion strong {
	font-size: 12px !important;
	font-weight: 900 !important;
	color: #edf4fb !important;
}

#mainAppContent.executive-suite-shell #adminView .users-search-suggestion small {
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #8ea3c0 !important;
}

#mainAppContent.executive-suite-shell #adminView .users-search-suggestion em,
#mainAppContent.executive-suite-shell #adminView .users-search-suggestion b {
	font-style: normal !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	color: #9fb0ce !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-ownership-row {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 6px !important;
	min-width: 0 !important;
	color: #dbe8f7 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-ownership-row .arrow {
	display: none !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-owner-chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	min-height: 24px !important;
	max-width: 100% !important;
	padding: 4px 8px !important;
	border: 1px solid rgba(125, 163, 218, 0.18) !important;
	border-radius: 999px !important;
	background: rgba(8, 18, 34, 0.76) !important;
	color: #dbe8f7 !important;
	font-size: 12px !important;
	line-height: 1.1 !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-owner-label {
	color: #8fb0d8 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-owner-value {
	min-width: 0 !important;
	max-width: 180px !important;
	color: #f0f6ff !important;
	font-weight: 900 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-owner-value.found-by-name {
	color: #b9d5ff !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-meta .reassignment-badge {
	position: static !important;
	inset: auto !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	min-height: 24px !important;
	padding: 4px 8px !important;
	border: 1px solid rgba(96, 165, 250, 0.32) !important;
	border-radius: 999px !important;
	background: rgba(30, 64, 116, 0.34) !important;
	color: #cfe5ff !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	box-shadow: none !important;
	transform: none !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-read-only-badge {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 24px !important;
	padding: 4px 8px !important;
	border: 1px solid rgba(251, 191, 36, 0.35) !important;
	border-radius: 999px !important;
	background: rgba(99, 63, 14, 0.28) !important;
	color: #fde68a !important;
	font-size: 11px !important;
	font-weight: 900 !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-read-only {
	border-color: rgba(251, 191, 36, 0.22) !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-read-only-panel,
#mainAppContent.executive-suite-shell #trackerView .tracker-read-only-action-note {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	border: 1px solid rgba(251, 191, 36, 0.22) !important;
	border-radius: 12px !important;
	background: rgba(72, 52, 18, 0.26) !important;
	color: #ead8a9 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-read-only-action-note {
	padding: 10px 12px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-su-access-badge {
	margin-left: 6px !important;
	border-color: rgba(45, 212, 191, 0.42) !important;
	background:
		linear-gradient(180deg, rgba(20, 83, 80, 0.34), rgba(8, 47, 73, 0.26)),
		rgba(12, 37, 55, 0.78) !important;
	color: #bff7ea !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell .header-super-user-switch {
		min-height: 32px !important;
		padding: 0 10px !important;
		font-size: 10px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .tracker-ownership-row {
		gap: 5px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .tracker-owner-chip {
		max-width: 100% !important;
		padding: 4px 7px !important;
		font-size: 11px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .tracker-owner-value {
		max-width: 150px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-meta .reassignment-badge,
	#mainAppContent.executive-suite-shell #trackerView .tracker-read-only-badge {
		font-size: 10px !important;
	}
}

/* 20260506: recovered Listings dark hover regression after bug-fix branch divergence. */
#mainAppContent.executive-suite-shell #listingsView :is(.list-view-row, .c-listings-table__row, .listings-table tbody tr):hover,
#mainAppContent.executive-suite-shell #listingsView :is(.list-view-row, .c-listings-table__row, .listings-table tbody tr):hover > td,
#mainAppContent.executive-suite-shell #listingsView .list-view-table tbody tr:hover,
#mainAppContent.executive-suite-shell #listingsView .list-view-table tbody tr:hover > td {
	background: rgba(20, 47, 84, 0.56) !important;
	color: #e5efff !important;
}

#mainAppContent.executive-suite-shell #listingsView .list-view-table tbody tr.pumi-row:hover,
#mainAppContent.executive-suite-shell #listingsView .list-view-table tbody tr.pumi-row:hover > td {
	background: rgba(21, 94, 69, 0.34) !important;
	color: #dcfce7 !important;
}

#mainAppContent.executive-suite-shell #listingsView .list-view-table .submarket-th {
	width: 112px !important;
	min-width: 96px !important;
	max-width: 128px !important;
}

/* 20260506: recovered recent bug-fix UI polish that was absent from main. */
body:has(#mainAppContent.executive-suite-shell) #auditLogModal:not(.hidden) {
	position: fixed !important;
	inset: 0 !important;
	z-index: 3000 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 18px !important;
	background: rgba(2, 8, 20, 0.72) !important;
}

body:has(#mainAppContent.executive-suite-shell) #auditLogModal .admin-audit-modal-card {
	width: min(980px, calc(100vw - 28px)) !important;
	max-height: calc(100vh - 36px) !important;
	overflow: hidden !important;
	border: 1px solid rgba(120, 154, 199, 0.28) !important;
	background: #071523 !important;
}

body:has(#mainAppContent.executive-suite-shell) #auditLogModal .admin-audit-section {
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #auditLogModal .audit-log-wrapper {
	max-height: min(64vh, 680px) !important;
	overflow: auto !important;
}

body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-content,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-body,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsList,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsList [style] {
	color: #dbe8f7 !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
	min-height: 0 !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #leadsView :is(#leadsOverviewBars, #leadsHealthBars, #leadsSourceChart) {
	max-height: 210px !important;
	overflow: auto !important;
}

#mainAppContent.executive-suite-shell #trackerView :is(.leads-dropdown, .dropdown-content, .dropdown-toggle, select, option) {
	border-color: rgba(120, 154, 199, 0.3) !important;
	background: #071523 !important;
	color: #dbe8f7 !important;
}

#mainAppContent.executive-suite-shell #emailsView :is(.email-dashboard-single, .email-dashboard-main, .email-stats-card) {
	min-width: 0 !important;
	max-width: 100% !important;
	overflow-x: hidden !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-row {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(142px, 1fr)) !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-card {
	min-width: 0 !important;
	max-width: none !important;
}

#mainAppContent.executive-suite-shell #adminView .user-identity-name {
	color: #eaf2ff !important;
	font-weight: 850 !important;
	overflow-wrap: anywhere !important;
}

#mainAppContent.executive-suite-shell #adminView .user-identity-email {
	display: block !important;
	margin-top: 3px !important;
	color: #8fa8c9 !important;
	font-size: 12px !important;
	overflow-wrap: anywhere !important;
}

#mainAppContent.executive-suite-shell #adminView .user-identity-email-label,
#mainAppContent.executive-suite-shell #agentsView .agent-contact-label {
	color: #c3d5ee !important;
	font-weight: 850 !important;
	margin-right: 4px !important;
	text-transform: uppercase !important;
	font-size: 10px !important;
	letter-spacing: 0.03em !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-contact-stack {
	display: grid !important;
	gap: 2px !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-contact-line {
	display: block !important;
	min-width: 0 !important;
	overflow-wrap: anywhere !important;
	line-height: 1.35 !important;
}

@media (min-width: 769px) {
	#mainAppContent.executive-suite-shell #adminView #usersTable {
		table-layout: fixed !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable th:nth-child(1),
	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(1) {
		width: 30% !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable th:nth-child(2),
	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(2),
	#mainAppContent.executive-suite-shell #adminView #usersTable th:nth-child(3),
	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(3) {
		width: 13% !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable th:nth-child(4),
	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(4),
	#mainAppContent.executive-suite-shell #adminView #usersTable th:nth-child(5),
	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(5) {
		width: 16% !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable th:nth-child(6),
	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(6) {
		width: 12% !important;
	}
}

@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell #bugsTable {
		width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #bugsTable thead {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #bugsTable,
	#mainAppContent.executive-suite-shell #bugsTable tbody,
	#mainAppContent.executive-suite-shell #bugsTable tr,
	#mainAppContent.executive-suite-shell #bugsTable td {
		display: block !important;
		box-sizing: border-box !important;
		width: 100% !important;
	}

	#mainAppContent.executive-suite-shell #bugsTable tr {
		margin-bottom: 10px !important;
		padding: 10px !important;
		border: 1px solid rgba(120, 154, 199, 0.2) !important;
		border-radius: 10px !important;
		background: rgba(7, 15, 29, 0.78) !important;
	}

	#mainAppContent.executive-suite-shell #bugsTable td {
		display: grid !important;
		grid-template-columns: 92px minmax(0, 1fr) !important;
		gap: 8px !important;
		padding: 7px 0 !important;
		border: 0 !important;
	}

	#mainAppContent.executive-suite-shell #bugsTable td::before {
		content: attr(data-label) !important;
		color: #8fa6c5 !important;
		font-size: 11px !important;
		font-weight: 800 !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #bugsTable .bug-actions-cell .action-buttons {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 7px !important;
	}

	#mainAppContent.executive-suite-shell #bugsTable .bug-actions-cell .action-buttons button {
		min-width: 34px !important;
		min-height: 34px !important;
	}

	#mainAppContent.executive-suite-shell #bugsTable .bug-empty-row,
	#mainAppContent.executive-suite-shell #bugsTable .bug-empty-row td {
		display: block !important;
		text-align: center !important;
	}

	#mainAppContent.executive-suite-shell #bugsTable .bug-empty-row td::before {
		content: none !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable tr {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"name"
			"role"
			"status"
			"created"
			"activity"
			"actions" !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(1) {
		grid-area: name !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(2) {
		grid-area: role !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(3) {
		grid-area: status !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(4) {
		grid-area: created !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(5) {
		grid-area: activity !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(6) {
		grid-area: actions !important;
	}

	#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(6) .user-actions {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
	}
}

/* 20260507: final full-width top navigation shell. This intentionally overrides the desktop left rail. */
#mainAppContent.executive-suite-shell,
#mainAppContent.executive-suite-shell.sidebar-collapsed {
	width: 100% !important;
	max-width: 100vw !important;
	min-width: 0 !important;
	overflow-x: clip !important;
}

#mainAppContent.executive-suite-shell .app-header,
#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header,
body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell .app-header,
body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
	position: sticky !important;
	inset: 0 0 auto 0 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 1400 !important;
	width: 100% !important;
	max-width: 100vw !important;
	box-sizing: border-box !important;
	height: auto !important;
	min-height: 72px !important;
	display: grid !important;
	grid-template-columns: minmax(132px, auto) minmax(0, 1fr) auto !important;
	grid-template-areas: "brand nav actions" !important;
	align-items: center !important;
	gap: 14px !important;
	padding: 12px 18px !important;
	border-right: 0 !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.22) !important;
	background:
		linear-gradient(90deg, rgba(8, 13, 25, 0.98), rgba(12, 18, 33, 0.98)),
		#08111f !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34) !important;
	backdrop-filter: blur(18px) !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell .brand,
#mainAppContent.executive-suite-shell.sidebar-collapsed .brand {
	grid-area: brand !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: 190px !important;
	padding: 0 !important;
	border: 0 !important;
	justify-content: flex-start !important;
}

#mainAppContent.executive-suite-shell .brand-logo,
#mainAppContent.executive-suite-shell.sidebar-collapsed .brand-logo {
	display: block !important;
	width: auto !important;
	max-width: 158px !important;
	max-height: 38px !important;
	object-fit: contain !important;
}

#mainAppContent.executive-suite-shell .sidebar-collapse-toggle,
#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
	display: none !important;
}

#mainAppContent.executive-suite-shell .main-nav,
#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
	grid-area: nav !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scrollbar-width: none !important;
}

#mainAppContent.executive-suite-shell .main-nav::-webkit-scrollbar,
#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav::-webkit-scrollbar {
	display: none !important;
}

#mainAppContent.executive-suite-shell .nav-link,
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link,
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page],
#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn {
	position: relative !important;
	width: auto !important;
	min-width: max-content !important;
	max-width: none !important;
	height: 38px !important;
	min-height: 38px !important;
	max-height: 38px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	place-items: center !important;
	flex: 0 0 auto !important;
	gap: 7px !important;
	padding: 0 12px !important;
	margin: 0 !important;
	border-radius: 10px !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	transform: none !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link > *,
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link .nav-icon {
	display: inline-flex !important;
}

#mainAppContent.executive-suite-shell .nav-link::before,
#mainAppContent.executive-suite-shell .nav-link::after,
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::before,
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::after {
	content: none !important;
	display: none !important;
}

#mainAppContent.executive-suite-shell .nav-link:hover,
#mainAppContent.executive-suite-shell .nav-link:focus-visible,
#mainAppContent.executive-suite-shell .nav-link.active,
#mainAppContent.executive-suite-shell .nav-link[aria-current="page"],
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link:hover,
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link:focus-visible,
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link.active,
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[aria-current="page"] {
	transform: none !important;
}

#mainAppContent.executive-suite-shell .header-actions,
#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
	grid-area: actions !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: min(34vw, 440px) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 9px !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell .header-actions .user-info,
#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info {
	width: auto !important;
	min-width: 154px !important;
	max-width: 224px !important;
	height: 42px !important;
	min-height: 42px !important;
	display: grid !important;
	grid-template-columns: 34px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 4px 10px !important;
	border-radius: 999px !important;
}

#mainAppContent.executive-suite-shell #headerUserEmail,
#mainAppContent.executive-suite-shell.sidebar-collapsed #headerUserEmail {
	max-width: 132px !important;
	font-size: 11px !important;
	line-height: 1.1 !important;
}

@media (max-width: 1100px) {
	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		grid-template-columns: minmax(116px, auto) minmax(0, 1fr) auto !important;
		gap: 10px !important;
		padding: 10px 14px !important;
	}

	#mainAppContent.executive-suite-shell .brand-logo,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .brand-logo {
		max-width: 132px !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		height: 36px !important;
		min-height: 36px !important;
		max-height: 36px !important;
		padding: 0 9px !important;
		font-size: 11px !important;
	}
}

@media (max-width: 760px) {
	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell .app-header,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-areas:
			"brand actions"
			"nav nav" !important;
		min-height: 0 !important;
		padding: 10px 12px !important;
		gap: 9px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info,
	#mainAppContent.executive-suite-shell #profileBtn,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn,
	#mainAppContent.executive-suite-shell #logoutBtn,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		justify-content: flex-start !important;
		gap: 6px !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		min-width: 76px !important;
		height: 34px !important;
		min-height: 34px !important;
		max-height: 34px !important;
		padding: 0 8px !important;
		font-size: 10px !important;
	}

	#mainAppContent.executive-suite-shell #appRoot,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot {
		padding: 12px !important;
	}
}

/* 20260507: compact top navigation, full-width route scaling, and restored Tracker/Lead Source polish. */
body:has(#mainAppContent.executive-suite-shell) {
	overflow-x: hidden !important;
}

#mainAppContent.executive-suite-shell .app-header,
#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header,
body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell .app-header,
body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
	min-height: 56px !important;
	align-content: center !important;
	gap: 10px !important;
	padding: 6px 14px 7px !important;
}

#mainAppContent.executive-suite-shell .brand,
#mainAppContent.executive-suite-shell.sidebar-collapsed .brand {
	align-self: center !important;
	align-items: center !important;
	height: auto !important;
	line-height: 0 !important;
	margin: 0 !important;
}

#mainAppContent.executive-suite-shell .brand-logo,
#mainAppContent.executive-suite-shell.sidebar-collapsed .brand-logo {
	max-width: 144px !important;
	max-height: 30px !important;
	margin: 0 !important;
	vertical-align: top !important;
}

#mainAppContent.executive-suite-shell .nav-link,
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link,
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page],
#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn {
	height: 32px !important;
	min-height: 32px !important;
	max-height: 32px !important;
	padding: 0 10px !important;
	border-radius: 8px !important;
	font-size: 11px !important;
}

#mainAppContent.executive-suite-shell .header-actions,
#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
	gap: 7px !important;
}

#mainAppContent.executive-suite-shell .header-actions .user-info,
#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info {
	height: 36px !important;
	min-height: 36px !important;
	grid-template-columns: 30px minmax(0, 1fr) !important;
	padding: 3px 9px !important;
}

#mainAppContent.executive-suite-shell #appRoot > *,
#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot > *,
#mainAppContent.executive-suite-shell #appRoot :is(.route-view, #listingsView, #leadsView, #specialsView, #trackerView, #emailsView, #agentsView, #analyticsView, #adminView, #bugsView) {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-areas:
		"label percent"
		"bar bar" !important;
	align-items: center !important;
	gap: 4px 8px !important;
	min-width: min(220px, 100%) !important;
	padding: 7px 9px !important;
	border: 1px solid rgba(96, 165, 250, 0.24) !important;
	border-radius: 8px !important;
	background: rgba(8, 13, 25, 0.54) !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__text {
	grid-area: label !important;
	min-width: 0 !important;
	color: #edf5ff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__percent {
	grid-area: percent !important;
	color: #8bd3ff !important;
	font-size: 12px !important;
	font-weight: 950 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__bar {
	grid-area: bar !important;
	width: 100% !important;
	height: 4px !important;
	overflow: hidden !important;
	border-radius: 999px !important;
	background: rgba(51, 65, 85, 0.86) !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__fill {
	display: block !important;
	height: 100% !important;
	border-radius: inherit !important;
	background: linear-gradient(90deg, #38bdf8, #22c55e) !important;
}

#mainAppContent.executive-suite-shell #trackerView .docs-emails-btn {
	min-width: 62px !important;
	min-height: 40px !important;
	height: auto !important;
	display: inline-grid !important;
	grid-template-rows: 16px auto !important;
	place-items: center !important;
	gap: 3px !important;
	padding: 5px 7px !important;
}

#mainAppContent.executive-suite-shell #trackerView .docs-emails-label {
	display: block !important;
	color: currentColor !important;
	font-size: 9px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
}

#mainAppContent.executive-suite-shell #trackerView .last-updated,
#mainAppContent.executive-suite-shell #trackerView .step-timestamp {
	color: #c7d7ee !important;
	font-weight: 800 !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task {
	min-height: 30px !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 6px 8px !important;
	font-size: 12px !important;
	line-height: 1.25 !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task .task-label {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task .task-checkbox {
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	border: 1px solid rgba(148, 163, 184, 0.44) !important;
	border-radius: 6px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgba(8, 13, 25, 0.82) !important;
	color: #9fb3d1 !important;
	font-size: 11px !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task.complete .task-checkbox {
	border-color: rgba(52, 211, 153, 0.52) !important;
	background: rgba(6, 78, 59, 0.34) !important;
	color: #baf7d5 !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task.bounced .task-checkbox,
#mainAppContent.executive-suite-shell #trackerView .step-task.needs-email .task-checkbox {
	border-color: rgba(248, 113, 113, 0.52) !important;
	background: rgba(127, 29, 29, 0.36) !important;
	color: #ffc6c6 !important;
}

#mainAppContent.executive-suite-shell #trackerView :is(.what-happened-item, .whats-next-item, .tracker-subtitle, .lead-meta, .step-panel-meta) {
	color: #dce8fb !important;
}

@media (max-width: 1100px) {
	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		min-height: 52px !important;
		gap: 8px !important;
		padding: 5px 12px 6px !important;
	}

	#mainAppContent.executive-suite-shell .brand-logo,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .brand-logo {
		max-width: 128px !important;
		max-height: 28px !important;
	}
}

@media (max-width: 760px) {
	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell .app-header,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		padding: 7px 10px 8px !important;
		gap: 6px !important;
	}

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		padding-bottom: 1px !important;
	}

	#mainAppContent.executive-suite-shell .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		min-width: 72px !important;
		height: 32px !important;
		min-height: 32px !important;
		max-height: 32px !important;
	}

	#mainAppContent.executive-suite-shell #appRoot,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot {
		padding: 10px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary {
		min-width: 0 !important;
		width: 100% !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-actions {
		grid-template-columns: minmax(62px, auto) 34px !important;
	}
}

/* 20260507: final all-route top-nav scale lock and contained lead-source pie. */
body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #appRoot > :is(
	#leadsView,
	#agentsView,
	#specialsView,
	#trackerView,
	#emailsView,
	#bugsView,
	#analyticsView,
	#adminView,
	#manageView
):not(.hidden) :is(
	.lead-management-suite,
	.leads-dashboard,
	.leads-insights-row,
	.leads-insight-panel,
	.leads-filter-bar,
	.agents-page-header,
	#agentsAnalyticsDashboard,
	.agents-analytics-dashboard,
	.agents-filter-bar,
	.analytics-charts-row,
	.analytics-chart-panel,
	.tracker-manager-view,
	.tracker-agent-view,
	.tracker-page-header,
	.tracker-search-row,
	.tracker-dashboard,
	.tracker-dash-section,
	.tracker-container,
	.emails-page-header,
	.email-dashboard-single,
	.email-stats-card,
	.email-dashboard-main,
	.email-logs-compact,
	.email-logs-body-compact,
	.bugs-table-wrapper,
	.analytics-page-header,
	.analytics-content,
	.analytics-command-grid,
	.analytics-agent-table-panel,
	.analytics-metrics-stack,
	.analytics-kpi-section,
	.admin-page-header,
	.admin-content,
	.admin-section,
	.admin-stats-row,
	.admin-operations-grid,
	.users-table-wrapper,
	.page-container,
	.smart-match-config-page,
	.mc-dashboard-grid,
	.table-wrapper,
	.data-table-wrapper
) {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView:not(.hidden) :is(.agents-analytics-dashboard, .analytics-charts-row),
body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell.sidebar-collapsed:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) :is(.agents-analytics-dashboard, .analytics-charts-row) {
	width: 100% !important;
	max-width: 100% !important;
}

body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-charts-row,
body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #leadsView:not(.hidden) .leads-insights-row,
body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #specialsView:not(.hidden) .specials-insights-row {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
}

body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #analyticsView:not(.hidden) .analytics-command-grid {
	grid-template-columns: minmax(0, 1.3fr) minmax(min(100%, 360px), 0.7fr) !important;
}

body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #emailsView:not(.hidden) .email-dashboard-main {
	grid-template-columns: minmax(min(100%, 280px), 0.32fr) minmax(0, 1fr) !important;
}

@media (max-width: 980px) {
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #analyticsView:not(.hidden) .analytics-command-grid,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #emailsView:not(.hidden) .email-dashboard-main {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

@media (max-width: 760px) {
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #leadsView:not(.hidden) .leads-insights-row,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-charts-row,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell.sidebar-collapsed:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #specialsView:not(.hidden) .specials-insights-row,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView:not(.hidden) .tracker-dashboard {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

/* 20260507: unit data quality tags, unit modal dark-mode pass, and header identity cleanup. */
#mainAppContent.executive-suite-shell .header-actions .user-info,
#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info {
	height: 40px !important;
	min-height: 40px !important;
	max-width: 242px !important;
	grid-template-columns: 32px minmax(0, 1fr) !important;
	gap: 7px !important;
	padding: 3px 10px 3px 4px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell .header-profile-avatar,
#mainAppContent.executive-suite-shell.sidebar-collapsed .header-profile-avatar,
#mainAppContent.executive-suite-shell .header-profile-avatar img,
#mainAppContent.executive-suite-shell.sidebar-collapsed .header-profile-avatar img {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
}

#mainAppContent.executive-suite-shell .header-user-copy,
#mainAppContent.executive-suite-shell.sidebar-collapsed .header-user-copy {
	min-width: 0 !important;
	min-height: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: flex-start !important;
	gap: 2px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #headerUserEmail,
#mainAppContent.executive-suite-shell.sidebar-collapsed #headerUserEmail {
	display: block !important;
	width: 100% !important;
	max-width: 176px !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	font-size: 10.5px !important;
	line-height: 1.05 !important;
}

#mainAppContent.executive-suite-shell #headerUserRole.role-badge,
#mainAppContent.executive-suite-shell.sidebar-collapsed #headerUserRole.role-badge {
	max-width: 100% !important;
	margin: 0 !important;
	padding: 2px 6px !important;
	font-size: 8.5px !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	transform: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingsView .unit-data-quality-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 4px;
	max-width: 100%;
}

body:has(#mainAppContent.executive-suite-shell) #listingsView .unit-dq-badge {
	border: 1px solid rgba(248, 113, 113, 0.48);
	border-radius: 6px;
	background: rgba(127, 29, 29, 0.38);
	color: #fecaca;
	cursor: pointer;
	font-size: 10px;
	font-weight: 800;
	line-height: 1.15;
	padding: 2px 6px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body:has(#mainAppContent.executive-suite-shell) #listingsView .unit-dq-badge:hover,
body:has(#mainAppContent.executive-suite-shell) #listingsView .unit-dq-badge:focus-visible {
	border-color: rgba(251, 146, 60, 0.7);
	background: rgba(124, 45, 18, 0.5);
	color: #fed7aa;
	outline: none;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #unitConfigModal .modal-card {
	border: 1px solid rgba(91, 116, 151, 0.42) !important;
	background:
		linear-gradient(180deg, rgba(15, 24, 41, 0.98), rgba(8, 14, 26, 0.99)),
		#0b1220 !important;
	color: #e6f0ff !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.58) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) #unitConfigModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) #addUnitModal .modal-footer,
body:has(#mainAppContent.executive-suite-shell) #unitConfigModal .modal-footer {
	border-color: rgba(91, 116, 151, 0.32) !important;
	background: rgba(8, 14, 26, 0.72) !important;
	color: #f7fbff !important;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal :is(label, .checkbox-label, .modal-body),
body:has(#mainAppContent.executive-suite-shell) #unitConfigModal :is(label, .checkbox-label, .modal-body) {
	color: #dce8f8 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal :is(input, select, textarea),
body:has(#mainAppContent.executive-suite-shell) #unitConfigModal :is(input, select, textarea) {
	border: 1px solid rgba(91, 116, 151, 0.5) !important;
	background: rgba(15, 23, 42, 0.92) !important;
	color: #f7fbff !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal :is(input, select, textarea)::placeholder,
body:has(#mainAppContent.executive-suite-shell) #unitConfigModal :is(input, select, textarea)::placeholder {
	color: #7085a3 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitFloorPlanInfo {
	border: 1px solid rgba(45, 212, 191, 0.28) !important;
	background: rgba(13, 30, 43, 0.9) !important;
	color: #dff8f3 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-floorplan-summary {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-floorplan-icon {
	display: inline-grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	border: 1px solid rgba(45, 212, 191, 0.34);
	background: rgba(20, 184, 166, 0.12);
	color: #99f6e4;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.04em;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-floorplan-summary strong {
	color: #ecfeff !important;
	display: block;
	font-size: 14px;
	line-height: 1.2;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-floorplan-summary div div {
	color: #9fb3cf !important;
	font-size: 12px;
	line-height: 1.35;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-layout-grid,
body:has(#mainAppContent.executive-suite-shell) #unitConfigModal .unit-config-layout-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-layout-grid--two {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-toggle-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 10px;
	margin: 4px 0 14px;
}

body:has(#mainAppContent.executive-suite-shell) #unitConfigModal .field-hint,
body:has(#mainAppContent.executive-suite-shell) #addUnitModal .field-hint {
	color: #9fb3cf !important;
}

body:has(#mainAppContent.executive-suite-shell) #unitConfigModal .unit-config-field-highlight {
	border-radius: 10px;
	animation: unitConfigFieldPulse 1.25s ease-in-out 2;
}

@keyframes unitConfigFieldPulse {
	0%, 100% {
		box-shadow: 0 0 0 rgba(163, 230, 53, 0);
	}
	45% {
		box-shadow: 0 0 0 4px rgba(163, 230, 53, 0.18), 0 0 24px rgba(45, 212, 191, 0.24);
	}
}

@media (max-width: 720px) {
	body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-layout-grid,
	body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-layout-grid--two,
	body:has(#mainAppContent.executive-suite-shell) #unitConfigModal .unit-config-layout-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info {
		min-width: 40px !important;
		max-width: 42px !important;
		grid-template-columns: 32px !important;
		padding: 3px 4px !important;
	}
}

/* 20260507: listing filter, lead search, and toast bug-intake polish. */
#mainAppContent.executive-suite-shell #leadsView:not(.hidden) .leads-page-search {
	position: relative !important;
	display: block !important;
	min-width: 220px !important;
	max-width: 360px !important;
	width: clamp(220px, 30vw, 360px) !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #leadsView:not(.hidden) .leads-page-search > svg {
	position: absolute !important;
	left: 12px !important;
	top: 50% !important;
	width: 16px !important;
	height: 16px !important;
	transform: translateY(-50%) !important;
	pointer-events: none !important;
	z-index: 1 !important;
}

#mainAppContent.executive-suite-shell #leadsView:not(.hidden) #leadSearch {
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 0 !important;
	padding-left: 38px !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .areas-filter-search {
	width: 100% !important;
	margin: 0 0 8px 0 !important;
	background: rgba(15, 23, 42, 0.92) !important;
	border-color: rgba(91, 116, 151, 0.46) !important;
	color: #f7fbff !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal #areasCheckboxes.filter-checkboxes-compact {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(138px, 1fr)) !important;
	gap: 5px 8px !important;
	max-height: 238px !important;
	overflow-y: auto !important;
	padding-right: 3px !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal #areasCheckboxes .filter-checkbox-label[hidden] {
	display: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #toastContainer .tre-toast {
	background: linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(9, 16, 29, 0.98)) !important;
	color: #f8fbff !important;
	border: 1px solid rgba(125, 211, 252, 0.26) !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body:has(#mainAppContent.executive-suite-shell) #toastContainer .tre-toast-success {
	border-color: rgba(74, 222, 128, 0.36) !important;
}

body:has(#mainAppContent.executive-suite-shell) #toastContainer .tre-toast-error {
	border-color: rgba(248, 113, 113, 0.42) !important;
}

body:has(#mainAppContent.executive-suite-shell) #toastContainer .tre-toast-warning {
	border-color: rgba(251, 191, 36, 0.42) !important;
}

@media (max-width: 560px) {
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #leadsView:not(.hidden) .leads-page-search {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container,
#mainAppContent.executive-suite-shell #trackerView .lead-table-header,
#mainAppContent.executive-suite-shell #trackerView .lead-table-content,
#mainAppContent.executive-suite-shell #trackerView .lead-table-content.expanded,
#mainAppContent.executive-suite-shell #trackerView .progress-step,
#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel {
	color: #edf5ff !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-owner-label,
#mainAppContent.executive-suite-shell #trackerView .last-updated,
#mainAppContent.executive-suite-shell #trackerView .step-timestamp,
#mainAppContent.executive-suite-shell #trackerView .tracker-subtitle,
#mainAppContent.executive-suite-shell #trackerView .step-panel-meta,
#mainAppContent.executive-suite-shell #trackerView .step-panel-copy,
#mainAppContent.executive-suite-shell #trackerView .item-meta {
	color: #cfe0f7 !important;
	font-weight: 850 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-owner-value,
#mainAppContent.executive-suite-shell #trackerView .agent-name,
#mainAppContent.executive-suite-shell #trackerView .lead-name,
#mainAppContent.executive-suite-shell #trackerView .found-by-name,
#mainAppContent.executive-suite-shell #trackerView .progress-step-label,
#mainAppContent.executive-suite-shell #trackerView .step-panel-body .item-label,
#mainAppContent.executive-suite-shell #trackerView .step-panel-body .activity-title,
#mainAppContent.executive-suite-shell #trackerView .step-panel-body .task-title {
	color: #f7fbff !important;
	font-weight: 950 !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task {
	border-color: rgba(148, 163, 184, 0.26) !important;
	background: rgba(11, 18, 32, 0.88) !important;
	color: #e4efff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.25 !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task.pending {
	color: #d6e4fa !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task.complete {
	color: #d8ffe9 !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task .task-label {
	color: inherit !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.42) !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task .task-checkbox,
#mainAppContent.executive-suite-shell #trackerView .task-check {
	border-color: rgba(191, 219, 254, 0.58) !important;
	background: rgba(15, 23, 42, 0.96) !important;
	color: #eaf3ff !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task.complete .task-checkbox,
#mainAppContent.executive-suite-shell #trackerView .step-task.complete .task-check {
	border-color: rgba(74, 222, 128, 0.68) !important;
	background: rgba(6, 95, 70, 0.58) !important;
	color: #ecfff4 !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task.bounced,
#mainAppContent.executive-suite-shell #trackerView .step-task.needs-email {
	color: #ffe3e3 !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-task.bounced .task-checkbox,
#mainAppContent.executive-suite-shell #trackerView .step-task.needs-email .task-checkbox,
#mainAppContent.executive-suite-shell #trackerView .step-task.bounced .task-check,
#mainAppContent.executive-suite-shell #trackerView .step-task.needs-email .task-check {
	border-color: rgba(248, 113, 113, 0.72) !important;
	background: rgba(127, 29, 29, 0.62) !important;
	color: #fff2f2 !important;
}

/* 20260507c: Super User-only Analytics and contained Tracker collapsed lead rows. */
#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) {
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-table-header {
	box-sizing: border-box !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(112px, 148px) !important;
	align-items: center !important;
	gap: 10px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 72px !important;
	padding: 10px 12px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-info,
#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-details,
#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-meta,
#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-ownership-row {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-details {
	align-content: center !important;
	gap: 7px !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-ownership-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 5px !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-owner-chip {
	flex: 0 1 auto !important;
	min-width: 0 !important;
	max-width: clamp(94px, 18vw, 188px) !important;
	padding: 4px 7px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-owner-label {
	flex: 0 0 auto !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-owner-value {
	min-width: 0 !important;
	max-width: none !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-meta {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 7px !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-meta > :not(.tracker-step-summary) {
	flex: 0 0 auto !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-step-summary {
	box-sizing: border-box !important;
	flex: 1 1 240px !important;
	width: auto !important;
	max-width: min(360px, 100%) !important;
	min-width: 170px !important;
	padding: 6px 8px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-step-summary__bar {
	box-sizing: border-box !important;
	position: relative !important;
	height: 5px !important;
	max-width: 100% !important;
	overflow: hidden !important;
	contain: paint !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-step-summary__fill {
	position: absolute !important;
	inset: 0 auto 0 0 !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-actions {
	box-sizing: border-box !important;
	justify-self: end !important;
	align-self: center !important;
	display: grid !important;
	grid-template-columns: minmax(72px, 1fr) 34px !important;
	grid-template-areas:
		"docs expand"
		"date date" !important;
	justify-content: stretch !important;
	align-items: center !important;
	gap: 6px !important;
	width: 100% !important;
	max-width: 148px !important;
	min-width: 112px !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .docs-emails-btn {
	grid-area: docs !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 72px !important;
	max-width: 100% !important;
	min-height: 36px !important;
	padding: 5px 6px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .docs-emails-btn svg {
	width: 15px !important;
	height: 15px !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .docs-emails-label {
	max-width: 100% !important;
	overflow: hidden !important;
	text-align: center !important;
	text-overflow: ellipsis !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .expand-btn {
	grid-area: expand !important;
	width: 34px !important;
	min-width: 34px !important;
	height: 36px !important;
	min-height: 36px !important;
	padding: 0 !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .last-updated {
	grid-area: date !important;
	justify-self: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden !important;
	text-align: right !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-table-header {
		grid-template-columns: minmax(0, 1fr) minmax(104px, 132px) !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-owner-chip {
		max-width: clamp(84px, 22vw, 150px) !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-step-summary {
		flex-basis: 190px !important;
		min-width: 150px !important;
	}
}

@media (max-width: 640px) {
	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-table-header {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"lead"
			"actions" !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-info {
		grid-area: lead !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-ownership-row,
	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-meta {
		flex-wrap: wrap !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-owner-chip {
		max-width: min(100%, 164px) !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-step-summary {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-actions {
		grid-area: actions !important;
		grid-template-columns: minmax(94px, 128px) minmax(0, 1fr) 38px !important;
		grid-template-areas: "docs date expand" !important;
		justify-self: stretch !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .last-updated {
		align-self: center !important;
		font-size: 10px !important;
		text-align: center !important;
		white-space: nowrap !important;
	}
}

/* 20260507d: Super User audit log gate and Manager full-width Admin users table. */
#mainAppContent.executive-suite-shell #adminView.admin-users-only #openAuditLogModalBtn,
#mainAppContent.executive-suite-shell #adminView.admin-users-only #openAuditLogBtn,
#mainAppContent.executive-suite-shell #adminView.admin-users-only #auditLogModal {
	display: none !important;
}

#mainAppContent.executive-suite-shell #adminView.admin-users-only .admin-content > .admin-operations-grid,
#mainAppContent.executive-suite-shell #adminView .admin-content > .admin-operations-grid.admin-users-only {
	box-sizing: border-box !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	width: 100% !important;
	max-width: 100% !important;
}

#mainAppContent.executive-suite-shell #adminView.admin-users-only .admin-users-section {
	box-sizing: border-box !important;
	grid-column: 1 / -1 !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #adminView.admin-users-only .users-table-wrapper {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: auto !important;
}

#mainAppContent.executive-suite-shell #adminView.admin-users-only #usersTable {
	width: 100% !important;
	min-width: 920px !important;
}

#mainAppContent.executive-suite-shell #adminView.admin-audit-super-user #openAuditLogModalBtn {
	display: inline-flex !important;
}

@media (max-width: 980px) {
	#mainAppContent.executive-suite-shell #adminView.admin-users-only #usersTable {
		min-width: 820px !important;
	}
}

/* 20260507e: resilient table footers, Listings pagination, and mobile nav/table sizing. */
#mainAppContent.executive-suite-shell #listingsView .map-view-container {
	min-height: 0 !important;
	grid-template-columns: minmax(360px, 0.36fr) minmax(0, 0.64fr) !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-table-pane {
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	min-height: 0 !important;
	width: 100% !important;
	overflow: hidden !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 12px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(8, 13, 24, 0.92) !important;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22) !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-table-pane > .table-wrapper {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	max-height: max(320px, calc(100dvh - 352px)) !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 12px 0 0 0 !important;
	box-shadow: none !important;
	overflow: auto !important;
	-webkit-overflow-scrolling: touch !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-pagination-host {
	flex: 0 0 auto !important;
	width: 100% !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-pagination-host:empty {
	display: none !important;
}

#mainAppContent.executive-suite-shell #listingsView .list-view-container {
	display: flex;
	flex-direction: column !important;
	min-height: 0 !important;
	max-height: max(360px, calc(100dvh - 302px)) !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #listingsView .list-view-grid {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: auto !important;
	-webkit-overflow-scrolling: touch !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-pagination {
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 8px 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	border-width: 1px 0 0 !important;
	border-radius: 0 0 12px 12px !important;
	background:
		linear-gradient(180deg, rgba(19, 29, 49, 0.98), rgba(8, 13, 24, 0.99)),
		#0b1220 !important;
	box-shadow:
		0 -12px 24px rgba(0, 0, 0, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-pagination .pagination-info {
	min-width: 0 !important;
	color: #c8d7ef !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-pagination .pagination-nav {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-pagination .pagination-nav-btn {
	width: 36px !important;
	height: 34px !important;
	min-width: 36px !important;
	border-radius: 10px !important;
	font-size: 20px !important;
	line-height: 1 !important;
}

#mainAppContent.executive-suite-shell #listingsView .mapwrap,
#mainAppContent.executive-suite-shell #listingsView #listingsMap {
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell :is(.table-wrapper, .table-container, .leads-table-container, .users-table-wrapper, .audit-log-wrapper, .email-logs-body-compact) {
	box-sizing: border-box !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch !important;
}

#mainAppContent.executive-suite-shell :is(.data-table, #leadsTable, #usersTable, #propertiesTable) {
	max-width: none !important;
	border-collapse: separate !important;
}

#mainAppContent.executive-suite-shell :is(.pagination, .specials-pagination, .tracker-pagination, .admin-pagination, .email-logs-pagination) {
	box-sizing: border-box !important;
	min-height: 44px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	padding: 8px 10px !important;
	background:
		linear-gradient(180deg, rgba(18, 27, 45, 0.96), rgba(8, 13, 24, 0.98)),
		#0b1220 !important;
	border-color: rgba(126, 148, 184, 0.18) !important;
	color: #c7d6ed !important;
}

#mainAppContent.executive-suite-shell #leadsView .pagination {
	position: sticky !important;
	bottom: 0 !important;
	z-index: 30 !important;
	border-radius: 0 0 12px 12px !important;
	box-shadow: 0 -10px 22px rgba(0, 0, 0, 0.22) !important;
}

@media (max-width: 1180px) and (min-width: 769px) {
	#mainAppContent.executive-suite-shell #listingsView .map-view-container {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .listings-table-pane > .table-wrapper {
		max-height: min(42dvh, 430px) !important;
		border-radius: 12px 12px 0 0 !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .mapwrap,
	#mainAppContent.executive-suite-shell #listingsView #listingsMap {
		min-height: 430px !important;
	}
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		box-sizing: border-box !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 6px !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 5px !important;
		border: 1px solid rgba(126, 148, 184, 0.22) !important;
		border-radius: 14px !important;
		background: rgba(8, 13, 24, 0.96) !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x proximity !important;
		scrollbar-width: none !important;
		-webkit-overflow-scrolling: touch !important;
	}

	#mainAppContent.executive-suite-shell .main-nav::-webkit-scrollbar {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link:not(.role-hidden),
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link:not(.role-hidden) {
		flex: 0 0 70px !important;
		width: 70px !important;
		min-width: 70px !important;
		max-width: 70px !important;
		height: 44px !important;
		min-height: 44px !important;
		display: grid !important;
		grid-template-rows: 18px 12px !important;
		place-items: center !important;
		gap: 2px !important;
		padding: 5px 4px !important;
		border-radius: 11px !important;
		font-size: 0 !important;
		line-height: 1 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		scroll-snap-align: start !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link.role-hidden {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link > * {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link::before {
		content: attr(data-icon) !important;
		display: block !important;
		font-size: 15px !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link::after {
		content: attr(data-short) !important;
		display: block !important;
		max-width: 100% !important;
		color: currentColor !important;
		font-size: 9px !important;
		font-weight: 900 !important;
		line-height: 1.05 !important;
		letter-spacing: 0 !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link[data-page="specials"] {
		order: 3 !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link[data-page="listings"] {
		order: 1 !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link[data-page="leads"] {
		order: 2 !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link[data-page="tracker"] {
		order: 4 !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link[data-page="emails"] {
		order: 5 !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link[data-page="agents"] {
		order: 6 !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link[data-page="analytics"] {
		order: 7 !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link[data-page="admin"] {
		order: 8 !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link[data-page="bugs"] {
		order: 9 !important;
	}

	#mainAppContent.executive-suite-shell :is(.data-table, #leadsTable, #usersTable, #propertiesTable) {
		min-width: 760px !important;
	}
}

@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell #listingsView #listViewContainer,
	#mainAppContent.executive-suite-shell #listingsView .list-view-container {
		display: flex !important;
		max-height: none !important;
	}

	#mainAppContent.executive-suite-shell #listingsView :is(.listings-layout, #listViewContainer, .list-view-container, .list-view-grid, .mobile-listings-feed, .listings-pagination-host, .listings-pagination) {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: calc(100vw - 20px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .list-view-grid {
		overflow-x: hidden !important;
		overflow-y: visible !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .listings-pagination {
		position: sticky !important;
		bottom: 0 !important;
		z-index: 60 !important;
		max-width: 100% !important;
		margin-top: 8px !important;
		border-radius: 12px !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .listings-pagination .pagination-nav-btn {
		width: 44px !important;
		height: 38px !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .listings-pagination .pagination-info {
		font-size: 12px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .pagination {
		justify-content: space-between !important;
	}
}

@media (max-width: 520px) {
	#mainAppContent.executive-suite-shell .main-nav .nav-link:not(.role-hidden),
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link:not(.role-hidden) {
		flex-basis: 64px !important;
		width: 64px !important;
		min-width: 64px !important;
		max-width: 64px !important;
	}

	#mainAppContent.executive-suite-shell :is(.data-table, #leadsTable, #usersTable, #propertiesTable) {
		min-width: 700px !important;
	}
}

/* 20260507f: map marker visibility and Tracker step-panel dark-mode contrast. */
#mainAppContent.executive-suite-shell #listingsView .mapwrap {
	position: relative !important;
	min-height: 430px !important;
	height: max(430px, calc(100dvh - 282px)) !important;
	background: #07101d !important;
}

#mainAppContent.executive-suite-shell #listingsView #listingsMap {
	width: 100% !important;
	height: 100% !important;
	min-height: inherit !important;
	background: #07101d !important;
}

#mainAppContent.executive-suite-shell #listingsView #listingsMap .mapboxgl-marker {
	z-index: 8 !important;
	pointer-events: auto !important;
}

#mainAppContent.executive-suite-shell #listingsView #listingsMap :is(.custom-dot-marker, .price-marker) {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel {
	border: 1px solid rgba(125, 211, 252, 0.26) !important;
	background:
		linear-gradient(180deg, rgba(19, 32, 53, 0.98), rgba(7, 13, 25, 0.98)),
		#0b1220 !important;
	color: #edf6ff !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel .step-panel-header {
	border-bottom: 1px solid rgba(148, 163, 184, 0.24) !important;
	background:
		linear-gradient(90deg, rgba(14, 116, 144, 0.34), rgba(30, 41, 59, 0.78)),
		#142033 !important;
	color: #f8fbff !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel :is(.step-panel-title, .step-name, .step-number, .step-panel-close) {
	color: #f8fbff !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel .step-panel-close {
	border: 1px solid rgba(148, 163, 184, 0.28) !important;
	background: rgba(2, 6, 15, 0.72) !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel :is(.step-panel-body, .step-panel-columns, .step-panel-section, .section-content) {
	color: #e8f1ff !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel .step-panel-section .section-content {
	max-height: none !important;
	overflow: visible !important;
	padding: 0 !important;
	height: auto !important;
	min-height: 0 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel .section-label {
	color: #bfd2f2 !important;
	font-size: 11px !important;
	font-weight: 950 !important;
	letter-spacing: 0.06em !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel :is(.what-happened-item, .whats-next-item) {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 6px !important;
	border-color: rgba(148, 163, 184, 0.24) !important;
	background: rgba(3, 8, 18, 0.78) !important;
	color: #e8f1ff !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel :is(.what-happened-item, .whats-next-item) :is(span, small, strong, em, a) {
	color: inherit !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel :is(.what-happened-item, .whats-next-item) strong {
	color: #ffffff !important;
	font-weight: 950 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel :is(.status-badge, .step-status-badge) {
	border-color: rgba(148, 163, 184, 0.3) !important;
	background: rgba(15, 23, 42, 0.95) !important;
	color: #eaf2ff !important;
	font-weight: 950 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel :is(.status-badge.success, .step-status-badge.completed) {
	border-color: rgba(52, 211, 153, 0.4) !important;
	background: rgba(6, 78, 59, 0.34) !important;
	color: #c9ffe5 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel :is(.status-badge.warning, .step-status-badge.current) {
	border-color: rgba(251, 191, 36, 0.42) !important;
	background: rgba(120, 53, 15, 0.32) !important;
	color: #ffe9a8 !important;
}

@media (max-width: 1180px) {
	#mainAppContent.executive-suite-shell #listingsView .mapwrap {
		height: 430px !important;
	}
}

@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel :is(.what-happened-item, .whats-next-item) {
		font-size: 13px !important;
		line-height: 1.45 !important;
	}
}

/* 20260507g: Tracker collapsed row center progress and mobile collision hardening. */
#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-table-header {
	box-sizing: border-box !important;
	display: grid !important;
	grid-template-columns: minmax(280px, 1.25fr) minmax(240px, 0.82fr) max-content !important;
	grid-template-areas: "identity progress actions" !important;
	align-items: center !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-info {
	grid-area: identity !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-details,
#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-meta,
#mainAppContent.executive-suite-shell #trackerView .lead-table-container .tracker-ownership-row {
	min-width: 0 !important;
	max-width: 100% !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-progress-center {
	grid-area: progress !important;
	box-sizing: border-box !important;
	justify-self: center !important;
	align-self: center !important;
	width: min(100%, 360px) !important;
	min-width: min(220px, 100%) !important;
	max-width: 360px !important;
	display: grid !important;
	align-items: center !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-progress-center--empty {
	min-width: 0 !important;
	width: 0 !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-meta > .tracker-step-summary {
	display: none !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .tracker-step-summary--header {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	padding: 7px 9px !important;
	border-radius: 10px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .tracker-step-summary--header .tracker-step-summary__bar {
	height: 5px !important;
	contain: paint !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-actions {
	grid-area: actions !important;
	justify-self: end !important;
	align-self: center !important;
	min-width: 136px !important;
	max-width: 172px !important;
}

@media (max-width: 980px) {
	#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-table-header {
		grid-template-columns: minmax(0, 1fr) max-content !important;
		grid-template-areas:
			"identity actions"
			"progress progress" !important;
		gap: 10px 12px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-progress-center {
		justify-self: stretch !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container .tracker-step-summary--header {
		max-width: 430px !important;
		justify-self: center !important;
	}
}

@media (max-width: 640px) {
	#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-table-header {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"identity"
			"progress"
			"actions" !important;
		gap: 9px !important;
		padding: 10px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container .tracker-ownership-row,
	#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-meta {
		flex-wrap: wrap !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-actions {
		justify-self: stretch !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		grid-template-columns: minmax(92px, 124px) minmax(0, 1fr) 38px !important;
		grid-template-areas: "docs date expand" !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container .last-updated {
		min-width: 0 !important;
		white-space: normal !important;
		text-align: center !important;
		line-height: 1.15 !important;
	}
}

@media (max-width: 900px) {
	body:has(#mainAppContent.executive-suite-shell) .bug-flag {
		right: max(12px, env(safe-area-inset-right, 0px)) !important;
		bottom: calc(var(--tre-mobile-tabbar-h, 72px) + 58px + env(safe-area-inset-bottom, 0px)) !important;
		width: 42px !important;
		height: 42px !important;
		z-index: 52 !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .listings-pagination {
		z-index: 70 !important;
	}

	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"actions"
			"nav" !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell .header-actions,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		box-sizing: border-box !important;
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: 48px minmax(0, 1fr) auto !important;
		align-items: center !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn),
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info:not(#profileBtn) {
		position: static !important;
		display: grid !important;
		place-items: center !important;
		width: 48px !important;
		height: 48px !important;
		min-width: 48px !important;
		max-width: 48px !important;
		padding: 3px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn) .header-user-copy,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info:not(#profileBtn) .header-user-copy {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #headerProfileAvatar,
	#mainAppContent.executive-suite-shell .header-profile-avatar,
	#mainAppContent.executive-suite-shell #headerProfileAvatar img,
	#mainAppContent.executive-suite-shell .header-profile-avatar img {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		min-height: 40px !important;
		max-width: 40px !important;
		max-height: 40px !important;
	}

	#mainAppContent.executive-suite-shell .header-role-context,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-role-context {
		position: static !important;
		inset: auto !important;
		grid-column: 2 !important;
		justify-self: stretch !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		min-height: 38px !important;
		margin: 0 !important;
		padding: 0 10px !important;
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) auto !important;
		align-items: center !important;
		gap: 6px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .header-role-context__label {
		font-size: 8px !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #headerViewingAsRole {
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		text-align: left !important;
	}

	#mainAppContent.executive-suite-shell .mobile-leads-summary,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .mobile-leads-summary {
		justify-self: end !important;
		min-width: 88px !important;
		max-width: 118px !important;
	}

	#mainAppContent.executive-suite-shell .header-actions :is(#profileBtn, #logoutBtn, .manage-dropdown-container, .mobile-landing-actions) {
		display: none !important;
	}
}

@media (max-width: 560px) {
	#mainAppContent.executive-suite-shell .header-actions,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		grid-template-columns: 46px minmax(0, 1fr) !important;
		grid-template-areas:
			"avatar role"
			"summary summary" !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn),
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info:not(#profileBtn) {
		grid-area: avatar !important;
	}

	#mainAppContent.executive-suite-shell .header-role-context,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-role-context {
		grid-area: role !important;
		grid-column: auto !important;
	}

	#mainAppContent.executive-suite-shell .mobile-leads-summary,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .mobile-leads-summary {
		grid-area: summary !important;
		justify-self: stretch !important;
		width: 100% !important;
		max-width: none !important;
	}
}

/* 20260507h: highest-specificity collapsed Tracker row geometry override. */
#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-table-header {
	grid-template-columns: minmax(280px, 1.15fr) minmax(260px, 0.82fr) minmax(136px, max-content) !important;
	grid-template-areas: "identity progress actions" !important;
	gap: 14px !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-info {
	grid-area: identity !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-progress-center {
	grid-area: progress !important;
	justify-self: stretch !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-step-summary--header {
	box-sizing: border-box !important;
	flex: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-actions {
	grid-area: actions !important;
	min-width: 136px !important;
	max-width: 172px !important;
}

@media (max-width: 980px) {
	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-table-header {
		grid-template-columns: minmax(0, 1fr) minmax(132px, max-content) !important;
		grid-template-areas:
			"identity actions"
			"progress progress" !important;
		gap: 10px 12px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-step-summary--header {
		justify-self: center !important;
		width: min(100%, 430px) !important;
		max-width: 430px !important;
	}
}

@media (max-width: 640px) {
	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-table-header {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"identity"
			"progress"
			"actions" !important;
		gap: 9px !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-info {
		grid-area: identity !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-progress-center {
		grid-area: progress !important;
		justify-self: stretch !important;
		width: 100% !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-step-summary--header {
		width: 100% !important;
		max-width: 100% !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-actions {
		grid-area: actions !important;
		grid-template-columns: minmax(92px, 124px) minmax(0, 1fr) 38px !important;
		grid-template-areas: "docs date expand" !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}
}

/* =======================================================================
   20260507-claude: Lead Sources Pie Chart V2 — shared by Leads + Agents
   Dark-mode-native donut + legend. One component, one CSS source of truth.
   ======================================================================= */

/* --- Container: legend left, donut right --- */
#mainAppContent.executive-suite-shell .tre-pie-chart-v2 {
	box-sizing: border-box;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	width: 100%;
	max-width: 100%;
	min-height: 0;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell .tre-pie-chart-v2 * {
	box-sizing: border-box;
}

/* --- Legend column (left) --- */
#mainAppContent.executive-suite-shell .tre-pie-legend {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
	overflow: hidden;
}

/* --- Legend row --- */
#mainAppContent.executive-suite-shell .tre-pie-row {
	display: grid;
	grid-template-columns: 10px minmax(0, 1fr) auto auto;
	grid-template-areas: "dot channel count pct";
	align-items: center;
	gap: 6px;
	padding: 5px 7px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(148, 163, 184, 0.12);
	transition: background 0.18s ease, border-color 0.18s ease;
	cursor: default;
}

#mainAppContent.executive-suite-shell .tre-pie-row:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(148, 163, 184, 0.22);
}

/* colour dot */
#mainAppContent.executive-suite-shell .tre-pie-dot {
	grid-area: dot;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

/* channel name */
#mainAppContent.executive-suite-shell .tre-pie-channel {
	grid-area: channel;
	font-size: 11.5px;
	font-weight: 700;
	color: #e2e8f0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
	letter-spacing: 0.01em;
}

/* count */
#mainAppContent.executive-suite-shell .tre-pie-count {
	grid-area: count;
	font-size: 11px;
	font-weight: 800;
	color: #f1f5f9;
	font-variant-numeric: tabular-nums;
	text-align: right;
	white-space: nowrap;
}

/* percentage */
#mainAppContent.executive-suite-shell .tre-pie-pct {
	grid-area: pct;
	font-size: 10px;
	font-weight: 600;
	color: #94a3b8;
	min-width: 28px;
	text-align: right;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* --- Donut ring wrapper (right) --- */
#mainAppContent.executive-suite-shell .tre-pie-ring-wrap {
	flex: 0 0 auto;
	position: relative;
	width: clamp(88px, 22%, 116px);
	aspect-ratio: 1 / 1;
}

/* SVG chart */
#mainAppContent.executive-suite-shell .tre-pie-svg {
	width: 100%;
	height: 100%;
	display: block;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}

/* track circle (background ring) */
#mainAppContent.executive-suite-shell .tre-pie-track {
	stroke: rgba(148, 163, 184, 0.12);
}

/* animated segments */
#mainAppContent.executive-suite-shell .tre-pie-segment {
	transition: opacity 0.25s ease;
}

#mainAppContent.executive-suite-shell .tre-pie-segment:hover {
	opacity: 0.78;
}

/* centre label overlay */
#mainAppContent.executive-suite-shell .tre-pie-center {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

#mainAppContent.executive-suite-shell .tre-pie-center strong {
	font-size: clamp(16px, 3.2vw, 22px);
	font-weight: 900;
	color: #f8fafc;
	line-height: 1;
	letter-spacing: -0.02em;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

#mainAppContent.executive-suite-shell .tre-pie-center span {
	font-size: 9px;
	font-weight: 700;
	color: #94a3b8;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-top: 1px;
}

/* empty state */
#mainAppContent.executive-suite-shell .tre-pie-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 12px;
	color: #64748b;
	font-size: 12px;
	font-weight: 600;
}

/* --- Responsive: stack on narrow widths --- */
@media (max-width: 420px) {
	#mainAppContent.executive-suite-shell .tre-pie-chart-v2 {
		flex-direction: column-reverse;
		align-items: stretch;
		gap: 10px;
	}

	#mainAppContent.executive-suite-shell .tre-pie-ring-wrap {
		width: 96px;
		align-self: center;
	}
}

/* --- Override the parent panel so the new chart is not squeezed by old CSS --- */
#mainAppContent.executive-suite-shell .lead-source-pie-chart:has(.tre-pie-chart-v2),
#mainAppContent.executive-suite-shell .leads-source-chart:has(.tre-pie-chart-v2),
#mainAppContent.executive-suite-shell .agents-metric-chart:has(.tre-pie-chart-v2) {
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
	padding: 0 !important;
}

/* Ensure source panel on Agents page uses the same dark card treatment */
#mainAppContent.executive-suite-shell .agents-source-panel .leads-source-chart {
	padding: 0 !important;
}

#mainAppContent.executive-suite-shell .agents-source-panel .leads-insight-header {
	padding: 0 0 4px 0;
}

/* =======================================================================
   20260507-claude: UI/UX Polish — chart density, label sizing, table
   alignment, and dark-mode contrast improvements.
   ======================================================================= */

/* 1. Hide detail sub-labels from chart metric rows (e.g. "Active follow-up") */
#mainAppContent.executive-suite-shell .leads-insight-panel .email-insight-detail,
#mainAppContent.executive-suite-shell .analytics-chart-panel .email-insight-detail {
	display: none !important;
}

/* 2. Increase metric label font size — make HEALTHY, AT RISK, ACTIVE more prominent */
#mainAppContent.executive-suite-shell .leads-insight-panel .email-insight-label,
#mainAppContent.executive-suite-shell .analytics-chart-panel .email-insight-label {
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
}

/* 3. Reduce insight panel top gap — less blank space above chart rows */
#mainAppContent.executive-suite-shell .leads-insight-panel {
	padding: 10px 14px !important;
	min-height: auto !important;
}

#mainAppContent.executive-suite-shell .leads-insight-header {
	margin-bottom: 8px !important;
	padding-bottom: 8px !important;
}

/* 4. Tighter metric row spacing */
#mainAppContent.executive-suite-shell .leads-insight-panel .email-insight-row,
#mainAppContent.executive-suite-shell .analytics-chart-panel .email-insight-row {
	padding: 6px 8px !important;
	min-height: 32px !important;
}

/* 5. Align leads table background with panel backgrounds */
#mainAppContent.executive-suite-shell #leadsView .leads-table-container,
#mainAppContent.executive-suite-shell #leadsView .table-wrapper {
	background: rgba(20, 28, 46, 0.88) !important;
	border-color: rgba(126, 148, 184, 0.18) !important;
}

#mainAppContent.executive-suite-shell #leadsView tbody tr {
	background: rgba(20, 28, 46, 0.3) !important;
}

#mainAppContent.executive-suite-shell #leadsView tbody tr:hover {
	background: rgba(99, 102, 241, 0.11) !important;
}

/* 6. Slightly improve overall text contrast for key data */
#mainAppContent.executive-suite-shell .email-insight-value {
	font-weight: 800 !important;
	color: var(--es-text-strong, #edf4fb) !important;
}

#mainAppContent.executive-suite-shell .email-insight-percent {
	font-weight: 700 !important;
	opacity: 0.85 !important;
}

/* 7. Hide admin chart sub-labels (small tags inside admin-insight-copy) */
#mainAppContent.executive-suite-shell .admin-insight-panel .admin-insight-copy small {
	display: none !important;
}

/* 8. Admin insight row tighter spacing */
#mainAppContent.executive-suite-shell .admin-insight-panel .admin-insight-row {
	padding: 6px 8px !important;
	min-height: 32px !important;
}

#mainAppContent.executive-suite-shell .admin-insight-panel .admin-insight-copy span {
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
}

/* =======================================================================
   20260507-claude: Management dropdown containment — items visible but
   disabled, no overflow spillover.
   ======================================================================= */
#mainAppContent.executive-suite-shell .manage-dropdown {
	position: absolute !important;
	max-height: 340px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	padding: 4px 0 !important;
	z-index: 1000 !important;
}

#mainAppContent.executive-suite-shell .manage-dropdown-item {
	pointer-events: none !important;
	opacity: 0.52 !important;
	cursor: not-allowed !important;
	user-select: none !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#mainAppContent.executive-suite-shell .manage-dropdown-item svg {
	opacity: 0.6 !important;
}

/* =======================================================================
   20260507-claude: Bugs page — dark-mode pagination bar and improved
   table density for executive suite theme.
   ======================================================================= */

/* =======================================================================
   20260508: final mobile responsive shell pass. Keep this last so phone
   and tablet geometry wins over older sidebar and bottom-nav layers.
   ======================================================================= */
@media (max-width: 900px) {
	body:has(#mainAppContent.executive-suite-shell) {
		max-width: 100vw !important;
		overflow-x: hidden !important;
		background: #050b16 !important;
	}

	#mainAppContent.executive-suite-shell,
	#mainAppContent.executive-suite-shell.sidebar-collapsed {
		width: 100% !important;
		max-width: 100vw !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		position: sticky !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: 100vw !important;
		height: auto !important;
		min-height: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"actions"
			"nav" !important;
		gap: 7px !important;
		padding: 7px 10px 8px !important;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(126, 148, 184, 0.2) !important;
		background:
			linear-gradient(180deg, rgba(12, 20, 35, 0.98), rgba(6, 11, 20, 0.98)),
			#070d18 !important;
		box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34) !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell .brand,
	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle,
	#mainAppContent.executive-suite-shell #sidebarCollapseToggle {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .header-actions,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		grid-area: actions !important;
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: 40px !important;
		min-height: 40px !important;
		display: grid !important;
		grid-template-columns: 40px minmax(0, 1fr) minmax(76px, auto) !important;
		align-items: center !important;
		gap: 8px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn),
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info:not(#profileBtn) {
		position: static !important;
		display: grid !important;
		place-items: center !important;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		padding: 3px !important;
		border: 1px solid rgba(125, 211, 252, 0.34) !important;
		border-radius: 999px !important;
		background:
			linear-gradient(180deg, rgba(30, 64, 175, 0.17), rgba(12, 22, 38, 0.94)),
			#0b1322 !important;
		box-shadow: none !important;
		overflow: hidden !important;
		cursor: pointer !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn) .header-user-copy,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info:not(#profileBtn) .header-user-copy {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #headerProfileAvatar,
	#mainAppContent.executive-suite-shell .header-profile-avatar,
	#mainAppContent.executive-suite-shell #headerProfileAvatar img,
	#mainAppContent.executive-suite-shell .header-profile-avatar img {
		width: 34px !important;
		height: 34px !important;
		min-width: 34px !important;
		min-height: 34px !important;
		max-width: 34px !important;
		max-height: 34px !important;
		border-radius: 999px !important;
		object-fit: cover !important;
		object-position: center !important;
	}

	#mainAppContent.executive-suite-shell .header-profile-avatar::before {
		display: none !important;
		content: none !important;
	}

	#mainAppContent.executive-suite-shell .header-role-context,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-role-context {
		position: static !important;
		inset: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: 34px !important;
		min-height: 34px !important;
		margin: 0 !important;
		padding: 0 10px !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: center !important;
		gap: 6px !important;
		border: 1px solid rgba(126, 148, 184, 0.2) !important;
		border-radius: 999px !important;
		background: rgba(10, 17, 30, 0.84) !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .header-role-context__label {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #headerViewingAsRole {
		display: block !important;
		max-width: 100% !important;
		min-width: 0 !important;
		color: #dbeafe !important;
		font-size: 10px !important;
		font-weight: 900 !important;
		line-height: 1 !important;
		letter-spacing: 0 !important;
		text-align: left !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell .header-role-context__switch-icon {
		width: 16px !important;
		height: 16px !important;
		opacity: 0.7 !important;
	}

	#mainAppContent.executive-suite-shell .mobile-leads-summary,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .mobile-leads-summary {
		justify-self: end !important;
		width: auto !important;
		min-width: 76px !important;
		max-width: 112px !important;
		height: 34px !important;
		min-height: 34px !important;
		padding: 0 10px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: 1px solid rgba(125, 211, 252, 0.28) !important;
		border-radius: 999px !important;
		background: rgba(12, 22, 38, 0.9) !important;
		color: #dbeafe !important;
		font-size: 10px !important;
		font-weight: 900 !important;
		line-height: 1 !important;
		letter-spacing: 0 !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell .header-actions :is(#profileBtn, #logoutBtn, .manage-dropdown-container, .mobile-landing-actions, #headerSuperUserSwitchBtn) {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .nav-link[data-page="listings"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16h2v-9h4v9h1v2H2v-2h1Zm4-14v3h2V7H7Zm4 0v3h2V7h-2Zm-4 5v3h2v-3H7Zm4 0v3h2v-3h-2Zm-4 5v4h2v-4H7Zm4 0v4h2v-4h-2Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="leads"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-9 9a9 9 0 0 1 18 0v1H3v-1Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="specials"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.1c.4 2.4-.4 3.8-1.8 5.3-.9 1-1.4 1.9-1.4 3.1 0 1 .6 1.9 1.7 2.4-.2-1.6.6-2.8 1.7-3.9 3.1 2.1 4.6 4.3 4.6 7.1 0 3.5-2.8 6-6.3 6s-6.3-2.5-6.3-6c0-2.8 1.4-5 3.4-7.2 1.9-2 3.9-3.8 4.4-6.8Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="tracker"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 3a7 7 0 1 1 0 14 7 7 0 0 1 0-14Zm4.8 2.2-2.2 6-6.4 3.6 2.2-6 6.4-3.6Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="emails"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3V5Zm2.4 2 6.6 5 6.6-5H5.4ZM5 17h14V9.4l-7 5.3-7-5.3V17Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="agents"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm6.5 1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM2 21a7 7 0 0 1 14 0v1H2v-1Zm13.8-5.5A7.5 7.5 0 0 1 19 21v1h3v-1a6 6 0 0 0-6.2-5.5Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="analytics"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20h16v2H4v-2Zm1-8h4v6H5v-6Zm5-6h4v12h-4V6Zm5 4h4v8h-4v-8Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="admin"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.4 2h3.2l.5 2.3c.6.2 1.1.4 1.6.7l2-1.2 2.3 2.3-1.2 2c.3.5.5 1 .7 1.6l2.3.5v3.2l-2.3.5c-.2.6-.4 1.1-.7 1.6l1.2 2-2.3 2.3-2-1.2c-.5.3-1 .5-1.6.7l-.5 2.3h-3.2l-.5-2.3c-.6-.2-1.1-.4-1.6-.7l-2 1.2-2.3-2.3 1.2-2c-.3-.5-.5-1-.7-1.6L2 13.6v-3.2l2.3-.5c.2-.6.4-1.1.7-1.6l-1.2-2 2.3-2.3 2 1.2c.5-.3 1-.5 1.6-.7L10.4 2Zm1.6 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E"); }
	#mainAppContent.executive-suite-shell .nav-link[data-page="bugs"] { --tre-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6v2.2c.7.3 1.3.7 1.8 1.2L19 4l1.4 1.4-2.1 2.1c.3.6.5 1.2.6 1.9H22v2h-3v2h3v2h-3.2c-.2.8-.5 1.5-.9 2.1l2.5 2.5-1.4 1.4-2.5-2.5A6.8 6.8 0 0 1 12 21a6.8 6.8 0 0 1-4.5-1.6L5 21.9l-1.4-1.4 2.5-2.5c-.4-.6-.7-1.3-.9-2.1H2v-2h3v-2H2v-2h3.1c.1-.7.3-1.3.6-1.9L3.6 5.9 5 4.5l2.2 1.4c.5-.5 1.1-.9 1.8-1.2V2Zm1 6v10h4V8h-4Z'/%3E%3C/svg%3E"); }

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		grid-area: nav !important;
		position: static !important;
		inset: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		display: grid !important;
		grid-template-columns: repeat(auto-fit, minmax(58px, 1fr)) !important;
		grid-auto-flow: row !important;
		grid-auto-columns: initial !important;
		gap: 4px !important;
		margin: 0 !important;
		padding: 5px !important;
		border: 1px solid rgba(126, 148, 184, 0.22) !important;
		border-radius: 14px !important;
		background: rgba(7, 12, 23, 0.96) !important;
		box-shadow: none !important;
		overflow: visible !important;
		scroll-snap-type: none !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link.role-hidden {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link:not(.role-hidden),
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link:not(.role-hidden) {
		box-sizing: border-box !important;
		position: relative !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		height: 40px !important;
		min-height: 40px !important;
		display: grid !important;
		grid-template-rows: 18px 10px !important;
		align-items: center !important;
		justify-items: center !important;
		place-items: center !important;
		gap: 2px !important;
		padding: 4px 2px !important;
		border: 1px solid transparent !important;
		border-radius: 10px !important;
		color: #aebfd8 !important;
		font-size: 0 !important;
		line-height: 1 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		text-decoration: none !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link > *,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link > * {
		display: none !important;
		visibility: hidden !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link::before,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link::before {
		content: "" !important;
		position: static !important;
		width: 17px !important;
		height: 17px !important;
		display: block !important;
		grid-row: 1 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: currentColor !important;
		-webkit-mask: var(--tre-nav-icon) center / contain no-repeat !important;
		mask: var(--tre-nav-icon) center / contain no-repeat !important;
		transform: none !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link::after,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link::after {
		content: attr(data-short) !important;
		position: static !important;
		display: block !important;
		grid-row: 2 !important;
		width: 100% !important;
		max-width: 100% !important;
		color: currentColor !important;
		font-size: 7.6px !important;
		font-weight: 900 !important;
		line-height: 1 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link-special::after,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link-special::after {
		content: "DEALS" !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link.active,
	#mainAppContent.executive-suite-shell .main-nav .nav-link[aria-current="page"],
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link.active,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link[aria-current="page"] {
		border-color: rgba(96, 165, 250, 0.54) !important;
		background: rgba(37, 99, 235, 0.2) !important;
		color: #edf6ff !important;
		box-shadow: inset 0 0 0 1px rgba(125, 211, 252, 0.13) !important;
	}

	#mainAppContent.executive-suite-shell #appRoot,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot {
		width: 100% !important;
		max-width: 100vw !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		padding: 8px 10px 18px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell #appRoot :is(.route-view, .route-view > *, .executive-page-header, .leads-page-header, .listings-page-header, .specials-page-header, .agents-page-header, .analytics-page-header, .admin-page-header, .emails-header, .tracker-page-header, .bugs-header, .card, .panel, .admin-panel, .email-insight-card, .analytics-card, .agents-chart-card) {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #appRoot :is(.table-wrapper, .table-container, .leads-table-container, .users-table-wrapper, .email-table-wrapper, .bugs-table-wrapper, .agents-table-wrapper, .admin-users-section, .email-logs-panel) {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsTable, #agentsTable, #usersTable, #bugsTable) {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		display: block !important;
		border-collapse: separate !important;
		border-spacing: 0 !important;
		background: transparent !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsTable, #agentsTable, #usersTable, #bugsTable) thead {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsTable, #agentsTable, #usersTable, #bugsTable) tbody {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsTable, #agentsTable, #usersTable, #bugsTable) tr {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0 12px !important;
		padding: 10px 12px !important;
		border: 1px solid rgba(126, 148, 184, 0.18) !important;
		border-radius: 12px !important;
		background:
			linear-gradient(180deg, rgba(18, 27, 45, 0.94), rgba(8, 13, 24, 0.96)),
			#0b1220 !important;
		box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2) !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsTable, #agentsTable, #usersTable, #bugsTable) td {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(76px, 34%) minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 8px !important;
		padding: 8px 0 !important;
		border: 0 !important;
		border-bottom: 1px solid rgba(126, 148, 184, 0.1) !important;
		background: transparent !important;
		color: #dbeafe !important;
		text-align: left !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsTable, #agentsTable, #usersTable, #bugsTable) td::before {
		content: attr(data-label) !important;
		color: #8ea4c2 !important;
		font-size: 10px !important;
		font-weight: 900 !important;
		line-height: 1.15 !important;
		letter-spacing: 0 !important;
		text-transform: uppercase !important;
		white-space: normal !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsTable, #agentsTable, #usersTable, #bugsTable) td:not([data-label]) {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsTable, #agentsTable, #usersTable, #bugsTable) td:not([data-label])::before,
	#mainAppContent.executive-suite-shell :is(#leadsTable, #agentsTable, #usersTable, #bugsTable) td[colspan]::before {
		content: none !important;
		display: none !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsTable, #agentsTable, #usersTable, #bugsTable) td[colspan] {
		grid-column: 1 / -1 !important;
		display: block !important;
		text-align: center !important;
	}

}

@media (max-width: 560px) {
	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		gap: 6px !important;
		padding: 6px 8px 7px !important;
	}

	#mainAppContent.executive-suite-shell .header-actions,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		grid-template-columns: 40px minmax(0, 1fr) minmax(72px, auto) !important;
		gap: 7px !important;
	}

	#mainAppContent.executive-suite-shell .mobile-leads-summary,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .mobile-leads-summary {
		min-width: 72px !important;
		max-width: 98px !important;
		padding: 0 8px !important;
		font-size: 9px !important;
	}

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)) !important;
		gap: 3px !important;
		padding: 4px !important;
		border-radius: 12px !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link:not(.role-hidden),
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link:not(.role-hidden) {
		height: 38px !important;
		min-height: 38px !important;
		grid-template-rows: 17px 9px !important;
		padding: 4px 1px !important;
		border-radius: 9px !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link::before,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link::before {
		width: 16px !important;
		height: 16px !important;
	}

	#mainAppContent.executive-suite-shell .main-nav .nav-link::after,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav .nav-link::after {
		font-size: 7px !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsTable, #agentsTable, #usersTable, #bugsTable) tr {
		grid-template-columns: minmax(0, 1fr) !important;
		padding: 10px !important;
	}

	#mainAppContent.executive-suite-shell :is(#leadsTable, #agentsTable, #usersTable, #bugsTable) td {
		grid-template-columns: minmax(72px, 32%) minmax(0, 1fr) !important;
		gap: 7px !important;
	}

}

/* 20260508b: high-specificity mobile/tablet containment cleanup. */
@media (max-width: 900px) {
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell .app-header,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"actions"
			"nav" !important;
		justify-content: stretch !important;
		gap: 7px !important;
		padding: 7px 10px 8px !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell .header-actions,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell .header-actions,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		grid-area: actions !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: 40px !important;
		min-height: 40px !important;
		display: grid !important;
		grid-template-columns: 40px minmax(0, 1fr) minmax(76px, auto) !important;
		grid-template-areas: none !important;
		align-items: center !important;
		gap: 8px !important;
		justify-items: stretch !important;
		justify-content: stretch !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell .header-actions .user-info:not(#profileBtn),
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info:not(#profileBtn) {
		grid-area: auto !important;
		grid-column: 1 !important;
		justify-self: start !important;
	}

	#mainAppContent.executive-suite-shell .header-role-context,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-role-context {
		grid-area: auto !important;
		grid-column: 2 !important;
		justify-self: stretch !important;
	}

	#mainAppContent.executive-suite-shell .mobile-leads-summary,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .mobile-leads-summary {
		grid-area: auto !important;
		grid-column: 3 !important;
		justify-self: end !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsTable,
	#mainAppContent.executive-suite-shell #agentsView #agentsTable,
	#mainAppContent.executive-suite-shell #adminView #usersTable,
	#mainAppContent.executive-suite-shell #emailsView #mainAppContent.executive-suite-shell #bugsView #bugsTable {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		display: block !important;
		table-layout: fixed !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsTable tbody,
	#mainAppContent.executive-suite-shell #agentsView #agentsTable tbody,
	#mainAppContent.executive-suite-shell #adminView #usersTable tbody,
	#mainAppContent.executive-suite-shell #emailsView #emailLogsTable tbody,
	#mainAppContent.executive-suite-shell #bugsView #bugsTable tbody {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 10px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsTable tr,
	#mainAppContent.executive-suite-shell #agentsView #agentsTable tr,
	#mainAppContent.executive-suite-shell #adminView #usersTable tr,
	#mainAppContent.executive-suite-shell #emailsView #emailLogsTable tr,
	#mainAppContent.executive-suite-shell #bugsView #bugsTable tr {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0 12px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsTable td,
	#mainAppContent.executive-suite-shell #agentsView #agentsTable td,
	#mainAppContent.executive-suite-shell #adminView #usersTable td,
	#mainAppContent.executive-suite-shell #emailsView #emailLogsTable td,
	#mainAppContent.executive-suite-shell #bugsView #bugsTable td {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		display: grid !important;
		grid-template-columns: minmax(76px, 34%) minmax(0, 1fr) !important;
		overflow: hidden !important;
		overflow-wrap: anywhere !important;
	}

	#mainAppContent.executive-suite-shell :is(.email-logs-pagination, .admin-pagination, .specials-pagination, .tracker-pagination, .bugs-pagination, .pagination) {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		transform: none !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #specialsView .specials-grid-static-head {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		grid-template-columns: minmax(0, 1fr) minmax(72px, auto) !important;
		gap: 8px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #specialsView .specials-grid-static-head span:nth-child(2) {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #specialsView .specials-grid-static-head span:last-child {
		min-width: 0 !important;
		max-width: 100% !important;
		justify-self: end !important;
		text-align: right !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
}

@media (max-width: 560px) {
	#mainAppContent.executive-suite-shell #leadsView #leadsTable tr,
	#mainAppContent.executive-suite-shell #agentsView #agentsTable tr,
	#mainAppContent.executive-suite-shell #adminView #usersTable tr,
	#mainAppContent.executive-suite-shell #emailsView #emailLogsTable tr,
	#mainAppContent.executive-suite-shell #bugsView #bugsTable tr {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-pagination,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #emailsView .email-logs-compact .email-logs-pagination,
	#mainAppContent.executive-suite-shell #adminView .admin-pagination,
	#mainAppContent.executive-suite-shell #specialsView .specials-pagination {
		width: calc(100vw - 40px) !important;
		max-width: calc(100vw - 40px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* =======================================================================
   20260508-claude: Sprint v2 — 7-fix UX/UI overhaul
   1. Sticky listings pagination
   2. Interested leads popup dark mode
   3. Chart panel title spacing
   4. Admin full-width user table
   5. Admin stat tiles (replaces bar charts)
   6. Analytics loading animation
   7. Agents pie chart sizing
   ======================================================================= */

/* ── FIX 1: Sticky Listings Pagination ── */
#mainAppContent.executive-suite-shell #listingsView .listings-pagination {
	position: sticky !important;
	bottom: 0 !important;
	z-index: 10 !important;
	backdrop-filter: blur(16px) !important;
	-webkit-backdrop-filter: blur(16px) !important;
	background:
		linear-gradient(180deg, rgba(11, 18, 32, 0.92), rgba(8, 13, 24, 0.97)) !important;
	border-top: 1px solid rgba(126, 148, 184, 0.18) !important;
	box-shadow:
		0 -8px 24px rgba(0, 0, 0, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* Map-view: ensure pagination host isn't clipped by overflow:hidden */
#mainAppContent.executive-suite-shell #listingsView .listings-table-pane {
	overflow: visible !important;
}

/* Keep the table area scrollable */
#mainAppContent.executive-suite-shell #listingsView .listings-table-pane > .table-wrapper {
	overflow: auto !important;
}

/* Ensure the pagination host in both views is visible and properly styled */
#mainAppContent.executive-suite-shell #listingsView .listings-pagination-host {
	display: block !important;
	flex-shrink: 0 !important;
}

/* ── FIX 2: Interested Leads Popup Dark Mode ── */
/* Override inline white backgrounds on lead items */
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList > div > div[style] {
	background: rgba(15, 23, 42, 0.85) !important;
	border-color: rgba(126, 148, 184, 0.22) !important;
	color: #dbe7f7 !important;
}

/* Fix lead name text (inline color: #1e293b) */
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList div[style*="color: #1e293b"],
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList div[style*="color:#1e293b"] {
	color: #e8f1ff !important;
}

/* Fix agent name + date text */
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList div[style*="color: #64748b"],
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList span[style*="color: #64748b"],
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList span[style*="color: #94a3b8"],
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList span[style*="color:#94a3b8"] {
	color: #8fa3c4 !important;
}

/* Fix summary header (light blue background) */
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList div[style*="background: #f0f9ff"],
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList div[style*="background:#f0f9ff"] {
	background: rgba(30, 58, 100, 0.45) !important;
	border-color: rgba(96, 165, 250, 0.3) !important;
}

body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList span[style*="color: #0369a1"],
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList span[style*="color:#0369a1"] {
	color: #93c5fd !important;
}

/* Fix status badges readability */
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList span[style*="background: #dbeafe"] {
	background: rgba(59, 130, 246, 0.25) !important;
	color: #93c5fd !important;
}

body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList span[style*="background: #d1fae5"] {
	background: rgba(34, 197, 94, 0.25) !important;
	color: #86efac !important;
}

body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList span[style*="background: #fef3c7"] {
	background: rgba(245, 158, 11, 0.25) !important;
	color: #fcd34d !important;
}

body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList span[style*="background: #dcfce7"] {
	background: rgba(22, 101, 52, 0.35) !important;
	color: #86efac !important;
}

/* Fix empty state text */
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList p[style*="color: #374151"] {
	color: #c8d8ed !important;
}

body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal #interestedLeadsList p[style*="color: #9ca3af"] {
	color: #7a90b0 !important;
}

/* ── FIX 3: Chart Panel Title & Content Spacing — All Pages ── */

/* Tighten insight panel internal padding */
#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-panel {
	padding: 8px 10px 6px !important;
}

/* Tighten title spacing */
#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) :is(.leads-insight-title, .specials-insight-title) {
	padding: 0 0 3px !important;
	margin: 0 0 3px !important;
}

/* Remove top gap in chart lists */
#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) :is(.email-insight-list, .tre-metric-list, .lead-source-pie-chart) {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Tighten individual insight rows */
#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row {
	padding: 4px 0 !important;
	min-height: 26px !important;
}

/* Lead Sources pie chart: tighter layout */
#mainAppContent.executive-suite-shell .tre-pie-layout {
	gap: 6px !important;
	padding: 2px 0 0 !important;
}

#mainAppContent.executive-suite-shell .tre-pie-legend {
	gap: 2px !important;
}

#mainAppContent.executive-suite-shell .tre-pie-legend-item {
	padding: 2px 0 !important;
	font-size: 12px !important;
}

/* ── FIX 4: Admin Full-Width User Management Table ── */
#mainAppContent.executive-suite-shell #adminView .admin-operations-grid {
	display: block !important;
	width: 100% !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-users-section {
	width: 100% !important;
	max-width: 100% !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-users-section .section-header {
	display: none !important;
}

#mainAppContent.executive-suite-shell #adminView #usersTable {
	width: 100% !important;
}

/* ── FIX 5: Admin Stat Tiles (replaces bar chart rows) ── */
#mainAppContent.executive-suite-shell #adminView .admin-stats-row {
	display: flex !important;
	gap: 12px !important;
	width: 100% !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-panel {
	flex: 1 !important;
	padding: 12px 14px !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-header {
	margin: 0 0 8px !important;
	padding: 0 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-header h3 {
	font-size: 10px !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #7a90b0 !important;
	font-weight: 800 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-header strong {
	font-size: 12px !important;
	color: #93c5fd !important;
}

/* Make the admin insight list a tile grid */
#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-list {
	display: flex !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
}

/* Admin stat tile — each row becomes a compact card */
#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-row {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	flex: 1 1 0 !important;
	min-width: 80px !important;
	padding: 10px 12px !important;
	background: rgba(15, 23, 42, 0.6) !important;
	border: 1px solid rgba(126, 148, 184, 0.12) !important;
	border-left: 3px solid var(--row-color, #60a5fa) !important;
	border-radius: 8px !important;
	gap: 4px !important;
	min-height: auto !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-row:hover {
	background: rgba(20, 32, 56, 0.75) !important;
	border-color: rgba(126, 148, 184, 0.22) !important;
}

/* Hide the bar track inside admin tiles */
#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-track {
	display: none !important;
}

/* Tile label */
#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-copy {
	order: 2 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-copy > span {
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	color: #7a90b0 !important;
}

/* Tile value — large prominent number */
#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-metric {
	order: 1 !important;
	display: flex !important;
	align-items: baseline !important;
	gap: 6px !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-value {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #edf4fb !important;
	line-height: 1.1 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-pct {
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #60789a !important;
}

/* ── FIX 6: Analytics Loading Animation ── */
#mainAppContent.executive-suite-shell #analyticsView .analytics-loading {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 400px !important;
	gap: 20px !important;
	color: #7a90b0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
	animation: analyticsPulse 2s ease-in-out infinite !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-loading::before {
	content: '' !important;
	display: block !important;
	width: 48px !important;
	height: 48px !important;
	border: 3px solid rgba(126, 148, 184, 0.15) !important;
	border-top: 3px solid #60a5fa !important;
	border-radius: 50% !important;
	animation: analyticsSpinner 1s linear infinite !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-loading small {
	color: #8ea3c0 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	text-transform: none !important;
}

@keyframes analyticsSpinner {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes analyticsPulse {
	0%, 100% { opacity: 0.6; }
	50% { opacity: 1; }
}

/* ── FIX 7: Agents Pie Chart Sizing ── */
#mainAppContent.executive-suite-shell #agentsView .tre-pie-donut {
	width: 90px !important;
	height: 90px !important;
	flex-shrink: 0 !important;
}

#mainAppContent.executive-suite-shell #agentsView .tre-pie-layout {
	gap: 8px !important;
	padding: 2px 0 !important;
}

#mainAppContent.executive-suite-shell #agentsView .email-insight-panel {
	padding: 8px 10px 6px !important;
}

/* =======================================================================
   20260508-claude: Sprint v3 — Comprehensive override hardening
   Forces admin tiles, chart spacing, and table layout overrides to win
   over executive-suite.css grid rules.
   ======================================================================= */

/* ── ADMIN: Force tile panel to auto-height (beats exec-suite 236px grid) ── */
#mainAppContent.executive-suite-shell #adminView .admin-stats-row .admin-insight-panel {
	display: flex !important;
	flex-direction: column !important;
	height: auto !important;
	min-height: auto !important;
	max-height: none !important;
	grid-template-rows: unset !important;
	overflow: visible !important;
	padding: 14px 16px !important;
}

/* Remove the decorative ::before gradient bar from tiles */
#mainAppContent.executive-suite-shell #adminView .admin-stats-row .admin-insight-panel::before {
	display: none !important;
}

/* ── ADMIN: Force tile list to flex instead of grid ── */
#mainAppContent.executive-suite-shell #adminView .admin-stats-row .admin-insight-list {
	display: flex !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
	align-content: unset !important;
	overflow: visible !important;
}

/* ── ADMIN: Force each row to be a tile card (override grid layout) ── */
#mainAppContent.executive-suite-shell #adminView .admin-stats-row .admin-insight-row {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	flex: 1 1 0 !important;
	min-width: 80px !important;
	padding: 10px 12px !important;
	background: rgba(15, 23, 42, 0.6) !important;
	border: 1px solid rgba(126, 148, 184, 0.12) !important;
	border-left: 3px solid var(--row-color, #60a5fa) !important;
	border-radius: 8px !important;
	gap: 4px !important;
	min-height: auto !important;
	grid-template-columns: unset !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-stats-row .admin-insight-row:hover {
	background: rgba(20, 32, 56, 0.75) !important;
	border-color: rgba(126, 148, 184, 0.22) !important;
}

/* ── ADMIN: Fix "ACTIVE ACCO..." text truncation ── */
#mainAppContent.executive-suite-shell #adminView .admin-stats-row .admin-insight-row > span {
	overflow: visible !important;
	white-space: normal !important;
	text-overflow: unset !important;
}

/* ── ADMIN: Hide bar track in tile mode ── */
#mainAppContent.executive-suite-shell #adminView .admin-stats-row .admin-insight-track {
	display: none !important;
}

/* ── ADMIN: Tile label styling ── */
#mainAppContent.executive-suite-shell #adminView .admin-stats-row .admin-insight-copy {
	order: 2 !important;
	overflow: visible !important;
	white-space: normal !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-stats-row .admin-insight-copy > span {
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	color: #7a90b0 !important;
	white-space: normal !important;
	overflow: visible !important;
}

/* ── ADMIN: Tile value — large prominent number ── */
#mainAppContent.executive-suite-shell #adminView .admin-stats-row .admin-insight-metric {
	order: 1 !important;
	display: flex !important;
	align-items: baseline !important;
	gap: 6px !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-stats-row .admin-insight-value {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #edf4fb !important;
	line-height: 1.1 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-stats-row .admin-insight-pct {
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #60789a !important;
}

/* ── ADMIN: Full-width operations area ── */
#mainAppContent.executive-suite-shell #adminView .admin-operations-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	width: 100% !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-users-section {
	width: 100% !important;
	max-width: 100% !important;
}

#mainAppContent.executive-suite-shell #adminView #usersTable {
	width: 100% !important;
}

/* ── CHART SPACING: Global — tighter title-to-content gaps ── */
#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView, #adminView) .analytics-chart-panel,
#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView, #adminView) .email-insight-panel,
#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView, #adminView) .leads-insight-panel {
	padding: 8px 10px 6px !important;
	gap: 2px !important;
}

/* Chart panel titles — minimal padding */
#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) :is(.leads-insight-title, .specials-insight-title, .email-insight-title) {
	padding: 0 0 2px !important;
	margin: 0 0 2px !important;
	line-height: 1.2 !important;
}

/* Chart content lists — no top gap */
#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) :is(.email-insight-list, .tre-metric-list, .lead-source-pie-chart) {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* ── CHART ROWS: Tighter row height globally ── */
#mainAppContent.executive-suite-shell :is(#leadsView, #specialsView, #agentsView) .email-insight-row {
	padding: 3px 0 !important;
	min-height: 24px !important;
}

/* ── LEAD SOURCES PIE: Compact layout ── */
#mainAppContent.executive-suite-shell .tre-pie-layout {
	gap: 6px !important;
	padding: 0 !important;
}

#mainAppContent.executive-suite-shell .tre-pie-legend {
	gap: 1px !important;
}

#mainAppContent.executive-suite-shell .tre-pie-legend-item {
	padding: 1px 0 !important;
	font-size: 11.5px !important;
}

/* =======================================================================
   20260508-claude: Sprint v3.1 — Definitive Listings Pagination Fix
   The fix ensures pagination is ALWAYS visible without scrolling by:
   1. Giving .listings-layout a fixed viewport height
   2. Making both view containers fill that height with overflow constraints
   3. Making the scrollable content area flex:1 with overflow:auto
   4. Making pagination flex:0 so it stays pinned at the bottom
   ======================================================================= */

/* ── SHARED: The listings-layout wrapper fills remaining viewport ── */
/* Header chain measures ~344px: top-nav(56) + page-header(80) + search-bar(72) + active-filters(40) + padding(~96) */

/* 20260510: nav cleanup, Tracker progress polish, Analytics loader bar, and Add Property modal expansion. */
#mainAppContent.executive-suite-shell .manage-dropdown-container {
	display: none !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary,
#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-step-summary--header {
	--tracker-step-accent: #38bdf8;
	--tracker-step-accent-2: #22c55e;
	--tracker-step-soft: rgba(56, 189, 248, 0.14);
	box-sizing: border-box !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-areas:
		"label percent"
		"bar bar" !important;
	align-items: center !important;
	gap: 7px 10px !important;
	min-height: 46px !important;
	padding: 8px 10px !important;
	border: 1px solid color-mix(in srgb, var(--tracker-step-accent) 34%, rgba(126, 148, 184, 0.22)) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--tracker-step-soft) 70%, rgba(8, 13, 25, 0.62)), rgba(8, 13, 25, 0.62)),
		rgba(8, 13, 25, 0.72) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 10px 26px rgba(0, 0, 0, 0.14) !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary--step-1 {
	--tracker-step-accent: #60a5fa;
	--tracker-step-accent-2: #38bdf8;
	--tracker-step-soft: rgba(96, 165, 250, 0.16);
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary--step-2 {
	--tracker-step-accent: #a78bfa;
	--tracker-step-accent-2: #60a5fa;
	--tracker-step-soft: rgba(167, 139, 250, 0.16);
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary--step-3 {
	--tracker-step-accent: #f59e0b;
	--tracker-step-accent-2: #22c55e;
	--tracker-step-soft: rgba(245, 158, 11, 0.15);
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary--step-4 {
	--tracker-step-accent: #14b8a6;
	--tracker-step-accent-2: #38bdf8;
	--tracker-step-soft: rgba(20, 184, 166, 0.15);
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary--step-5 {
	--tracker-step-accent: #22c55e;
	--tracker-step-accent-2: #84cc16;
	--tracker-step-soft: rgba(34, 197, 94, 0.15);
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__text {
	grid-area: label !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 0 !important;
	min-height: 24px !important;
	padding: 0 10px !important;
	border: 1px solid color-mix(in srgb, var(--tracker-step-accent) 38%, transparent) !important;
	border-radius: 999px !important;
	background: color-mix(in srgb, var(--tracker-step-accent) 16%, rgba(15, 23, 42, 0.88)) !important;
	color: #f4f9ff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-align: center !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__percent {
	grid-area: percent !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 38px !important;
	min-height: 24px !important;
	padding: 0 8px !important;
	border-radius: 999px !important;
	background: rgba(2, 6, 23, 0.58) !important;
	color: #dff5ff !important;
	font-size: 11px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
	text-align: center !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__bar,
#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary--header .tracker-step-summary__bar {
	grid-area: bar !important;
	height: 7px !important;
	border: 1px solid rgba(126, 148, 184, 0.12) !important;
	border-radius: 999px !important;
	background: rgba(2, 6, 23, 0.7) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.42) !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__fill {
	background: linear-gradient(90deg, var(--tracker-step-accent), var(--tracker-step-accent-2)) !important;
	box-shadow: 0 0 14px color-mix(in srgb, var(--tracker-step-accent) 36%, transparent) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-loading__progress {
	position: relative !important;
	display: block !important;
	width: min(360px, 76vw) !important;
	height: 8px !important;
	overflow: hidden !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 999px !important;
	background: rgba(2, 6, 23, 0.68) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.42) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-loading__progress-fill {
	position: absolute !important;
	inset: 0 auto 0 0 !important;
	width: 46% !important;
	border-radius: inherit !important;
	background: linear-gradient(90deg, #60a5fa, #38bdf8, #22c55e) !important;
	box-shadow: 0 0 18px rgba(56, 189, 248, 0.32) !important;
	animation: analyticsLoaderBar 1.55s ease-in-out infinite !important;
}

@keyframes analyticsLoaderBar {
	0% { transform: translateX(-108%); }
	54% { transform: translateX(72%); }
	100% { transform: translateX(226%); }
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal.modal:not(.hidden) {
	padding: clamp(10px, 1.6vw, 18px) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .modal-card.alm-modal {
	width: min(1500px, calc(100vw - 24px)) !important;
	max-width: min(1500px, calc(100vw - 24px)) !important;
	max-height: calc(100dvh - 24px) !important;
	border-radius: 16px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) #addListingModal .modal-footer {
	padding: 12px 16px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .modal-body {
	padding: 14px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal #addListingForm {
	display: grid !important;
	grid-template-columns: minmax(360px, 1fr) minmax(320px, 0.92fr) minmax(300px, 0.78fr) !important;
	gap: 12px !important;
	align-items: start !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-sync-note {
	grid-column: 1 / -1 !important;
	display: block !important;
	padding: 10px 12px !important;
	border: 1px solid rgba(96, 165, 250, 0.24) !important;
	border-radius: 10px !important;
	background: rgba(14, 23, 39, 0.74) !important;
	color: #aebed2 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-sync-note strong {
	color: #dbeafe !important;
	font-weight: 900 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section {
	min-width: 0 !important;
	margin: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="location"],
body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="amenities"],
body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="notes"] {
	grid-column: span 2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section-header {
	padding: 10px 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section-body {
	padding: 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-rent-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
	align-items: end !important;
	gap: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-field {
	min-width: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-field--toggle-wrap {
	align-items: flex-start !important;
	justify-content: end !important;
	gap: 7px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pumi-toggle {
	display: inline-grid !important;
	grid-template-columns: 44px auto !important;
	align-items: center !important;
	justify-content: start !important;
	gap: 10px !important;
	width: fit-content !important;
	max-width: 100% !important;
	min-height: 42px !important;
	padding: 8px 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pumi-toggle input {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pumi-track {
	position: relative !important;
	width: 44px !important;
	height: 24px !important;
	border: 1px solid rgba(126, 148, 184, 0.34) !important;
	border-radius: 999px !important;
	background: rgba(15, 23, 42, 0.9) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.36) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pumi-thumb {
	position: absolute !important;
	top: 2px !important;
	left: 2px !important;
	width: 18px !important;
	height: 18px !important;
	border-radius: 50% !important;
	background: #dbeafe !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pumi-toggle input:checked + .alm-pumi-track {
	border-color: rgba(34, 197, 94, 0.56) !important;
	background: rgba(22, 101, 52, 0.82) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pumi-toggle input:checked + .alm-pumi-track .alm-pumi-thumb {
	transform: translateX(20px) !important;
	background: #dcfce7 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pumi-label {
	color: #e5edf9 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.02em !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal :is(input, select, textarea) {
	min-height: 38px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pills {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
	gap: 8px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-custom-amenity {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 8px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal #listingNotes {
	min-height: 128px !important;
}

@media (max-width: 1220px) {
	body:has(#mainAppContent.executive-suite-shell) #addListingModal #addListingForm {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="location"],
	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="amenities"],
	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="notes"] {
		grid-column: 1 / -1 !important;
	}
}

@media (max-width: 760px) {
	body:has(#mainAppContent.executive-suite-shell) #addListingModal.modal:not(.hidden) {
		padding: 0 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #addListingModal .modal-card.alm-modal {
		width: 100vw !important;
		max-width: 100vw !important;
		max-height: 100dvh !important;
		border-radius: 0 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #addListingModal #addListingForm,
	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-row,
	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-rent-row {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section] {
		grid-column: 1 / -1 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-rent-sep {
		display: none !important;
	}
}
#mainAppContent.executive-suite-shell #listingsView .listings-layout {
	height: calc(100dvh - 350px) !important;
	max-height: calc(100dvh - 350px) !important;
	min-height: 300px !important;
	overflow: hidden !important;
}

/* ── LIST VIEW: Container fills .listings-layout ── */
/* NOTE: display is controlled by JS toggleView(), DO NOT force display:flex here */
#mainAppContent.executive-suite-shell #listingsView .list-view-container {
	flex-direction: column !important;
	height: 100% !important;
	max-height: 100% !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

/* ── LIST VIEW: Grid scrolls within the flex-allocated space ── */
#mainAppContent.executive-suite-shell #listingsView .list-view-grid {
	flex: 1 1 0 !important;
	min-height: 0 !important;
	max-height: 100% !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch !important;
}

/* ── LIST VIEW: Pagination pinned at bottom ── */
#mainAppContent.executive-suite-shell #listingsView #listListingsPaginationHost {
	flex: 0 0 auto !important;
	display: block !important;
	width: 100% !important;
	z-index: 10 !important;
}

/* ── MAP VIEW: Container fills .listings-layout with constrained grid rows ── */
#mainAppContent.executive-suite-shell #listingsView .map-view-container {
	height: 100% !important;
	max-height: 100% !important;
	min-height: 0 !important;
	overflow: hidden !important;
	grid-template-rows: minmax(0, 1fr) !important;
}

/* ── MAP VIEW: Table pane = flex column, constrained by explicit viewport height ── */
/* height:100% doesn't work in auto-sized grid rows, so we use the same viewport calc */
#mainAppContent.executive-suite-shell #listingsView .listings-table-pane {
	display: flex !important;
	flex-direction: column !important;
	min-height: 0 !important;
	height: calc(100dvh - 350px) !important;
	max-height: calc(100dvh - 350px) !important;
	overflow: hidden !important;
}

/* ── MAP VIEW: Table wrapper scrolls ── */
#mainAppContent.executive-suite-shell #listingsView .listings-table-pane > .table-wrapper {
	flex: 1 1 0 !important;
	min-height: 0 !important;
	max-height: 100% !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
}

/* ── MAP VIEW: Pagination pinned at bottom of left panel ── */
#mainAppContent.executive-suite-shell #listingsView #mapListingsPaginationHost {
	flex: 0 0 auto !important;
	display: block !important;
	width: 100% !important;
	z-index: 10 !important;
}

/* ── Shared pagination bar styling ── */
#mainAppContent.executive-suite-shell #listingsView .listings-pagination {
	background: rgba(8, 13, 24, 0.95) !important;
	backdrop-filter: blur(8px) !important;
	border-top: 1px solid rgba(126, 148, 184, 0.15) !important;
	padding: 6px 12px !important;
}

/* =======================================================================
   20260508-claude: Sprint v3d.2 — Admin Page Fixes
   Fix "ACTIVE ACCO..." truncation + full-width user management table
   ======================================================================= */

/* ── Admin: Full-width User Management table ── */
/* Must match exec-suite specificity: #appRoot #adminView:not(.hidden) .admin-content > .admin-operations-grid */
#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-content > .admin-operations-grid {
	grid-template-columns: 1fr !important;
	max-width: 100% !important;
	width: 100% !important;
}

/* ── Admin: Fix "ACTIVE ACCO..." text truncation on insight rows ── */
#mainAppContent.executive-suite-shell #appRoot #adminView .admin-insight-row .admin-insight-copy,
#mainAppContent.executive-suite-shell #appRoot #adminView .admin-insight-row .admin-insight-copy > span {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	max-width: none !important;
	min-width: 0 !important;
}

/* 20260510 misc UI polish: scoped route fixes for Specials, Leads, Tracker, and Smart Match tooltips. */
#mainAppContent.executive-suite-shell #specialsView .specials-row-source {
	grid-template-columns: minmax(0, 1fr) !important;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-actions {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 8px !important;
	min-width: max-content !important;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-actions :is(.specials-source-site-btn, .add-special-btn-compact) {
	min-height: 30px !important;
	height: 30px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 8px !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-actions .specials-source-site-btn {
	min-width: 72px !important;
	padding: 0 10px !important;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-actions .add-special-btn-compact {
	min-width: 96px !important;
	padding: 0 11px !important;
}

#mainAppContent.executive-suite-shell #leadsView #leadsTable tbody tr.lead-lost > td {
	background: linear-gradient(90deg, rgba(127, 29, 29, 0.22), rgba(15, 23, 42, 0.84)) !important;
	border-top-color: rgba(248, 113, 113, 0.18) !important;
	border-bottom-color: rgba(248, 113, 113, 0.12) !important;
}

#mainAppContent.executive-suite-shell #leadsView #leadsTable tbody tr.lead-closed > td {
	background: linear-gradient(90deg, rgba(20, 83, 45, 0.24), rgba(15, 23, 42, 0.84)) !important;
	border-top-color: rgba(74, 222, 128, 0.18) !important;
	border-bottom-color: rgba(74, 222, 128, 0.12) !important;
}

#mainAppContent.executive-suite-shell #leadsView #leadsTable tbody tr:is(.lead-lost, .lead-closed) .lead-name {
	color: #f0f6ff !important;
}

#mainAppContent.executive-suite-shell #leadsView #leadsTable tbody tr.lead-lost .lead-contact-line {
	color: #d6bcc2 !important;
}

#mainAppContent.executive-suite-shell #leadsView #leadsTable tbody tr.lead-closed .lead-contact-line {
	color: #bedbc9 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-owner-chip {
	align-items: baseline !important;
	gap: 5px !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-owner-label {
	color: #8094b4 !important;
	font-size: 10.5px !important;
	font-weight: 850 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-owner-value {
	color: #dce8f8 !important;
	font-size: 13px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	text-shadow: none !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-owner-value.lead-name {
	color: #edf4ff !important;
}

#mainAppContent.executive-suite-shell #listingsView :is(.property-cell, .c-listings-table__property-wrapper, .c-listings-table__property-main, .lead-name) {
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #listingsView tr:has(.smart-match-score-badge:is(:hover, :focus, :focus-within)),
#mainAppContent.executive-suite-shell #buildShowcaseModal :is(.showcase-property-group, .showcase-unit-card):has(.smart-match-score-badge:is(:hover, :focus, :focus-within)) {
	position: relative !important;
	z-index: 30 !important;
}

#mainAppContent.executive-suite-shell .smart-match-score-badge .smart-match-tooltip {
	position: fixed !important;
	left: var(--smart-match-tooltip-left, 50vw) !important;
	top: var(--smart-match-tooltip-top, 16px) !important;
	bottom: auto !important;
	width: min(330px, calc(100vw - 32px)) !important;
	max-height: min(420px, calc(100vh - 24px)) !important;
	overflow: auto !important;
	transform: translate(-50%, 6px) !important;
	z-index: 2147483000 !important;
}

#mainAppContent.executive-suite-shell .smart-match-score-badge:is(:hover, :focus, :focus-within) .smart-match-tooltip {
	transform: translate(-50%, 0) !important;
}

body:has(#mainAppContent.executive-suite-shell) #superUserSwitchModal #closeSuperUserSwitchModal {
	min-width: 34px !important;
	height: 34px !important;
	color: #dbeafe !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-optional-tag {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 18px !important;
	margin-left: 6px !important;
	padding: 2px 7px !important;
	border: 1px solid rgba(125, 211, 252, 0.3) !important;
	border-radius: 999px !important;
	background: rgba(14, 165, 233, 0.14) !important;
	color: #bfdbfe !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
	vertical-align: middle !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-autofill-badge {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 18px !important;
	margin-left: 6px !important;
	padding: 2px 7px !important;
	border: 1px solid rgba(52, 211, 153, 0.42) !important;
	border-radius: 999px !important;
	background: rgba(5, 150, 105, 0.24) !important;
	color: #bbf7d0 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	vertical-align: middle !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-autofill-badge.hidden {
	display: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal #listingSubmarket {
	width: 100% !important;
	min-height: 42px !important;
	border: 1px solid rgba(148, 163, 184, 0.38) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(180deg, rgba(30, 41, 59, 0.9), rgba(18, 29, 49, 0.94)),
		#121d31 !important;
	color: #edf5ff !important;
	font-size: 14px !important;
	font-weight: 750 !important;
	cursor: pointer !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal #listingSubmarket:focus {
	border-color: rgba(96, 165, 250, 0.72) !important;
	box-shadow:
		0 0 0 1px rgba(96, 165, 250, 0.24),
		0 0 0 4px rgba(59, 130, 246, 0.13) !important;
	outline: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal #listingSubmarket option {
	background: #0f172a !important;
	color: #e5edf8 !important;
}

/* 20260510: Add Property field fit and compact Tracker step dots. */
body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] .alm-section-body {
	display: grid !important;
	grid-template-rows: auto auto !important;
	gap: 14px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] .alm-row,
body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] .alm-rent-row {
	align-items: start !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] .alm-field {
	display: grid !important;
	grid-template-rows: auto minmax(40px, auto) auto !important;
	gap: 6px !important;
	min-height: 76px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] .alm-field label {
	display: flex !important;
	align-items: center !important;
	min-height: 18px !important;
	line-height: 1.2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] :is(input, .alm-input-addon) {
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] .alm-input-addon {
	display: grid !important;
	grid-template-columns: 36px minmax(0, 1fr) !important;
	align-items: stretch !important;
	min-height: 42px !important;
	overflow: hidden !important;
	border-radius: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] .alm-addon-prefix {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 36px !important;
	height: 100% !important;
	border-right: 1px solid rgba(126, 148, 184, 0.24) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] .alm-input-addon input {
	height: 40px !important;
	min-height: 40px !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] .alm-rent-row {
	grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr) !important;
	gap: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] .alm-rent-sep {
	align-self: start !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 32px !important;
	margin-top: 24px !important;
	border-radius: 999px !important;
	background: rgba(15, 23, 42, 0.76) !important;
	color: #9fb4d1 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pills {
	align-items: stretch !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pill {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	min-height: 40px !important;
	padding: 0 34px 0 12px !important;
	border-radius: 10px !important;
	text-align: left !important;
	cursor: pointer !important;
	transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pill:hover,
body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pill:focus-visible {
	border-color: rgba(96, 165, 250, 0.42) !important;
	background: rgba(30, 64, 175, 0.2) !important;
	color: #eef6ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pill.active,
body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pill[aria-pressed="true"] {
	border-color: rgba(56, 189, 248, 0.72) !important;
	background: linear-gradient(180deg, rgba(37, 99, 235, 0.34), rgba(14, 116, 144, 0.22)) !important;
	color: #f8fbff !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 0 0 1px rgba(125, 211, 252, 0.12),
		0 10px 22px rgba(14, 165, 233, 0.12) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pill.active::after,
body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pill[aria-pressed="true"]::after {
	content: "\2713" !important;
	position: absolute !important;
	right: 10px !important;
	top: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 18px !important;
	height: 18px !important;
	border-radius: 50% !important;
	background: rgba(34, 197, 94, 0.9) !important;
	color: #06111f !important;
	font-size: 11px !important;
	font-weight: 950 !important;
	transform: translateY(-50%) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-custom-amenity {
	align-items: stretch !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-custom-amenity :is(input, .alm-add-btn) {
	min-height: 40px !important;
}

/* 20260510: Add Property notes field contrast and Listings map popup stacking. */
body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="notes"] {
	border-color: rgba(125, 211, 252, 0.2) !important;
	background:
		linear-gradient(180deg, rgba(23, 37, 58, 0.96), rgba(10, 18, 32, 0.96)),
		#0c1628 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="notes"] .alm-section-body {
	background: rgba(9, 17, 31, 0.55) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal #listingNotes {
	width: 100% !important;
	min-height: 138px !important;
	resize: vertical !important;
	border: 1px solid rgba(148, 163, 184, 0.38) !important;
	background:
		linear-gradient(180deg, rgba(30, 41, 59, 0.9), rgba(18, 29, 49, 0.94)),
		#121d31 !important;
	color: #edf5ff !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 0 0 1px rgba(15, 23, 42, 0.24) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal #listingNotes::placeholder {
	color: #94a8c6 !important;
	opacity: 1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal #listingNotes:focus {
	border-color: rgba(96, 165, 250, 0.72) !important;
	background:
		linear-gradient(180deg, rgba(37, 52, 75, 0.96), rgba(22, 34, 55, 0.98)),
		#162237 !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		0 0 0 3px rgba(59, 130, 246, 0.18) !important;
	outline: none !important;
}

#mainAppContent.executive-suite-shell #listingsView #listingsMap .mapboxgl-popup.enhanced-property-popup,
#mainAppContent.executive-suite-shell #listingsView #listingsMap .mapboxgl-popup.enhanced-property-popup--front {
	z-index: 10000 !important;
	pointer-events: auto !important;
	isolation: isolate !important;
}

#mainAppContent.executive-suite-shell #listingsView #listingsMap .mapboxgl-popup.enhanced-property-popup .mapboxgl-popup-content {
	position: relative !important;
	z-index: 10001 !important;
}

#mainAppContent.executive-suite-shell #listingsView #listingsMap .mapboxgl-marker:has(.custom-dot-marker.is-popup-anchor) {
	z-index: 9 !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .tracker-step-summary--header,
#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-step-summary--header {
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr) !important;
	grid-template-areas: "dots copy" !important;
	align-items: center !important;
	gap: 10px !important;
	min-height: 44px !important;
	padding: 8px 12px !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__dots {
	grid-area: dots !important;
	display: flex !important;
	align-items: center !important;
	gap: 5px !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__dot {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 21px !important;
	height: 21px !important;
	border: 1px solid rgba(126, 148, 184, 0.3) !important;
	border-radius: 50% !important;
	background: rgba(2, 6, 23, 0.58) !important;
	color: #98abc7 !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__dot--completed {
	border-color: color-mix(in srgb, var(--tracker-step-accent) 42%, rgba(126, 148, 184, 0.2)) !important;
	background: color-mix(in srgb, var(--tracker-step-accent) 18%, rgba(15, 23, 42, 0.88)) !important;
	color: #d8ecff !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__dot--current {
	border-color: transparent !important;
	background: linear-gradient(135deg, var(--tracker-step-accent), var(--tracker-step-accent-2)) !important;
	color: #06111f !important;
	box-shadow: 0 0 16px color-mix(in srgb, var(--tracker-step-accent) 36%, transparent) !important;
	transform: translateY(-1px) !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__copy {
	grid-area: copy !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 2px !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__eyebrow {
	display: block !important;
	color: color-mix(in srgb, var(--tracker-step-accent) 70%, #dbeafe) !important;
	font-size: 9px !important;
	font-weight: 950 !important;
	letter-spacing: 0.08em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__text {
	grid-area: auto !important;
	display: block !important;
	justify-content: flex-start !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #f2f7ff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.12 !important;
	text-align: left !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__percent,
#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__bar {
	display: none !important;
}

/* 20260510: Keep collapsed Tracker step control sized to its content. */
#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .lead-progress-center {
	justify-self: center !important;
	width: fit-content !important;
	min-width: min(100%, 268px) !important;
	max-width: min(100%, 390px) !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:has(.lead-table-content.collapsed) .tracker-step-summary--header {
	width: fit-content !important;
	max-width: min(100%, 390px) !important;
	grid-template-columns: auto minmax(120px, max-content) !important;
}

/* 20260510: Emails templates modal polish and nested dialog stacking. */
body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal.email-templates-modal,
body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-modal {
	z-index: 10030 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal:not(.hidden) {
	z-index: 10080 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .email-templates-modal__panel {
	width: min(1120px, calc(100vw - 32px)) !important;
	max-height: min(88dvh, 820px) !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal #emailTemplatesContainer {
	align-items: stretch !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .email-template-info-card {
	display: grid !important;
	grid-template-rows: auto 1fr auto !important;
	min-height: 202px !important;
	border-color: rgba(126, 148, 184, 0.2) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.008)),
		rgba(10, 17, 31, 0.9) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .template-info-title-row {
	align-items: start !important;
	gap: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .template-info-name {
	color: #f2f7ff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1.22 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .template-info-description,
body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .template-info-meta-item .meta-value {
	color: #a8bad6 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .template-info-meta-item .meta-label {
	color: #7fb1e8 !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .template-info-badge {
	max-width: none !important;
	border: 1px solid rgba(34, 197, 94, 0.4) !important;
	background: rgba(20, 83, 45, 0.36) !important;
	color: #bbf7d0 !important;
	font-weight: 950 !important;
	text-shadow: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .template-info-badge.inactive {
	border-color: rgba(148, 163, 184, 0.3) !important;
	background: rgba(51, 65, 85, 0.52) !important;
	color: #cbd5e1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .template-info-actions {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 8px !important;
	align-self: end !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .template-info-btn {
	min-height: 34px !important;
	border-color: rgba(126, 148, 184, 0.22) !important;
	border-radius: 9px !important;
	background: rgba(15, 23, 42, 0.76) !important;
	color: #d7e7ff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .template-info-btn:hover,
body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .template-info-btn:focus-visible {
	border-color: rgba(96, 165, 250, 0.55) !important;
	background: rgba(30, 64, 175, 0.32) !important;
	color: #ffffff !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .template-info-btn-primary {
	border-color: rgba(56, 189, 248, 0.42) !important;
	background: linear-gradient(180deg, rgba(37, 99, 235, 0.72), rgba(29, 78, 216, 0.84)) !important;
	color: #f8fbff !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-modal__header-actions {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-clear-btn {
	min-height: 32px !important;
	padding: 0 12px !important;
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	border-radius: 9px !important;
	background: rgba(15, 23, 42, 0.78) !important;
	color: #d7e7ff !important;
	font-size: 11px !important;
	font-weight: 950 !important;
	cursor: pointer !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-clear-btn:hover,
body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-clear-btn:focus-visible {
	border-color: rgba(125, 211, 252, 0.48) !important;
	color: #ffffff !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .template-history-modal {
	display: grid !important;
	gap: 14px !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .template-history-modal h2 {
	margin: 0 !important;
	color: #f2f7ff !important;
	font-size: 20px !important;
	font-weight: 950 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .template-history-modal p {
	margin: 0 !important;
	color: #9fb1cb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .template-history-empty,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .template-history-summary {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 12px !important;
	background: rgba(9, 15, 27, 0.78) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .template-history-empty {
	padding: 36px 18px !important;
	text-align: center !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent #testEmailForm {
	display: grid !important;
	gap: 16px !important;
	width: 100% !important;
	max-width: 560px !important;
	margin: 0 auto !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent #testEmailForm > div {
	margin-bottom: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent #testEmailForm [style*="background: #f8"] {
	border: 1px solid rgba(56, 189, 248, 0.22) !important;
	border-radius: 12px !important;
	background: rgba(8, 16, 30, 0.78) !important;
}

@media (max-width: 760px) {
	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] .alm-field {
		min-height: 0 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] .alm-rent-row {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="pricing"] .alm-rent-sep {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .tracker-step-summary__dot {
		width: 19px !important;
		height: 19px !important;
		font-size: 9px !important;
	}
}

/* 20260510: Route-scoped mobile rescue for Tracker, Emails logs, Agents cards, and Leads contact lines. */
@media (max-width: 768px) {
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView:not(.hidden) {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: auto !important;
		height: auto !important;
		overflow: visible !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView :is(#managerTrackerView:not(.hidden), #agentTrackerView:not(.hidden)) {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
		min-height: auto !important;
		height: auto !important;
		overflow: visible !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView :is(#trackerTbody, #agentTrackerTbody) {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
		min-height: auto !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView .tracker-container table {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		border-collapse: separate !important;
		border-spacing: 0 !important;
		overflow: visible !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView .tracker-container :is(tbody, tr.tracker-row) {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		gap: 7px 10px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView .tracker-container tr.tracker-row {
		grid-template-areas:
			"identity action"
			"stage action" !important;
		align-items: center !important;
		padding: 12px !important;
		border: 1px solid rgba(126, 148, 184, 0.18) !important;
		border-radius: 10px !important;
		background: rgba(10, 18, 32, 0.82) !important;
		box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView .tracker-container tr.tracker-row td {
		display: block !important;
		width: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		color: #d7e4f7 !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView .tracker-container tr.tracker-row td:first-child {
		grid-area: identity !important;
		display: grid !important;
		gap: 3px !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView .tracker-container tr.tracker-row td:nth-child(2) {
		grid-area: stage !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView .tracker-container tr.tracker-row td:last-child {
		grid-area: action !important;
		justify-self: end !important;
		align-self: center !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView .tracker-container tr.tracker-row td:first-child strong {
		color: #eef5ff !important;
		font-size: 13px !important;
		font-weight: 900 !important;
		line-height: 1.15 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView .tracker-container tr.tracker-row td:first-child span {
		color: #9fb4d1 !important;
		font-size: 12px !important;
		font-weight: 760 !important;
		line-height: 1.25 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView :is(.tracker-page-header, .tracker-insights-shell, .tracker-dashboard, .lead-table-container) {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView .tracker-dashboard {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 10px !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #trackerView .lead-table-container {
		flex: 0 0 auto !important;
		overflow: visible !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView #agentsTable .agent-mobile-card-row {
		display: block !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		overflow: visible !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView #agentsTable .agent-mobile-card-row > td {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		overflow: visible !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView #agentsTable .agent-mobile-card-row > td::before {
		content: none !important;
		display: none !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__top {
		grid-template-columns: 42px minmax(0, 1fr) !important;
		grid-template-areas:
			"avatar identity"
			"status status" !important;
		align-items: center !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__avatar {
		grid-area: avatar !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__identity {
		grid-area: identity !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__status {
		grid-area: status !important;
		justify-self: start !important;
		max-width: 100% !important;
		white-space: normal !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__identity h3,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__identity p {
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;
		overflow-wrap: anywhere !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__footer {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		align-items: stretch !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__flag,
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__footer a {
		width: fit-content !important;
		max-width: 100% !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #leadsView #leadsTable .lead-contact-line {
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;
		overflow-wrap: anywhere !important;
		word-break: break-word !important;
	}
}

@media (max-width: 430px) {
	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView .agent-mobile-card {
		padding: 12px !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__metrics {
		gap: 6px !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__metrics span {
		padding: 8px 4px !important;
		font-size: 9px !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #mainAppContent.executive-suite-shell #agentsView .agent-mobile-card__metrics strong {
		font-size: 15px !important;
	}
}

/* 20260510: Add Property split compensation, workflow filters, mobile log/card rescue, and large profile/user modals. */
body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-row--business {
	grid-template-columns: minmax(0, 1fr) minmax(132px, auto) !important;
	align-items: stretch !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-compensation-group {
	display: grid !important;
	gap: 9px !important;
	min-width: 0 !important;
	padding: 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 12px !important;
	background:
		linear-gradient(180deg, rgba(30, 41, 59, 0.42), rgba(8, 13, 24, 0.42)),
		rgba(8, 13, 24, 0.74) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-compensation-heading {
	display: flex !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	gap: 10px !important;
	color: #edf6ff !important;
	font-size: 12px !important;
	font-weight: 950 !important;
	line-height: 1.2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-compensation-heading small {
	color: #98acc8 !important;
	font-size: 11px !important;
	font-weight: 750 !important;
	text-align: right !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-compensation-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-compensation-grid .alm-field {
	gap: 5px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-compensation-grid label {
	color: #b8c9e3 !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
}

/* 20260510: Add Property / Add Unit split polish. */
body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-modal-title {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	color: #f4f8ff !important;
	font-size: 19px !important;
	font-weight: 950 !important;
	letter-spacing: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-title-mark {
	display: inline-grid !important;
	place-items: center !important;
	width: 30px !important;
	height: 30px !important;
	border: 1px solid rgba(125, 211, 252, 0.38) !important;
	border-radius: 9px !important;
	background: linear-gradient(180deg, rgba(37, 99, 235, 0.42), rgba(8, 47, 73, 0.56)) !important;
	color: #dff8ff !important;
	font-size: 18px !important;
	line-height: 1 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="submarket"] .alm-section-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 38px !important;
	height: 28px !important;
	padding: 0 8px !important;
	border: 1px solid rgba(125, 211, 252, 0.24) !important;
	border-radius: 999px !important;
	background: rgba(14, 165, 233, 0.14) !important;
	color: #bfdbfe !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="submarket"] .alm-section-body,
body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="contact"] .alm-section-body {
	display: grid !important;
	gap: 12px !important;
	align-content: start !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-row--single {
	grid-template-columns: minmax(0, 1fr) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="contact"],
body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="notes"] {
	display: grid !important;
	grid-template-rows: auto 1fr !important;
	min-height: 232px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="contact"] .alm-section-body,
body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="notes"] .alm-section-body {
	min-height: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-section[data-section="contact"] input {
	min-height: 42px !important;
	background:
		linear-gradient(180deg, rgba(30, 41, 59, 0.9), rgba(18, 29, 49, 0.94)),
		#121d31 !important;
	border-color: rgba(148, 163, 184, 0.36) !important;
	color: #edf5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-row--business {
	grid-template-columns: minmax(0, 1fr) minmax(120px, 0.28fr) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-compensation-grid {
	grid-template-columns: repeat(3, minmax(112px, 1fr)) !important;
	gap: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-compensation-heading {
	align-items: center !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pills {
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-pill {
	min-height: 38px !important;
	padding: 0 34px 0 13px !important;
	border-color: rgba(100, 116, 139, 0.36) !important;
	background:
		linear-gradient(180deg, rgba(30, 41, 59, 0.66), rgba(15, 23, 42, 0.72)),
		#111c2e !important;
	color: #dbeafe !important;
	font-size: 12px !important;
	font-weight: 850 !important;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-modal-card {
	width: min(760px, calc(100vw - 24px)) !important;
	max-width: min(760px, calc(100vw - 24px)) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-property-picker {
	margin-bottom: 14px !important;
	padding: 12px !important;
	border: 1px solid rgba(125, 211, 252, 0.22) !important;
	border-radius: 12px !important;
	background: rgba(12, 26, 42, 0.82) !important;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-property-picker.hidden {
	display: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-property-picker select {
	margin-top: 6px !important;
	width: 100% !important;
}

body:has(#mainAppContent.executive-suite-shell) #addUnitModal .add-unit-floorplan-summary--manual .add-unit-floorplan-icon {
	border-color: rgba(96, 165, 250, 0.36) !important;
	background: rgba(37, 99, 235, 0.14) !important;
	color: #bfdbfe !important;
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell #listingsView #addActionsDropdown.add-actions-dropdown {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		order: 4 !important;
	}

	#mainAppContent.executive-suite-shell #listingsView #addActionsDropdown .add-actions-btn {
		display: inline-flex !important;
		width: 100% !important;
		min-height: 44px !important;
		justify-content: center !important;
	}

	#mainAppContent.executive-suite-shell #listingsView #addActionsDropdown .add-actions-menu {
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		min-width: 0 !important;
		z-index: 80 !important;
	}

	#mainAppContent.executive-suite-shell #listingsView #addActionsDropdown .add-menu-item {
		min-height: 42px !important;
	}
}

/* 20260510: Follow-up polish for Tracker rows, customer filters, Email workflows, and Agent Details. */
#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-table-header {
	grid-template-columns: minmax(280px, 1.15fr) minmax(260px, 0.82fr) minmax(136px, max-content) !important;
	grid-template-areas: "identity progress actions" !important;
	min-height: 72px !important;
	padding: 10px 12px !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-progress-center {
	justify-self: center !important;
	width: fit-content !important;
	min-width: min(100%, 268px) !important;
	max-width: min(100%, 390px) !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .tracker-step-summary--header {
	width: fit-content !important;
	max-width: min(100%, 390px) !important;
	grid-template-columns: auto minmax(120px, max-content) !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-actions {
	display: grid !important;
	grid-template-columns: minmax(72px, 1fr) 34px !important;
	grid-template-areas:
		"docs expand"
		"date date" !important;
	align-items: center !important;
	gap: 6px !important;
	width: 100% !important;
	min-width: 136px !important;
	max-width: 148px !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .docs-emails-btn {
	grid-area: docs !important;
	width: 100% !important;
	min-width: 72px !important;
	min-height: 36px !important;
	padding: 5px 6px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .docs-emails-btn svg {
	width: 15px !important;
	height: 15px !important;
	flex: 0 0 auto !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .docs-emails-label {
	max-width: 100% !important;
	overflow: hidden !important;
	text-align: center !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .expand-btn {
	grid-area: expand !important;
	width: 34px !important;
	min-width: 34px !important;
	height: 36px !important;
	min-height: 36px !important;
	padding: 0 !important;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container .last-updated {
	grid-area: date !important;
	justify-self: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden !important;
	color: #9fb4d1 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	text-align: right !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .customer-detail-group--comments {
	grid-column: span 2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal #customerEditComments {
	min-height: 74px !important;
	max-height: 140px !important;
	background: #0d1728 !important;
	color: #edf5ff !important;
}

#mainAppContent.executive-suite-shell #listingsView .customer-selector-control {
	align-items: center !important;
	gap: 8px !important;
}

#mainAppContent.executive-suite-shell #listingsView .clear-customer-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	min-width: 34px !important;
	height: 34px !important;
	padding: 0 !important;
	border: 1px solid rgba(226, 232, 240, 0.34) !important;
	border-radius: 999px !important;
	background: rgba(15, 23, 42, 0.9) !important;
	color: #ffffff !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}

#mainAppContent.executive-suite-shell #listingsView .clear-customer-btn:hover,
#mainAppContent.executive-suite-shell #listingsView .clear-customer-btn:focus-visible {
	border-color: rgba(125, 211, 252, 0.64) !important;
	background: rgba(30, 64, 175, 0.42) !important;
	outline: none !important;
}

#mainAppContent.executive-suite-shell #listingsView .clear-customer-btn[style*="display: none"] {
	display: none !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--mix .email-workflow-filter-list {
	display: grid !important;
	gap: 8px !important;
	min-height: 0 !important;
	align-content: start !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-template-info-card .template-info-actions {
	justify-content: flex-end !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-template-info-card .test-send-template {
	min-width: 118px !important;
}

@media (max-width: 980px) {
	#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-table-header {
		grid-template-columns: minmax(0, 1fr) max-content !important;
		grid-template-areas:
			"identity actions"
			"progress progress" !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .customer-detail-group--comments {
		grid-column: 1 / -1 !important;
	}
}

@media (max-width: 640px) {
	#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-table-header {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"identity"
			"progress"
			"actions" !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container .lead-actions {
		grid-template-columns: minmax(92px, 124px) minmax(0, 1fr) 38px !important;
		grid-template-areas: "docs date expand" !important;
		max-width: 100% !important;
	}

	#mainAppContent.executive-suite-shell #trackerView .lead-table-container .last-updated {
		text-align: center !important;
		white-space: normal !important;
	}

}

body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal #buildSelectedCount.selection-count {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 34px !important;
	min-width: 132px !important;
	padding: 7px 11px !important;
	border: 1px solid rgba(125, 211, 252, 0.28) !important;
	border-radius: 999px !important;
	background: rgba(7, 13, 25, 0.9) !important;
	color: #dbeafe !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-filter-list {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	display: grid !important;
	grid-auto-rows: minmax(42px, auto) !important;
	gap: 7px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	padding-right: 3px !important;
	scrollbar-width: thin !important;
	scrollbar-color: rgba(125, 211, 252, 0.35) rgba(15, 23, 42, 0.42) !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-filter-row {
	position: relative !important;
	width: 100% !important;
	min-width: 0 !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(54px, 0.78fr) minmax(62px, auto) !important;
	align-items: center !important;
	gap: 7px !important;
	padding: 7px 9px !important;
	border: 1px solid rgba(126, 148, 184, 0.14) !important;
	border-left: 3px solid var(--row-color, #60a5fa) !important;
	border-radius: 8px !important;
	background: rgba(12, 21, 37, 0.72) !important;
	color: #dbe7f7 !important;
	text-align: left !important;
	cursor: pointer !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-filter-row:is(:hover, :focus-visible, .is-filter-active) {
	border-color: rgba(125, 211, 252, 0.42) !important;
	border-left-color: var(--row-color, #60a5fa) !important;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--row-color, #60a5fa) 16%, transparent), transparent 72%),
		rgba(15, 29, 51, 0.88) !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-filter-row__label {
	min-width: 0 !important;
	display: grid !important;
	gap: 2px !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-filter-row__label strong {
	min-width: 0 !important;
	overflow: hidden !important;
	color: #edf6ff !important;
	font-size: 12px !important;
	font-weight: 950 !important;
	line-height: 1.12 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-filter-row__label small,
body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-filter-row__meta small {
	min-width: 0 !important;
	overflow: hidden !important;
	color: #8fa8c9 !important;
	font-size: 9px !important;
	font-weight: 760 !important;
	line-height: 1.1 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-filter-row__bar {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 5px !important;
	overflow: hidden !important;
	border-radius: 999px !important;
	background: rgba(51, 65, 85, 0.62) !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-filter-row__bar i {
	display: block !important;
	height: 100% !important;
	min-width: 2px !important;
	border-radius: inherit !important;
	background: linear-gradient(90deg, var(--row-color, #60a5fa), rgba(125, 211, 252, 0.82)) !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-filter-row__meta {
	display: grid !important;
	justify-items: end !important;
	gap: 1px !important;
	white-space: nowrap !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-filter-row__meta strong {
	color: #f3f8ff !important;
	font-size: 16px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-filter-row__meta b {
	color: #83a2c7 !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailsView .email-workflow-clear-btn--inline,
body:has(#mainAppContent.executive-suite-shell) #emailsView .email-mix-more--header {
	min-height: 25px !important;
	padding: 4px 8px !important;
	font-size: 9px !important;
	line-height: 1 !important;
}

@media (max-width: 760px) {
	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-row--business,
	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-compensation-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-compensation-heading {
		display: grid !important;
		gap: 4px !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #addListingModal .alm-compensation-heading small {
		text-align: left !important;
	}

}

/* 20260512: final placement for Listings customer clear control and mobile Agents spacing. */
#mainAppContent.executive-suite-shell #listingsView .customer-selector-control {
	width: min(100%, 420px) !important;
	max-width: 420px !important;
	min-width: 300px !important;
	align-items: center !important;
	gap: 8px !important;
}

#mainAppContent.executive-suite-shell #listingsView .customer-selector-control .customer-search-container {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #listingsView .clear-customer-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	width: auto !important;
	min-width: 76px !important;
	height: 36px !important;
	padding: 0 11px !important;
	border: 1px solid rgba(147, 197, 253, 0.38) !important;
	border-radius: 999px !important;
	background: rgba(15, 23, 42, 0.94) !important;
	color: #eaf3ff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22) !important;
}

#mainAppContent.executive-suite-shell #listingsView .clear-customer-btn[style*="display: none"] {
	display: none !important;
}

#mainAppContent.executive-suite-shell #listingsView .clear-customer-icon {
	display: inline-grid !important;
	place-items: center !important;
	width: 16px !important;
	height: 16px !important;
	border-radius: 999px !important;
	background: rgba(96, 165, 250, 0.2) !important;
	color: #bfdbfe !important;
	font-size: 10px !important;
	font-weight: 1000 !important;
}

#mainAppContent.executive-suite-shell #listingsView .clear-customer-label {
	display: inline-block !important;
}

#mainAppContent.executive-suite-shell #listingsView .clear-customer-btn:hover,
#mainAppContent.executive-suite-shell #listingsView .clear-customer-btn:focus-visible {
	border-color: rgba(125, 211, 252, 0.68) !important;
	background: rgba(30, 64, 175, 0.42) !important;
	outline: none !important;
}

@media (max-width: 768px) {
	#mainAppContent.executive-suite-shell #listingsView .customer-selector-control {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
	}

	#mainAppContent.executive-suite-shell #agentsView #agentsTbody {
		gap: 14px !important;
	}

	#mainAppContent.executive-suite-shell #agentsView #agentsTable .agent-mobile-card-row {
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-mobile-card {
		min-height: 0 !important;
		overflow: visible !important;
	}
}

/* Final winning copy for 20260527 route insights polish moved to route-insights-viewport.css. */

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) {
		max-height: calc(100dvh - 24px) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		padding-bottom: 28px !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .table-wrapper {
		max-height: min(58dvh, 680px) !important;
		overflow: auto !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) #agentsTable thead th {
		position: sticky !important;
		top: 0 !important;
		z-index: 2 !important;
	}
}

/* 20260528: follow-up bug/report polish. Keep Specials charts visible without the collapsible Insights bar. */
#mainAppContent.executive-suite-shell #appRoot #specialsView .specials-dashboard.specials-metrics-shell {
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	border: 1px solid transparent !important;
	background: transparent !important;
	overflow: visible !important;
	pointer-events: auto !important;
}

#mainAppContent.executive-suite-shell #appRoot #specialsView .specials-dashboard.specials-metrics-shell .specials-insights-row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
}

#mainAppContent.executive-suite-shell #appRoot #specialsView .specials-page-header {
	margin-bottom: 14px !important;
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #appRoot :is(
		#leadsView .table-wrapper,
		#agentsView .table-wrapper,
		#adminView .users-table-wrapper,
		#bugsView .bugs-table-wrapper,
		#emailsView .email-logs-compact,
		#emailsView .email-logs-body-compact,
		#specialsView #specialsGrid.specials-table-list
	) {
		border: 1px solid rgba(170, 190, 220, 0.24) !important;
		border-radius: 12px !important;
		background:
			linear-gradient(180deg, rgba(33, 48, 74, 0.72), rgba(15, 23, 42, 0.94)),
			#111b29 !important;
		box-shadow:
			0 18px 36px rgba(0, 0, 0, 0.18),
			inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
		overflow: auto !important;
	}

	#mainAppContent.executive-suite-shell #appRoot :is(
		#leadsTable,
		#agentsTable,
		#usersTable,
		#bugsTable
	) {
		width: 100% !important;
		border-collapse: separate !important;
		border-spacing: 0 !important;
		background: transparent !important;
		color: #e8f2ff !important;
	}

	#mainAppContent.executive-suite-shell #appRoot :is(
		#leadsTable,
		#agentsTable,
		#usersTable,
		#bugsTable
	) thead th,
	#mainAppContent.executive-suite-shell #appRoot #specialsView .specials-table-head {
		background:
			linear-gradient(180deg, rgba(58, 76, 108, 0.96), rgba(43, 61, 88, 0.98)),
			#2b3d58 !important;
		color: #d9eaff !important;
		border-bottom: 1px solid rgba(190, 210, 240, 0.24) !important;
		font-size: 11px !important;
		font-weight: 900 !important;
		letter-spacing: 0.03em !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #appRoot :is(
		#leadsTable,
		#agentsTable,
		#usersTable,
		#bugsTable
	) tbody tr td,
	#mainAppContent.executive-suite-shell #appRoot #specialsView .specials-table-row {
		background: rgba(24, 36, 55, 0.94) !important;
		border-bottom: 1px solid rgba(170, 190, 220, 0.15) !important;
		color: #e6f0ff !important;
	}

	#mainAppContent.executive-suite-shell #appRoot :is(
		#leadsTable,
		#agentsTable,
		#usersTable,
		#bugsTable
	) tbody tr:nth-child(even) td,
	#mainAppContent.executive-suite-shell #appRoot #specialsView .specials-table-row:nth-child(even) {
		background: rgba(28, 43, 66, 0.94) !important;
	}

	#mainAppContent.executive-suite-shell #appRoot :is(
		#leadsTable,
		#agentsTable,
		#usersTable,
		#bugsTable
	) tbody tr:hover td,
	#mainAppContent.executive-suite-shell #appRoot #specialsView .specials-table-row:hover {
		background: rgba(96, 165, 250, 0.16) !important;
		color: #f7fbff !important;
	}

	#mainAppContent.executive-suite-shell #appRoot :is(
		#leadsTable,
		#agentsTable,
		#usersTable,
		#bugsTable
	) tbody tr:last-child td,
	#mainAppContent.executive-suite-shell #appRoot #specialsView .specials-table-row:last-child {
		border-bottom-color: transparent !important;
	}
}