/* Executive Suite theme foundation.
   Scoped to the authenticated CRM shell so public intake and agent pages stay unchanged. */

#mainAppContent.executive-suite-shell {
	--es-bg: #101722;
	--es-bg-soft: #151f2d;
	--es-sidebar: #111b29;
	--es-surface: #182437;
	--es-surface-2: #21304a;
	--es-surface-3: #2b3d58;
	--es-border: rgba(170, 190, 220, 0.26);
	--es-border-strong: rgba(125, 160, 245, 0.44);
	--es-text: #dce8f7;
	--es-text-strong: #f5f8ff;
	--es-muted: #aebdd3;
	--es-muted-2: #8fa1b8;
	--es-accent: #6366f1;
	--es-accent-2: #818cf8;
	--es-success: #22c55e;
	--es-warning: #eab308;
	--es-danger: #ef4444;
	--es-info: #38bdf8;
	--es-cyan: #06b6d4;
	--es-radius-sm: 10px;
	--es-radius: 14px;
	--es-radius-lg: 22px;
	--es-focus: 0 0 0 3px rgba(96, 165, 250, 0.32);
	--es-shadow: 0 24px 60px rgba(0, 0, 0, 0.36);
	--es-row-hover: rgba(125, 160, 245, 0.14);
	--es-table-row: rgba(24, 36, 55, 0.92);
	--es-table-row-alt: rgba(27, 42, 64, 0.88);
	--es-table-head: rgba(43, 61, 88, 0.98);
	--es-input-bg: #1b2a40;
	min-height: 100vh;
	background:
		radial-gradient(circle at 18% 0%, rgba(99, 102, 241, 0.12), transparent 34rem),
		radial-gradient(circle at 86% 12%, rgba(6, 182, 212, 0.09), transparent 28rem),
		var(--es-bg);
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .app-header {
	position: fixed;
	inset: 0 auto 0 0;
	z-index: 900;
	width: 232px;
	height: 100vh;
	padding: 18px 12px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 18px;
	background:
		linear-gradient(180deg, rgba(15, 21, 37, 0.98), rgba(10, 14, 26, 0.98)),
		var(--es-sidebar);
	border-right: 1px solid var(--es-border);
	box-shadow: 18px 0 50px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(18px);
	overflow-x: hidden;
	overflow-y: auto;
}

#mainAppContent.executive-suite-shell .brand {
	width: 100%;
	padding: 8px 8px 16px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.14);
	justify-content: flex-start;
}

#mainAppContent.executive-suite-shell .brand-logo {
	max-width: 158px;
	height: auto !important;
	object-fit: contain;
}

#mainAppContent.executive-suite-shell .main-nav {
	width: 100%;
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: stretch;
	gap: 6px;
	padding: 0;
	margin: 0;
}

#mainAppContent.executive-suite-shell .nav-link {
	min-height: 40px;
	width: 100%;
	padding: 0 12px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	border: 1px solid transparent;
	border-radius: 12px;
	background: transparent;
	color: var(--es-muted);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-decoration: none;
	transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

#mainAppContent.executive-suite-shell .nav-link:hover,
#mainAppContent.executive-suite-shell .nav-link.active,
#mainAppContent.executive-suite-shell .nav-link[aria-current="page"] {
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.18), rgba(56, 189, 248, 0.08));
	border-color: var(--es-border-strong);
	color: var(--es-text-strong);
	transform: translateX(2px);
}

#mainAppContent.executive-suite-shell .nav-link-special {
	background: linear-gradient(135deg, rgba(234, 179, 8, 0.12), rgba(239, 68, 68, 0.08));
	border-color: rgba(234, 179, 8, 0.18);
}

#mainAppContent.executive-suite-shell .header-actions {
	width: 100%;
	margin-top: auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 9px;
	padding-top: 14px;
	border-top: 1px solid rgba(126, 148, 184, 0.14);
}

#mainAppContent.executive-suite-shell .user-info {
	display: grid;
	gap: 5px;
	padding: 10px;
	border: 1px solid rgba(126, 148, 184, 0.16);
	border-radius: 14px;
	background: rgba(20, 28, 46, 0.72);
	color: var(--es-muted);
	min-width: 0;
}

#mainAppContent.executive-suite-shell #headerUserEmail {
	color: var(--es-text);
	font-size: 12px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell .role-badge,
#mainAppContent.executive-suite-shell .status-badge,
#mainAppContent.executive-suite-shell .badge,
#mainAppContent.executive-suite-shell .chip,
#mainAppContent.executive-suite-shell .property-status-badge,
#mainAppContent.executive-suite-shell .lead-status-badge {
	border: 1px solid rgba(126, 148, 184, 0.18);
	background: rgba(99, 102, 241, 0.14);
	color: var(--es-text);
	border-radius: 999px;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell .header-actions .btn,
#mainAppContent.executive-suite-shell .header-actions .c-button {
	width: 100%;
	justify-content: center;
	border-color: rgba(126, 148, 184, 0.2);
	background: rgba(20, 28, 46, 0.78);
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .manage-dropdown {
	left: 0 !important;
	right: auto !important;
	min-width: 210px;
	background: var(--es-surface-2);
	border: 1px solid var(--es-border);
	box-shadow: var(--es-shadow);
}

#mainAppContent.executive-suite-shell .manage-dropdown-item {
	color: var(--es-muted);
}

#mainAppContent.executive-suite-shell .manage-dropdown-item:hover {
	background: var(--es-row-hover);
	color: var(--es-text-strong);
}

#mainAppContent.executive-suite-shell #appRoot {
	min-height: 100vh;
	min-width: 0;
	margin-left: 232px;
	padding: 22px 24px 28px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
		transparent;
	color: var(--es-text);
	overflow-x: clip;
}

#mainAppContent.executive-suite-shell .route-view {
	min-width: 0;
	max-width: none;
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .route-view h1,
#mainAppContent.executive-suite-shell .route-view h2,
#mainAppContent.executive-suite-shell .route-view h3,
#mainAppContent.executive-suite-shell .route-view h4 {
	color: var(--es-text-strong);
}

#mainAppContent.executive-suite-shell .executive-page-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin: 0 0 16px;
	padding: 18px 20px;
	border: 1px solid rgba(126, 148, 184, 0.18);
	border-radius: var(--es-radius-lg);
	background:
		linear-gradient(135deg, rgba(99, 102, 241, 0.16), rgba(56, 189, 248, 0.06)),
		rgba(20, 28, 46, 0.82);
	box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22);
}

#mainAppContent.executive-suite-shell .executive-eyebrow {
	margin: 0 0 8px;
	color: var(--es-accent-2);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell .executive-page-header h1 {
	margin: 0;
	font-size: clamp(26px, 2.2vw, 38px);
	line-height: 1.05;
	letter-spacing: -0.04em;
}

#mainAppContent.executive-suite-shell .executive-page-subtitle {
	max-width: 720px;
	margin: 8px 0 0;
	color: var(--es-muted);
	font-size: 14px;
	line-height: 1.5;
}

#mainAppContent.executive-suite-shell .executive-live-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 12px;
	border: 1px solid rgba(34, 197, 94, 0.32);
	border-radius: 999px;
	background: rgba(34, 197, 94, 0.1);
	color: #bbf7d0;
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell .executive-live-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--es-success);
	box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.14);
}

#mainAppContent.executive-suite-shell .executive-kpi-row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 16px;
}

#mainAppContent.executive-suite-shell .executive-kpi-card {
	position: relative;
	overflow: hidden;
	min-height: 118px;
	padding: 17px;
	border: 1px solid rgba(126, 148, 184, 0.18);
	border-radius: var(--es-radius);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.01)),
		var(--es-surface);
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
}

#mainAppContent.executive-suite-shell .executive-kpi-card::after {
	content: "";
	position: absolute;
	inset: auto 16px 0 16px;
	height: 3px;
	border-radius: 999px 999px 0 0;
	background: var(--es-accent);
	opacity: 0.92;
}

#mainAppContent.executive-suite-shell .executive-kpi-card--success::after {
	background: var(--es-success);
}

#mainAppContent.executive-suite-shell .executive-kpi-card--info::after {
	background: var(--es-info);
}

#mainAppContent.executive-suite-shell .executive-kpi-card--warning::after {
	background: var(--es-warning);
}

#mainAppContent.executive-suite-shell .executive-kpi-label,
#mainAppContent.executive-suite-shell .executive-kpi-sub {
	display: block;
	color: var(--es-muted);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell .executive-kpi-sub {
	margin-top: 8px;
	color: var(--es-muted-2);
	font-size: 11px;
	letter-spacing: 0;
	text-transform: none;
}

#mainAppContent.executive-suite-shell .executive-kpi-value {
	display: block;
	margin-top: 10px;
	color: var(--es-text-strong);
	font-size: 34px;
	line-height: 1;
	letter-spacing: -0.04em;
}

#mainAppContent.executive-suite-shell .leads-dashboard {
	margin-top: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell .leads-insights-row {
	display: grid;
	grid-template-columns: minmax(280px, 0.95fr) minmax(320px, 1fr) minmax(320px, 1fr);
	gap: 14px;
	align-items: stretch;
	margin-bottom: 16px;
}

#mainAppContent.executive-suite-shell .leads-source-panel {
	order: 1;
}

#mainAppContent.executive-suite-shell .leads-overview-panel {
	order: 2;
}

#mainAppContent.executive-suite-shell .leads-health-panel {
	order: 3;
}

#mainAppContent.executive-suite-shell .leads-insight-panel,
#mainAppContent.executive-suite-shell .analytics-card,
#mainAppContent.executive-suite-shell .stat-card,
#mainAppContent.executive-suite-shell .panel,
#mainAppContent.executive-suite-shell .card,
#mainAppContent.executive-suite-shell .settings-card,
#mainAppContent.executive-suite-shell .admin-card,
#mainAppContent.executive-suite-shell .specials-card,
#mainAppContent.executive-suite-shell .tracker-card,
#mainAppContent.executive-suite-shell .email-card {
	border: 1px solid rgba(126, 148, 184, 0.18);
	border-radius: var(--es-radius);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
		rgba(20, 28, 46, 0.88);
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.2);
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .leads-insight-panel {
	padding: 14px;
	min-height: 236px;
}

#mainAppContent.executive-suite-shell .leads-insight-header {
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.12);
}

#mainAppContent.executive-suite-shell .leads-insight-title {
	color: var(--es-text-strong);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell .lead-sources-pro {
	display: grid;
	grid-template-columns: minmax(104px, 132px) minmax(0, 1fr);
	gap: 14px;
	align-items: center;
}

#mainAppContent.executive-suite-shell .source-donut {
	filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.32));
}

#mainAppContent.executive-suite-shell .source-donut-center {
	background: var(--es-bg);
	color: var(--es-text);
	border-color: rgba(126, 148, 184, 0.18);
}

#mainAppContent.executive-suite-shell .lead-source-item,
#mainAppContent.executive-suite-shell .overview-bar-row,
#mainAppContent.executive-suite-shell .health-bar-row {
	border: 1px solid rgba(126, 148, 184, 0.13);
	border-radius: 12px;
	background: rgba(10, 14, 26, 0.38);
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .lead-source-name,
#mainAppContent.executive-suite-shell .overview-label,
#mainAppContent.executive-suite-shell .health-label {
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .lead-source-count,
#mainAppContent.executive-suite-shell .overview-count,
#mainAppContent.executive-suite-shell .health-count {
	color: var(--es-text-strong);
}

#mainAppContent.executive-suite-shell .lead-source-track,
#mainAppContent.executive-suite-shell .overview-track,
#mainAppContent.executive-suite-shell .health-track,
#mainAppContent.executive-suite-shell .progress-track {
	background: rgba(97, 112, 140, 0.22);
	box-shadow: inset 0 0 0 1px rgba(126, 148, 184, 0.08);
}

#mainAppContent.executive-suite-shell .leads-filter-bar,
#mainAppContent.executive-suite-shell .filters-bar,
#mainAppContent.executive-suite-shell .listings-filter-bar,
#mainAppContent.executive-suite-shell .toolbar,
#mainAppContent.executive-suite-shell .page-toolbar,
#mainAppContent.executive-suite-shell .admin-toolbar,
#mainAppContent.executive-suite-shell .specials-toolbar,
#mainAppContent.executive-suite-shell .tracker-toolbar {
	border: 1px solid rgba(126, 148, 184, 0.18);
	border-radius: var(--es-radius);
	background: rgba(20, 28, 46, 0.84);
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.16);
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .leads-filter-row {
	gap: 10px;
}

#mainAppContent.executive-suite-shell input,
#mainAppContent.executive-suite-shell select,
#mainAppContent.executive-suite-shell textarea,
#mainAppContent.executive-suite-shell .filter-input-compact,
#mainAppContent.executive-suite-shell .form-control,
#mainAppContent.executive-suite-shell .search-input {
	border: 1px solid rgba(126, 148, 184, 0.22);
	background: rgba(10, 14, 26, 0.72);
	color: var(--es-text);
	box-shadow: none;
}

#mainAppContent.executive-suite-shell input::placeholder,
#mainAppContent.executive-suite-shell textarea::placeholder {
	color: var(--es-muted-2);
}

#mainAppContent.executive-suite-shell input:focus,
#mainAppContent.executive-suite-shell select:focus,
#mainAppContent.executive-suite-shell textarea:focus,
#mainAppContent.executive-suite-shell button:focus-visible,
#mainAppContent.executive-suite-shell a:focus-visible {
	outline: none;
	box-shadow: var(--es-focus);
	border-color: var(--es-accent-2);
}

#mainAppContent.executive-suite-shell .filter-tab,
#mainAppContent.executive-suite-shell .filter-chip,
#mainAppContent.executive-suite-shell .tab-button,
#mainAppContent.executive-suite-shell .view-toggle-btn {
	border: 1px solid rgba(126, 148, 184, 0.18);
	background: rgba(10, 14, 26, 0.5);
	color: var(--es-muted);
}

#mainAppContent.executive-suite-shell .filter-tab:hover,
#mainAppContent.executive-suite-shell .filter-tab.active,
#mainAppContent.executive-suite-shell .filter-chip.active,
#mainAppContent.executive-suite-shell .tab-button.active,
#mainAppContent.executive-suite-shell .view-toggle-btn.active {
	border-color: var(--es-border-strong);
	background: rgba(99, 102, 241, 0.18);
	color: var(--es-text-strong);
}

#mainAppContent.executive-suite-shell .btn,
#mainAppContent.executive-suite-shell .c-button,
#mainAppContent.executive-suite-shell button.primary,
#mainAppContent.executive-suite-shell .btn-primary {
	border: 1px solid rgba(129, 140, 248, 0.38);
	background: linear-gradient(135deg, var(--es-accent), var(--es-accent-2));
	color: #ffffff;
	box-shadow: 0 12px 28px rgba(99, 102, 241, 0.26);
}

#mainAppContent.executive-suite-shell .btn:hover,
#mainAppContent.executive-suite-shell .c-button:hover {
	filter: brightness(1.05);
}

#mainAppContent.executive-suite-shell .btn-secondary,
#mainAppContent.executive-suite-shell .c-button--secondary,
#mainAppContent.executive-suite-shell .btn-outline,
#mainAppContent.executive-suite-shell .pagination-btn {
	border-color: rgba(126, 148, 184, 0.22);
	background: rgba(20, 28, 46, 0.86);
	color: var(--es-text);
	box-shadow: none;
}

#mainAppContent.executive-suite-shell .table-wrapper,
#mainAppContent.executive-suite-shell .leads-table-container,
#mainAppContent.executive-suite-shell .table-container {
	border: 1px solid rgba(126, 148, 184, 0.18);
	border-radius: var(--es-radius);
	background: rgba(20, 28, 46, 0.84);
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
	overflow: auto;
}

#mainAppContent.executive-suite-shell table,
#mainAppContent.executive-suite-shell .data-table,
#mainAppContent.executive-suite-shell #leadsTable {
	color: var(--es-text);
	background: transparent;
	border-collapse: separate;
	border-spacing: 0;
}

#mainAppContent.executive-suite-shell thead,
#mainAppContent.executive-suite-shell .data-table thead {
	background: rgba(10, 14, 26, 0.72);
}

#mainAppContent.executive-suite-shell th,
#mainAppContent.executive-suite-shell .data-table th,
#mainAppContent.executive-suite-shell #leadsTable th {
	border-bottom: 1px solid rgba(126, 148, 184, 0.18);
	color: var(--es-muted);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	background: transparent;
}

#mainAppContent.executive-suite-shell td,
#mainAppContent.executive-suite-shell .data-table td,
#mainAppContent.executive-suite-shell #leadsTable td {
	border-bottom: 1px solid rgba(126, 148, 184, 0.11);
	color: var(--es-text);
	background: transparent;
}

#mainAppContent.executive-suite-shell tbody tr,
#mainAppContent.executive-suite-shell .data-table tbody tr,
#mainAppContent.executive-suite-shell #leadsTable tbody tr {
	background: rgba(20, 28, 46, 0.3);
}

#mainAppContent.executive-suite-shell tbody tr:hover,
#mainAppContent.executive-suite-shell .data-table tbody tr:hover,
#mainAppContent.executive-suite-shell #leadsTable tbody tr:hover {
	background: var(--es-row-hover);
}

#mainAppContent.executive-suite-shell .lead-name,
#mainAppContent.executive-suite-shell .property-name,
#mainAppContent.executive-suite-shell .agent-name,
#mainAppContent.executive-suite-shell .table-title {
	color: var(--es-text-strong);
}

#mainAppContent.executive-suite-shell .lead-muted,
#mainAppContent.executive-suite-shell .muted,
#mainAppContent.executive-suite-shell .meta,
#mainAppContent.executive-suite-shell .subtext,
#mainAppContent.executive-suite-shell .text-muted {
	color: var(--es-muted);
}

#mainAppContent.executive-suite-shell .pagination,
#mainAppContent.executive-suite-shell .listings-pagination,
#mainAppContent.executive-suite-shell .specials-pagination,
#mainAppContent.executive-suite-shell .tracker-pagination,
#mainAppContent.executive-suite-shell .admin-pagination {
	background: rgba(10, 14, 26, 0.42) !important;
	border: 1px solid rgba(126, 148, 184, 0.14) !important;
	color: var(--es-muted);
}

#mainAppContent.executive-suite-shell .modal,
#mainAppContent.executive-suite-shell .modal-content,
#mainAppContent.executive-suite-shell .modal-card,
#mainAppContent.executive-suite-shell .drawer,
#mainAppContent.executive-suite-shell .side-panel,
#mainAppContent.executive-suite-shell .offcanvas,
#mainAppContent.executive-suite-shell .dropdown-menu {
	background: var(--es-surface);
	border-color: var(--es-border);
	color: var(--es-text);
	box-shadow: var(--es-shadow);
}

#mainAppContent.executive-suite-shell .modal-header,
#mainAppContent.executive-suite-shell .modal-footer,
#mainAppContent.executive-suite-shell .drawer-header,
#mainAppContent.executive-suite-shell .drawer-footer {
	border-color: rgba(126, 148, 184, 0.16);
	background: rgba(10, 14, 26, 0.44);
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .modal-body,
#mainAppContent.executive-suite-shell .drawer-body {
	background: transparent;
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .listings-layout,
#mainAppContent.executive-suite-shell .listings-main-panel,
#mainAppContent.executive-suite-shell .map-view-container,
#mainAppContent.executive-suite-shell .list-view-container,
#mainAppContent.executive-suite-shell .property-list-panel {
	background: transparent;
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .mapwrap,
#mainAppContent.executive-suite-shell #map,
#mainAppContent.executive-suite-shell .mapboxgl-map {
	border-radius: var(--es-radius);
	overflow: hidden;
}

#mainAppContent.executive-suite-shell .property-row,
#mainAppContent.executive-suite-shell .listing-row,
#mainAppContent.executive-suite-shell .listing-card,
#mainAppContent.executive-suite-shell .lv-property-card,
#mainAppContent.executive-suite-shell .lv-floorplan-card,
#mainAppContent.executive-suite-shell .c-listings-table__detail-panel {
	border: 1px solid rgba(126, 148, 184, 0.18);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
		rgba(20, 28, 46, 0.88);
	color: var(--es-text);
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18);
}

#mainAppContent.executive-suite-shell .lv-unit-row,
#mainAppContent.executive-suite-shell .unit-row,
#mainAppContent.executive-suite-shell .inventory-unit-row {
	border-color: rgba(126, 148, 184, 0.12);
	background: rgba(10, 14, 26, 0.34);
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .specials-dashboard,
#mainAppContent.executive-suite-shell .tracker-dashboard,
#mainAppContent.executive-suite-shell .emails-dashboard,
#mainAppContent.executive-suite-shell .admin-dashboard,
#mainAppContent.executive-suite-shell .agents-dashboard,
#mainAppContent.executive-suite-shell .bugs-dashboard,
#mainAppContent.executive-suite-shell .data-feeds-dashboard,
#mainAppContent.executive-suite-shell .discovery-dashboard,
#mainAppContent.executive-suite-shell .backups-dashboard,
#mainAppContent.executive-suite-shell .rentcast-dashboard {
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .skeleton-pill,
#mainAppContent.executive-suite-shell .skeleton-track,
#mainAppContent.executive-suite-shell .skeleton-num,
#mainAppContent.executive-suite-shell .skeleton-line,
#mainAppContent.executive-suite-shell .loading-placeholder {
	background: linear-gradient(90deg, rgba(126, 148, 184, 0.12), rgba(126, 148, 184, 0.22), rgba(126, 148, 184, 0.12));
}

#mainAppContent.executive-suite-shell ::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

#mainAppContent.executive-suite-shell ::-webkit-scrollbar-track {
	background: rgba(10, 14, 26, 0.75);
}

#mainAppContent.executive-suite-shell ::-webkit-scrollbar-thumb {
	background: rgba(126, 148, 184, 0.34);
	border: 2px solid rgba(10, 14, 26, 0.75);
	border-radius: 999px;
}

#mainAppContent.executive-suite-shell ::-webkit-scrollbar-thumb:hover {
	background: rgba(129, 140, 248, 0.62);
}

@media (max-width: 1280px) {
	#mainAppContent.executive-suite-shell .app-header {
		width: 204px;
	}

	#mainAppContent.executive-suite-shell #appRoot {
		margin-left: 204px;
		padding: 18px;
	}

	#mainAppContent.executive-suite-shell .leads-insights-row {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 1100px) {
	#mainAppContent.executive-suite-shell .executive-kpi-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell .app-header {
		position: sticky;
		top: 0;
		width: auto;
		height: auto;
		min-height: 0;
		padding: 10px 12px;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px;
		border-right: 0;
		border-bottom: 1px solid var(--es-border);
		box-shadow: 0 16px 36px rgba(0, 0, 0, 0.3);
		overflow: visible;
	}

	#mainAppContent.executive-suite-shell .brand {
		width: auto;
		flex: 1 1 auto;
		padding: 0;
		border-bottom: 0;
	}

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

	#mainAppContent.executive-suite-shell .header-actions {
		width: auto;
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
		flex: 0 0 auto;
		flex-direction: row;
		align-items: center;
	}

	#mainAppContent.executive-suite-shell .user-info,
	#mainAppContent.executive-suite-shell #profileBtn,
	#mainAppContent.executive-suite-shell #logoutBtn {
		display: none;
	}

	#mainAppContent.executive-suite-shell .main-nav {
		order: 3;
		width: 100%;
		flex-direction: row;
		gap: 8px;
		overflow-x: auto;
		padding-bottom: 2px;
	}

	#mainAppContent.executive-suite-shell .nav-link {
		width: auto;
		min-width: 104px;
		justify-content: center;
		transform: none;
	}

	#mainAppContent.executive-suite-shell #appRoot {
		margin-left: 0;
		padding: 14px;
	}

	#mainAppContent.executive-suite-shell .executive-page-header {
		flex-direction: column;
		padding: 15px;
	}

	#mainAppContent.executive-suite-shell .executive-live-badge {
		align-self: flex-start;
	}
}

@media (max-width: 640px) {
	#mainAppContent.executive-suite-shell #appRoot {
		padding: 10px;
	}

	#mainAppContent.executive-suite-shell .executive-page-header {
		margin-bottom: 12px;
		border-radius: 16px;
	}

	#mainAppContent.executive-suite-shell .executive-kpi-row {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	#mainAppContent.executive-suite-shell .executive-kpi-card {
		min-height: 96px;
		padding: 14px;
	}

	#mainAppContent.executive-suite-shell .executive-kpi-value {
		font-size: 28px;
	}

	#mainAppContent.executive-suite-shell .lead-sources-pro {
		grid-template-columns: 1fr;
	}

	#mainAppContent.executive-suite-shell .leads-filter-row {
		display: grid;
		grid-template-columns: 1fr;
	}
}

/* Executive Suite v2 refinements: Leads first, table-first, legacy-safe. */

#mainAppContent.executive-suite-shell {
	--es-bg: #101722;
	--es-bg-soft: #151f2d;
	--es-sidebar: #111b29;
	--es-surface: #182437;
	--es-surface-2: #21304a;
	--es-surface-3: #2b3d58;
	--es-border: rgba(170, 190, 220, 0.26);
	--es-border-strong: rgba(125, 160, 245, 0.44);
	--es-text: #dce8f7;
	--es-text-strong: #f5f8ff;
	--es-muted: #aebdd3;
	--es-muted-2: #8fa1b8;
	--es-row-hover: rgba(125, 160, 245, 0.14);
	--es-table-row: rgba(24, 36, 55, 0.92);
	--es-table-row-alt: rgba(27, 42, 64, 0.88);
	--es-table-head: rgba(43, 61, 88, 0.98);
	--es-input-bg: #1b2a40;
}

#mainAppContent.executive-suite-shell #appRoot {
	padding: 18px 22px 24px;
	background:
		radial-gradient(circle at 70% -18%, rgba(56, 189, 248, 0.12), transparent 28rem),
		linear-gradient(180deg, rgba(15, 23, 42, 0.38), rgba(7, 11, 20, 0));
}

#mainAppContent.executive-suite-shell #leadsView {
	max-width: 1760px;
	margin: 0 auto;
}

#mainAppContent.executive-suite-shell .app-header {
	width: 216px;
	padding: 18px 12px 14px;
	gap: 14px;
	background:
		linear-gradient(180deg, rgba(11, 16, 32, 0.99), rgba(8, 12, 23, 0.99)),
		var(--es-sidebar);
}

#mainAppContent.executive-suite-shell #appRoot {
	margin-left: 216px;
}

#mainAppContent.executive-suite-shell .brand {
	padding: 4px 8px 14px;
}

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

#mainAppContent.executive-suite-shell .nav-link {
	min-height: 38px;
	padding: 0 12px;
	border-radius: 10px;
	color: #9cabca;
	font-size: 11px;
	letter-spacing: 0.075em;
}

#mainAppContent.executive-suite-shell .nav-link.active {
	box-shadow: inset 3px 0 0 var(--es-accent-2);
}

#mainAppContent.executive-suite-shell .user-info {
	padding: 10px 11px;
	border-radius: 12px;
	background: rgba(17, 24, 39, 0.84);
}

#mainAppContent.executive-suite-shell .executive-page-header {
	min-height: 76px;
	align-items: center;
	margin-bottom: 12px;
	padding: 13px 16px;
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(99, 102, 241, 0.12), rgba(56, 189, 248, 0.035)),
		rgba(17, 24, 39, 0.78);
	box-shadow: 0 12px 34px rgba(0, 0, 0, 0.18);
}

#mainAppContent.executive-suite-shell .executive-eyebrow {
	margin-bottom: 5px;
	color: #95a0ff;
	font-size: 10px;
	letter-spacing: 0.16em;
}

#mainAppContent.executive-suite-shell .executive-page-header h1 {
	font-size: clamp(26px, 1.8vw, 32px);
	letter-spacing: -0.035em;
}

#mainAppContent.executive-suite-shell .executive-page-subtitle {
	margin-top: 5px;
	color: #a6b4cb;
	font-size: 13px;
	line-height: 1.35;
}

#mainAppContent.executive-suite-shell .executive-live-badge {
	padding: 7px 11px;
	border-color: rgba(34, 197, 94, 0.28);
	background: rgba(34, 197, 94, 0.11);
	font-size: 11px;
}

#mainAppContent.executive-suite-shell .executive-kpi-row {
	gap: 10px;
	margin-bottom: 12px;
}

#mainAppContent.executive-suite-shell .executive-kpi-card {
	min-height: 84px;
	padding: 13px 15px 14px;
	border-radius: 14px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.006)),
		rgba(17, 24, 39, 0.86);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}

#mainAppContent.executive-suite-shell .executive-kpi-card::after {
	inset-inline: 14px;
	height: 2px;
}

#mainAppContent.executive-suite-shell .executive-kpi-label {
	color: #93a4c0;
	font-size: 10px;
	letter-spacing: 0.11em;
}

#mainAppContent.executive-suite-shell .executive-kpi-value {
	margin-top: 7px;
	font-size: 29px;
	letter-spacing: -0.045em;
}

#mainAppContent.executive-suite-shell .executive-kpi-sub {
	margin-top: 5px;
	color: #728098;
	font-size: 10px;
}

#mainAppContent.executive-suite-shell .leads-insights-row {
	grid-template-columns: minmax(360px, 0.95fr) minmax(360px, 1fr) minmax(360px, 1fr);
	gap: 12px;
	margin-bottom: 12px;
}

#mainAppContent.executive-suite-shell .leads-insight-panel {
	min-height: 196px;
	padding: 12px 14px 14px;
	border-radius: 14px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.004)),
		rgba(17, 24, 39, 0.9);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
}

#mainAppContent.executive-suite-shell .leads-insight-panel:hover {
	transform: none;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2);
}

#mainAppContent.executive-suite-shell .leads-insight-header {
	margin-bottom: 10px;
	padding-bottom: 8px;
}

#mainAppContent.executive-suite-shell .leads-insight-title {
	color: #f6f9ff;
	font-size: 11px;
	letter-spacing: 0.085em;
}

#mainAppContent.executive-suite-shell .lead-sources-pro {
	grid-template-columns: 126px minmax(0, 1fr);
	gap: 12px;
}

#mainAppContent.executive-suite-shell .lead-sources-ring {
	width: 104px;
	height: 104px;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.28);
}

#mainAppContent.executive-suite-shell .lead-sources-ring-hole {
	background: #0a0f1d;
	color: #ffffff;
}

#mainAppContent.executive-suite-shell .lead-sources-total {
	color: #ffffff;
	font-size: 21px;
}

#mainAppContent.executive-suite-shell .lead-sources-total-label,
#mainAppContent.executive-suite-shell .lead-sources-top,
#mainAppContent.executive-suite-shell .lead-sources-more {
	color: #90a0ba;
}

#mainAppContent.executive-suite-shell .lead-source-item {
	padding: 7px 8px;
	border-color: rgba(136, 153, 184, 0.15);
	background: rgba(7, 11, 20, 0.48);
}

#mainAppContent.executive-suite-shell .lead-source-head {
	gap: 8px;
	margin-bottom: 5px;
}

#mainAppContent.executive-suite-shell .lead-source-rank {
	background: #dce6f8;
	color: #0f172a;
}

#mainAppContent.executive-suite-shell .lead-source-name {
	color: #f5f8ff;
	font-weight: 800;
}

#mainAppContent.executive-suite-shell .lead-source-values {
	color: #93a4c0;
	font-weight: 700;
}

#mainAppContent.executive-suite-shell .lead-source-track,
#mainAppContent.executive-suite-shell .health-bar-track {
	height: 8px;
	background: rgba(121, 136, 163, 0.22);
	border: 1px solid rgba(136, 153, 184, 0.08);
	box-shadow: none;
}

#mainAppContent.executive-suite-shell .lead-source-fill,
#mainAppContent.executive-suite-shell .health-bar-fill {
	background: var(--source-color, var(--bar-color));
	box-shadow: 0 0 18px color-mix(in srgb, var(--source-color, var(--bar-color)) 45%, transparent);
}

#mainAppContent.executive-suite-shell .health-bar-row {
	min-height: 34px;
	padding: 7px 9px;
	border-color: rgba(136, 153, 184, 0.14);
	background: rgba(7, 11, 20, 0.48);
}

#mainAppContent.executive-suite-shell .health-bar-icon {
	opacity: 1;
	filter: saturate(1.05);
}

#mainAppContent.executive-suite-shell .health-bar-label {
	color: #dbe7f8;
	font-weight: 800;
}

#mainAppContent.executive-suite-shell .health-bar-count {
	color: #f8fbff;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell .health-bar-pct {
	color: #94a6c4;
	font-weight: 800;
}

#mainAppContent.executive-suite-shell .health-bar-clickable:hover,
#mainAppContent.executive-suite-shell .dash-bar-active {
	border-color: rgba(129, 140, 248, 0.42);
	background: rgba(99, 102, 241, 0.12);
}

#mainAppContent.executive-suite-shell .pipeline-health-tooltip {
	width: 18px;
	height: 18px;
	margin-left: 8px;
	border: 1px solid rgba(136, 153, 184, 0.34);
	background: rgba(255, 255, 255, 0.9);
	color: #0f172a;
	font-size: 11px;
	line-height: 16px;
}

#mainAppContent.executive-suite-shell #leadsFilters {
	position: sticky;
	top: 0;
	z-index: 60;
	margin-bottom: 12px;
	padding: 10px 12px;
	border-radius: 14px;
	background: rgba(13, 19, 35, 0.96);
	backdrop-filter: blur(18px);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

#mainAppContent.executive-suite-shell .leads-filter-row {
	display: grid;
	grid-template-columns: auto auto auto 1fr auto auto auto;
	align-items: center;
	gap: 8px;
}

#mainAppContent.executive-suite-shell .leads-filter-tabs-inline {
	padding: 3px;
	border: 1px solid rgba(136, 153, 184, 0.15);
	border-radius: 10px;
	background: rgba(7, 11, 20, 0.62);
}

#mainAppContent.executive-suite-shell .filter-tab {
	min-height: 30px;
	padding: 0 12px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 800;
}

#mainAppContent.executive-suite-shell .lead-count-badge {
	justify-self: start;
	padding: 6px 10px;
	border: 1px solid rgba(136, 153, 184, 0.18);
	border-radius: 999px;
	background: rgba(226, 232, 240, 0.08);
	color: #dce6f8;
	font-size: 11px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell .filter-divider {
	width: 1px;
	height: 24px;
	background: rgba(136, 153, 184, 0.18);
}

#mainAppContent.executive-suite-shell .filter-search-wrapper {
	min-width: 260px;
	max-width: 420px;
	width: 100%;
}

#mainAppContent.executive-suite-shell .filter-input-compact,
#mainAppContent.executive-suite-shell #dateRangeFilter {
	min-height: 34px;
	padding-block: 0;
	border-radius: 10px;
	background: rgba(7, 11, 20, 0.76);
	color: #eef5ff;
}

#mainAppContent.executive-suite-shell .filter-search-wrapper .filter-input-compact {
	width: 100%;
	padding-left: 38px;
}

#mainAppContent.executive-suite-shell #clearFilters {
	min-height: 34px;
}

#mainAppContent.executive-suite-shell #addLeadBtn {
	min-height: 42px;
	padding: 0 14px;
	border: 0;
	border-radius: 10px;
	background: linear-gradient(135deg, #6366f1, #4f46e5);
	font-size: 12px;
	font-weight: 900;
	box-shadow: 0 10px 24px rgba(79, 70, 229, 0.26);
}

#mainAppContent.executive-suite-shell #leadsView .table-wrapper {
	border-radius: 14px 14px 0 0;
	background: rgba(13, 19, 35, 0.94);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

#mainAppContent.executive-suite-shell #leadsTable {
	table-layout: fixed;
	min-width: 1260px;
}

#mainAppContent.executive-suite-shell #leadsTable thead th {
	position: sticky;
	top: 0;
	z-index: 5;
	height: 40px;
	padding: 0 12px;
	border-bottom: 1px solid rgba(136, 153, 184, 0.16);
	background: #0b1221;
	color: #9fb0cb;
	font-size: 10px;
	letter-spacing: 0.09em;
}

#mainAppContent.executive-suite-shell #leadsTable tbody td {
	padding: 12px;
	border-bottom: 1px solid rgba(136, 153, 184, 0.105);
	color: #e7eef9;
	vertical-align: middle;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr {
	background: rgba(17, 24, 39, 0.44);
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr:hover {
	background: rgba(99, 102, 241, 0.095);
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(1),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(1) {
	width: 44px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(2),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(2) {
	width: 320px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(3),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(3) {
	width: 116px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(4),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(4) {
	width: 88px;
	text-align: center;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(5),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(5) {
	width: 162px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(7),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(7) {
	width: 154px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(8),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(8) {
	width: 184px;
}

#mainAppContent.executive-suite-shell .lead-name-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 6px 10px;
	align-items: center;
}

#mainAppContent.executive-suite-shell .lead-identity {
	min-width: 0;
}

#mainAppContent.executive-suite-shell .lead-name {
	color: #ffffff;
	font-size: 14px;
	font-weight: 900;
	text-decoration: none;
}

#mainAppContent.executive-suite-shell .lead-contact-line {
	grid-column: 1 / -1;
	color: #8ea1c1;
	font-size: 11px;
	letter-spacing: 0.01em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#mainAppContent.executive-suite-shell .lead-inline-actions {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	justify-content: flex-end;
}

#mainAppContent.executive-suite-shell .lead-inline-actions .icon-btn,
#mainAppContent.executive-suite-shell .lead-inline-actions button {
	width: 27px;
	height: 27px;
	border-radius: 8px;
	background: rgba(226, 232, 240, 0.1);
	color: #cdd8ea;
}

#mainAppContent.executive-suite-shell .action-btn,
#mainAppContent.executive-suite-shell .action-btn.secondary {
	min-height: 34px;
	padding: 0 12px;
	border: 1px solid rgba(136, 153, 184, 0.2);
	border-radius: 10px;
	background: rgba(226, 232, 240, 0.08);
	color: #dfe8f7;
	font-size: 12px;
	font-weight: 900;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell .action-btn:hover,
#mainAppContent.executive-suite-shell .action-btn.secondary:hover {
	background: rgba(99, 102, 241, 0.16);
	border-color: rgba(129, 140, 248, 0.38);
	color: #ffffff;
	transform: none;
}

#mainAppContent.executive-suite-shell .showcase-btn {
	min-width: 128px !important;
	min-height: 38px !important;
	padding: 0 12px !important;
	border: 1px solid rgba(56, 189, 248, 0.3) !important;
	border-radius: 10px !important;
	background: linear-gradient(135deg, rgba(37, 99, 235, 0.9), rgba(14, 165, 233, 0.78)) !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	box-shadow: 0 10px 20px rgba(14, 165, 233, 0.18) !important;
}

#mainAppContent.executive-suite-shell .showcase-btn svg {
	width: 14px !important;
	height: 14px !important;
	margin-right: 6px !important;
	filter: none !important;
}

#mainAppContent.executive-suite-shell .showcase-btn::before {
	display: none !important;
}

#mainAppContent.executive-suite-shell .health-btn {
	width: 26px;
	height: 26px;
}

#mainAppContent.executive-suite-shell .health-dot {
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.18);
}

#mainAppContent.executive-suite-shell .pref-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

#mainAppContent.executive-suite-shell .pref-tag,
#mainAppContent.executive-suite-shell .pref-tag.beds,
#mainAppContent.executive-suite-shell .pref-tag.baths,
#mainAppContent.executive-suite-shell .pref-tag.budget {
	padding: 3px 8px !important;
	border: 1px solid rgba(136, 153, 184, 0.17) !important;
	border-radius: 999px !important;
	background: rgba(226, 232, 240, 0.09) !important;
	color: #dce6f8 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell .pref-tag.budget {
	border-color: rgba(34, 197, 94, 0.22) !important;
	background: rgba(34, 197, 94, 0.12) !important;
	color: #bbf7d0 !important;
}

#mainAppContent.executive-suite-shell .select {
	min-height: 36px;
	border: 1px solid rgba(136, 153, 184, 0.22);
	border-radius: 10px;
	background: rgba(7, 11, 20, 0.72);
	color: #eef5ff;
	font-weight: 800;
}

#mainAppContent.executive-suite-shell #leadsView .pagination {
	border-radius: 0 0 14px 14px;
	justify-content: flex-end !important;
	padding: 10px 12px !important;
	background: rgba(13, 19, 35, 0.94) !important;
}

@media (max-width: 1440px) {
	#mainAppContent.executive-suite-shell .leads-insights-row {
		grid-template-columns: 1fr;
	}

	#mainAppContent.executive-suite-shell .lead-sources-pro {
		grid-template-columns: 136px minmax(0, 1fr);
	}
}

@media (max-width: 1280px) {
	#mainAppContent.executive-suite-shell .app-header {
		width: 204px;
	}

	#mainAppContent.executive-suite-shell #appRoot {
		margin-left: 204px;
	}
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell #appRoot {
		margin-left: 0;
	}

	#mainAppContent.executive-suite-shell .leads-filter-row {
		display: flex;
		flex-wrap: wrap;
	}

	#mainAppContent.executive-suite-shell .filter-search-wrapper {
		min-width: 100%;
		max-width: none;
	}
}

/* Executive Suite v3: Leads becomes a table-first workbench instead of a stacked dashboard. */
@media (min-width: 1501px) {
	#mainAppContent.executive-suite-shell #leadsView:not(.hidden) {
		display: grid;
		grid-template-columns: minmax(0, 1fr) clamp(350px, 21vw, 410px);
		grid-template-areas:
			"header kpis"
			"controls controls"
			"table insights"
			"pager insights";
		gap: 12px;
		align-items: start;
		max-width: 1880px;
		margin: 0 auto;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-page-header {
		grid-area: header;
		min-height: 104px;
		margin: 0;
		padding: 15px 18px;
		align-items: center;
		border-radius: 18px;
		background:
			linear-gradient(135deg, rgba(99, 102, 241, 0.13), rgba(6, 182, 212, 0.055)),
			rgba(18, 26, 43, 0.84);
		box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-eyebrow {
		margin-bottom: 6px;
		font-size: 10px;
		letter-spacing: 0.18em;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-page-header h1 {
		font-size: clamp(28px, 1.85vw, 36px);
		letter-spacing: -0.045em;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-page-subtitle {
		max-width: 700px;
		margin-top: 6px;
		font-size: 13px;
		line-height: 1.35;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-live-badge {
		padding: 7px 11px;
		font-size: 11px;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row {
		grid-area: kpis;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		margin: 0;
		align-self: stretch;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card {
		min-height: 48px;
		padding: 10px 12px;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: auto auto;
		column-gap: 10px;
		align-content: center;
		border-radius: 14px;
		background:
			linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
			rgba(15, 23, 42, 0.86);
		box-shadow: none;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card::after {
		inset: auto 10px 0 10px;
		height: 2px;
		opacity: 0.82;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-label {
		font-size: 9.5px;
		letter-spacing: 0.1em;
		white-space: nowrap;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-value {
		grid-column: 2;
		grid-row: 1 / 3;
		align-self: center;
		margin: 0;
		font-size: 24px;
		letter-spacing: -0.055em;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-sub {
		margin-top: 3px;
		font-size: 10px;
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
		grid-area: insights;
		position: sticky;
		top: 14px;
		margin: 0;
		min-width: 0;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
		margin: 0;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
		order: 1;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-overview-panel {
		order: 2;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-health-panel {
		order: 3;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		min-height: 0;
		padding: 12px;
		border-radius: 16px;
		background:
			linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
			rgba(17, 24, 39, 0.92);
		box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
		margin-bottom: 9px;
		padding-bottom: 8px;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
		font-size: 11px;
		letter-spacing: 0.09em;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
		grid-template-columns: 88px minmax(0, 1fr);
		gap: 11px;
		align-items: center;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring {
		width: 84px;
		height: 84px;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-hole {
		width: 52px;
		height: 52px;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-total {
		font-size: 16px;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-total-label,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-top,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-more {
		font-size: 9px;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
		padding: 6px 8px;
		border-radius: 10px;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
		margin-bottom: 5px;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-name,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
		font-size: 10px;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-rank {
		min-width: 20px;
		height: 20px;
		font-size: 9px;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
		min-height: 30px;
		padding: 6px 8px;
		grid-template-columns: 18px minmax(76px, 0.62fr) minmax(80px, 1fr) auto;
		gap: 8px;
		border-radius: 10px;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-icon {
		width: 18px;
		height: 18px;
		font-size: 10px;
		overflow: hidden;
		white-space: nowrap;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-label,
	#mainAppContent.executive-suite-shell #leadsView .health-bar-count,
	#mainAppContent.executive-suite-shell #leadsView .health-bar-pct {
		font-size: 10.5px;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-track {
		height: 6px;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar {
		grid-area: controls;
		margin: 0;
		padding: 10px 12px;
		border-radius: 16px;
		background: rgba(13, 19, 35, 0.94);
		box-shadow: 0 14px 32px rgba(0, 0, 0, 0.17);
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-filter-row {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		gap: 8px;
		min-width: 0;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-filter-tabs-inline,
	#mainAppContent.executive-suite-shell #leadsView .leads-scope-tabs-inline {
		display: inline-flex;
		flex: 0 0 auto;
		gap: 5px;
	}

	#mainAppContent.executive-suite-shell #leadsView .filter-tab {
		min-height: 30px;
		padding: 0 11px;
		border-radius: 9px;
		font-size: 11px;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-count-badge {
		flex: 0 0 auto;
		min-height: 30px;
		padding: 0 10px;
		display: inline-flex;
		align-items: center;
		border: 1px solid rgba(136, 153, 184, 0.2);
		background: rgba(226, 232, 240, 0.1);
		color: #dce6f8;
		font-size: 11px;
	}

	#mainAppContent.executive-suite-shell #leadsView .filter-divider {
		flex: 0 0 1px;
		width: 1px;
		height: 24px;
		background: rgba(136, 153, 184, 0.18);
	}

	#mainAppContent.executive-suite-shell #leadsView .filter-spacer {
		flex: 1 1 auto;
		min-width: 8px;
	}

	#mainAppContent.executive-suite-shell #leadsView .filter-search-wrapper {
		flex: 0 1 330px;
		min-width: 240px;
		height: 36px;
		border: 1px solid rgba(136, 153, 184, 0.2) !important;
		border-radius: 12px !important;
		background: rgba(7, 11, 20, 0.76) !important;
		box-shadow: none !important;
		color: #dbe7f7;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadSearch {
		height: 34px;
		background: transparent !important;
		border: 0 !important;
		color: #f3f7ff !important;
		box-shadow: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter {
		flex: 0 0 130px;
		height: 36px;
	}

	#mainAppContent.executive-suite-shell #leadsView #clearFilters {
		flex: 0 0 auto;
		height: 36px;
		padding: 0 12px;
	}

	#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
		flex: 0 0 auto;
		min-width: 116px;
		height: 38px;
		padding: 0 14px;
		white-space: nowrap;
		border-radius: 12px;
		background: linear-gradient(135deg, #2563eb, #0ea5e9);
		box-shadow: 0 12px 28px rgba(14, 165, 233, 0.22);
	}

	#mainAppContent.executive-suite-shell #leadsView .table-wrapper {
		grid-area: table;
		margin: 0;
		max-height: calc(100vh - 250px);
		overflow: auto;
		border-radius: 16px;
	}

	#mainAppContent.executive-suite-shell #leadsView .pagination {
		grid-area: pager;
		margin: 0;
		border-radius: 0 0 16px 16px;
	}
}

#mainAppContent.executive-suite-shell #leadsView .filter-search-wrapper svg {
	flex: 0 0 auto;
	color: #8ea1c1;
}

#mainAppContent.executive-suite-shell #leadsView .filter-input-compact {
	border-radius: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-top {
	color: #a9bad4;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-top strong {
	color: #f8fbff;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr {
	transition: background 140ms ease, box-shadow 140ms ease;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr:hover {
	box-shadow: inset 3px 0 0 rgba(56, 189, 248, 0.78);
}

#mainAppContent.executive-suite-shell #leadsTable .checkbox-label {
	width: 18px;
	height: 18px;
	margin: 0 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

#mainAppContent.executive-suite-shell #leadsTable .checkbox-label input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

#mainAppContent.executive-suite-shell #leadsTable .checkmark {
	width: 16px;
	height: 16px;
	border: 1px solid rgba(189, 202, 224, 0.42);
	border-radius: 5px;
	background: rgba(226, 232, 240, 0.08);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.22);
}

#mainAppContent.executive-suite-shell #leadsTable .checkbox-label input[type="checkbox"]:checked + .checkmark,
#mainAppContent.executive-suite-shell #leadsTable .select-all-checkbox:checked + .checkmark {
	border-color: rgba(129, 140, 248, 0.9);
	background: linear-gradient(135deg, #6366f1, #0ea5e9);
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.16);
}

#mainAppContent.executive-suite-shell #leadsTable .checkbox-label input[type="checkbox"]:checked + .checkmark::after,
#mainAppContent.executive-suite-shell #leadsTable .select-all-checkbox:checked + .checkmark::after {
	content: "";
	position: absolute;
	width: 7px;
	height: 4px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
	top: 5px;
	left: 5px;
}

@media (max-width: 1500px) {
	#mainAppContent.executive-suite-shell #leadsView:not(.hidden) {
		display: block;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
		position: static;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Executive Suite v4: align Leads to the provided Theme-A reference instead of a custom right rail. */
#mainAppContent.executive-suite-shell {
	--es-bg: #0a0e1a;
	--es-sidebar: #0f1525;
	--es-surface: #141c2e;
	--es-surface-2: #1a2540;
	--es-border: rgba(56, 72, 100, 0.26);
	--es-text: #e0e7ef;
	--es-text-strong: #f5f8ff;
	--es-muted: #7a8ba8;
	--es-muted-2: #4a5c78;
	--es-accent: #6366f1;
	--es-accent-2: #818cf8;
	--es-radius: 12px;
	background: var(--es-bg);
}

#mainAppContent.executive-suite-shell .app-header {
	width: 200px;
	padding: 16px 12px;
	gap: 14px;
	background: var(--es-sidebar);
	box-shadow: none;
	backdrop-filter: none;
}

#mainAppContent.executive-suite-shell .brand {
	padding: 8px 8px 14px;
	justify-content: flex-start;
}

#mainAppContent.executive-suite-shell .brand-logo {
	max-width: 150px;
	max-height: 44px;
}

#mainAppContent.executive-suite-shell .nav-link {
	min-height: 36px;
	margin: 1px 0;
	padding: 0 12px;
	border-radius: 8px;
	color: var(--es-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
}

#mainAppContent.executive-suite-shell .nav-link:hover,
#mainAppContent.executive-suite-shell .nav-link.active,
#mainAppContent.executive-suite-shell .nav-link[aria-current="page"] {
	background: rgba(99, 102, 241, 0.13);
	border-color: rgba(99, 102, 241, 0.2);
	color: var(--es-accent-2);
	transform: none;
}

#mainAppContent.executive-suite-shell .nav-link-special {
	background: transparent;
	border-color: transparent;
}

#mainAppContent.executive-suite-shell .header-actions {
	padding-top: 12px;
	gap: 8px;
}

#mainAppContent.executive-suite-shell .user-info {
	padding: 9px 10px;
	border-radius: 10px;
	background: rgba(20, 28, 46, 0.74);
}

#mainAppContent.executive-suite-shell #appRoot {
	margin-left: 200px;
	padding: 20px 24px;
	overflow-x: auto;
}

#mainAppContent.executive-suite-shell #leadsView:not(.hidden) {
	display: block;
	max-width: none;
	margin: 0;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header {
	min-height: 0;
	margin: 0 0 18px;
	padding: 0;
	display: flex;
	align-items: center;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-eyebrow,
#mainAppContent.executive-suite-shell #leadsView .executive-page-subtitle {
	display: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header h1 {
	margin: 0;
	color: var(--es-text-strong);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.03em;
}

#mainAppContent.executive-suite-shell #leadsView .executive-live-badge {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--es-success);
	font-size: 11px;
	font-weight: 600;
}

#mainAppContent.executive-suite-shell #leadsView .executive-live-dot {
	width: 7px;
	height: 7px;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 18px;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card {
	min-height: 96px;
	padding: 16px;
	display: block;
	border: 1px solid var(--es-border);
	border-radius: var(--es-radius);
	background: var(--es-surface);
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card::after {
	display: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-label {
	margin: 0 0 6px;
	color: var(--es-muted-2);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.05em;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-value {
	margin: 0;
	color: var(--es-text-strong);
	font-size: 28px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.05em;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--accent .executive-kpi-value {
	color: var(--es-accent-2);
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--success .executive-kpi-value {
	color: var(--es-success);
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--info .executive-kpi-value {
	color: var(--es-warning);
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--warning .executive-kpi-value {
	color: var(--es-danger);
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-sub {
	margin-top: 4px;
	color: var(--es-muted);
	font-size: 10px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}

#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
	position: static;
	margin: 0 0 16px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 300px;
	gap: 12px;
	margin: 0;
}

#mainAppContent.executive-suite-shell #leadsView .leads-overview-panel,
#mainAppContent.executive-suite-shell #leadsView .leads-health-panel,
#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
	order: initial;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
	min-height: 132px;
	padding: 14px 16px;
	border: 1px solid var(--es-border);
	border-radius: var(--es-radius);
	background: var(--es-surface);
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
	margin: 0 0 10px;
	padding: 0;
	border: 0;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
	color: var(--es-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}

#mainAppContent.executive-suite-shell #leadsView .pipeline-health-tooltip {
	width: 16px;
	height: 16px;
	margin-left: 6px;
	border-color: rgba(122, 139, 168, 0.35);
	background: rgba(255, 255, 255, 0.04);
	color: var(--es-muted);
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
	min-height: 22px;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 5px;
	border: 0;
	border-radius: 0;
	background: transparent;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-icon {
	display: none;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-label {
	flex: 0 0 70px;
	min-width: 70px;
	color: var(--es-muted-2);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-track {
	flex: 1 1 auto;
	min-width: 90px;
	height: 6px;
	border-radius: 999px;
	background: rgba(20, 28, 46, 0.86);
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-fill {
	border-radius: inherit;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-meta {
	flex: 0 0 72px;
	min-width: 72px;
	gap: 4px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-count,
#mainAppContent.executive-suite-shell #leadsView .health-bar-pct {
	color: var(--es-text);
	font-size: 11px;
	font-weight: 700;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-pct {
	color: var(--es-muted);
	font-weight: 500;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	grid-template-columns: 82px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring {
	width: 78px;
	height: 78px;
	filter: none;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-hole {
	width: 50px;
	height: 50px;
	background: #080c15;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total {
	font-size: 16px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total-label,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-top,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-more {
	color: var(--es-muted);
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
	padding: 3px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
	margin-bottom: 3px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-rank {
	min-width: auto;
	width: auto;
	height: auto;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--es-muted-2);
	font-size: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name,
#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	color: var(--es-muted);
	font-size: 10px;
	font-weight: 500;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	color: var(--es-text);
	font-weight: 700;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-track,
#mainAppContent.executive-suite-shell #leadsView .lead-source-fill {
	height: 5px;
	border-radius: 999px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar {
	margin: 0 0 12px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-tabs-inline,
#mainAppContent.executive-suite-shell #leadsView .leads-scope-tabs-inline {
	gap: 2px;
	padding: 3px;
	border: 1px solid var(--es-border);
	border-radius: 8px;
	background: var(--es-surface);
}

#mainAppContent.executive-suite-shell #leadsView .filter-tab {
	min-height: 28px;
	padding: 0 12px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: var(--es-muted-2);
	font-size: 11px;
	font-weight: 600;
}

#mainAppContent.executive-suite-shell #leadsView .filter-tab:hover {
	background: rgba(255, 255, 255, 0.035);
	color: var(--es-muted);
}

#mainAppContent.executive-suite-shell #leadsView .filter-tab.active {
	background: var(--es-accent);
	color: #ffffff;
}

#mainAppContent.executive-suite-shell #leadsView .lead-count-badge {
	min-height: 28px;
	padding: 0 10px;
	border: 1px solid var(--es-border);
	background: var(--es-surface);
	color: var(--es-muted);
	font-size: 11px;
	font-weight: 700;
}

#mainAppContent.executive-suite-shell #leadsView .filter-divider {
	width: 1px;
	height: 22px;
	background: var(--es-border);
}

#mainAppContent.executive-suite-shell #leadsView .filter-search-wrapper {
	height: 32px;
	min-width: 180px;
	max-width: 280px;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #leadsView .filter-search-wrapper svg {
	position: absolute;
	left: 10px;
	color: var(--es-muted-2);
}

#mainAppContent.executive-suite-shell #leadsView #leadSearch,
#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter {
	min-height: 32px;
	border: 1px solid var(--es-border) !important;
	border-radius: 8px !important;
	background: var(--es-surface) !important;
	color: var(--es-text) !important;
	font-size: 12px;
}

#mainAppContent.executive-suite-shell #leadsView #leadSearch {
	padding-left: 30px;
}

#mainAppContent.executive-suite-shell #leadsView #leadSearch::placeholder {
	color: var(--es-muted-2);
}

#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter {
	min-width: 100px;
	padding-left: 10px;
	color: var(--es-muted) !important;
}

#mainAppContent.executive-suite-shell #leadsView #clearFilters,
#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
	min-height: 32px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 700;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
	background: var(--es-accent);
	min-width: 106px;
	padding: 0 13px;
}

#mainAppContent.executive-suite-shell #leadsView .table-wrapper {
	margin: 0;
	max-height: none;
	overflow-x: auto;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsTable {
	width: 100%;
	min-width: 1180px;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: auto;
}

#mainAppContent.executive-suite-shell #leadsTable thead th {
	height: auto;
	padding: 9px 12px;
	border-bottom: 1px solid var(--es-border);
	background: var(--es-surface);
	color: var(--es-muted-2);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.07em;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr {
	background: transparent;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr:hover {
	background: rgba(99, 102, 241, 0.045);
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsTable tbody td {
	padding: 10px 12px;
	border-bottom: 1px solid var(--es-border);
	color: var(--es-text);
	font-size: 13px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(1),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(1) {
	width: 38px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(2),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(2) {
	width: 300px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(3),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(3) {
	width: 112px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(5),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(5) {
	width: 170px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(7),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(7) {
	width: 150px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(8),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(8) {
	width: 176px;
}

#mainAppContent.executive-suite-shell .lead-name-row {
	gap: 1px 8px;
}

#mainAppContent.executive-suite-shell .lead-name {
	font-size: 13px;
	font-weight: 700;
}

#mainAppContent.executive-suite-shell .lead-contact-line {
	color: var(--es-muted);
	font-size: 10px;
}

#mainAppContent.executive-suite-shell .lead-inline-actions .icon-btn,
#mainAppContent.executive-suite-shell .lead-inline-actions button {
	width: 23px;
	height: 23px;
	border-radius: 6px;
}

#mainAppContent.executive-suite-shell .action-btn,
#mainAppContent.executive-suite-shell .action-btn.secondary {
	min-height: 30px;
	padding: 0 12px;
	border-radius: 8px;
	font-size: 11px;
}

#mainAppContent.executive-suite-shell .showcase-btn {
	min-width: 112px !important;
	min-height: 32px !important;
	border-radius: 8px !important;
	border-color: rgba(99, 102, 241, 0.34) !important;
	background: rgba(99, 102, 241, 0.84) !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell .pref-tag,
#mainAppContent.executive-suite-shell .pref-tag.beds,
#mainAppContent.executive-suite-shell .pref-tag.baths,
#mainAppContent.executive-suite-shell .pref-tag.budget {
	padding: 2px 7px !important;
	border-radius: 4px !important;
	background: var(--es-surface-2) !important;
	color: var(--es-muted) !important;
	font-size: 9px !important;
	font-weight: 600 !important;
}

#mainAppContent.executive-suite-shell .pref-tag.budget {
	background: rgba(34, 197, 94, 0.1) !important;
	color: var(--es-success) !important;
}

#mainAppContent.executive-suite-shell .select {
	min-height: 32px;
	border-radius: 8px;
	background: #0c111d;
	font-size: 12px;
}

#mainAppContent.executive-suite-shell #leadsView .pagination {
	margin: 0;
	padding: 12px !important;
	justify-content: center !important;
	border-radius: 0 0 var(--es-radius) var(--es-radius);
	background: var(--es-surface) !important;
}

@media (max-width: 1280px) {
	#mainAppContent.executive-suite-shell .app-header {
		width: 200px;
	}

	#mainAppContent.executive-suite-shell #appRoot {
		margin-left: 200px;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell #appRoot {
		margin-left: 0;
		padding: 16px;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Executive Suite v5: production cleanup pass after screenshot review. */
#mainAppContent.executive-suite-shell #leadsView:not(.hidden) {
	max-width: 1760px;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header {
	margin-bottom: 14px;
}

#mainAppContent.executive-suite-shell #leadsView .executive-live-badge {
	color: #7ddf9c;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row {
	gap: 10px;
	margin-bottom: 14px;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card {
	min-height: 86px;
	padding: 14px 16px;
	border-color: rgba(56, 72, 100, 0.3);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.022), rgba(255, 255, 255, 0.006)), #141c2e;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-label {
	color: #5f7190;
	font-size: 10px;
	letter-spacing: 0.06em;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-value {
	font-size: 26px;
	letter-spacing: -0.045em;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-sub {
	margin-top: 5px;
	color: #7d8cac;
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
	margin-bottom: 14px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
	grid-template-columns: minmax(0, 1.02fr) minmax(0, 1.02fr) 292px;
	gap: 10px;
	align-items: stretch;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
	min-height: 178px;
	padding: 12px 14px;
	border-color: rgba(56, 72, 100, 0.32);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.004)), #141c2e;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
	margin-bottom: 9px;
	padding-bottom: 8px;
	border-bottom-color: rgba(56, 72, 100, 0.34);
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
	color: #9fb1d2;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: none;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
	min-height: 18px;
	gap: 7px;
	margin-bottom: 4px;
	cursor: pointer;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-row:last-child {
	margin-bottom: 0;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-label {
	flex-basis: 68px;
	min-width: 68px;
	font-size: 9px;
	color: #52637f;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-track {
	height: 5px;
	background: rgba(10, 14, 26, 0.86);
	border: 1px solid rgba(56, 72, 100, 0.28);
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-meta {
	flex-basis: 64px;
	min-width: 64px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-count,
#mainAppContent.executive-suite-shell #leadsView .health-bar-pct {
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-wrap {
	align-self: start;
	padding-top: 4px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring {
	width: 68px;
	height: 68px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-hole {
	width: 43px;
	height: 43px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total {
	font-size: 14px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total-label,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-top {
	font-size: 9px;
	line-height: 1.15;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
	display: grid;
	gap: 4px;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
	padding: 0;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
	margin-bottom: 2px;
	gap: 5px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name-wrap {
	min-width: 0;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-rank,
#mainAppContent.executive-suite-shell #leadsView .lead-source-name,
#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	font-size: 9px;
	line-height: 1.1;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-track,
#mainAppContent.executive-suite-shell #leadsView .lead-source-fill {
	height: 4px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-more {
	margin-top: 1px;
	font-size: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar {
	margin-bottom: 10px;
	padding: 10px 12px;
	border: 1px solid rgba(56, 72, 100, 0.28);
	border-radius: 10px;
	background: rgba(15, 21, 37, 0.64);
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-row {
	gap: 7px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-tabs-inline,
#mainAppContent.executive-suite-shell #leadsView .leads-scope-tabs-inline {
	border-color: rgba(56, 72, 100, 0.32);
	background: #0f1525;
}

#mainAppContent.executive-suite-shell #leadsView .filter-tab {
	min-height: 26px;
	padding: 0 10px;
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-count-badge {
	min-height: 28px;
	color: #a8b5cf;
	background: rgba(20, 28, 46, 0.86);
}

#mainAppContent.executive-suite-shell #leadsView .filter-search-wrapper {
	flex: 0 1 250px;
	max-width: 250px;
}

#mainAppContent.executive-suite-shell #leadsView #leadSearch,
#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter {
	min-height: 30px;
	background: #0d1322 !important;
}

#mainAppContent.executive-suite-shell #leadsView #clearFilters {
	color: #cbd5e1;
	background: #111827;
}

#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
	min-width: 108px;
	background: #6366f1;
	border-color: rgba(129, 140, 248, 0.44);
}

#mainAppContent.executive-suite-shell #leadsView .table-wrapper {
	border: 1px solid rgba(56, 72, 100, 0.28);
	border-radius: 10px;
	background: #101725;
}

#mainAppContent.executive-suite-shell #leadsTable {
	min-width: 1120px;
}

#mainAppContent.executive-suite-shell #leadsTable thead th {
	padding: 8px 12px;
	background: #121a2b;
	color: #657694;
	font-size: 9px;
	letter-spacing: 0.08em;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr {
	background: #0c1220;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr:nth-child(even) {
	background: #0e1524;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr:hover {
	background: rgba(99, 102, 241, 0.075);
}

#mainAppContent.executive-suite-shell #leadsTable tbody td {
	padding: 9px 12px;
	border-bottom-color: rgba(56, 72, 100, 0.26);
	font-size: 12px;
}

#mainAppContent.executive-suite-shell .lead-name-row {
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 2px 8px;
}

#mainAppContent.executive-suite-shell .lead-contact-line {
	color: #7b8aa7;
	font-size: 10px;
}

#mainAppContent.executive-suite-shell .lead-inline-actions {
	opacity: 0.86;
}

#mainAppContent.executive-suite-shell .lead-inline-action,
#mainAppContent.executive-suite-shell .lead-inline-actions .icon-btn,
#mainAppContent.executive-suite-shell .lead-inline-actions button {
	width: 22px;
	height: 22px;
	border-radius: 6px;
	background: #1b263b;
	color: #a8b5cf;
}

#mainAppContent.executive-suite-shell .action-btn.secondary {
	background: #f8fafc;
	color: #1f2937;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell .showcase-btn {
	min-width: 114px !important;
	min-height: 31px !important;
	padding: 0 12px !important;
	background: linear-gradient(180deg, #3169f4, #2457d8) !important;
	font-size: 11px !important;
	line-height: 1.05 !important;
}

#mainAppContent.executive-suite-shell .pref-tag,
#mainAppContent.executive-suite-shell .pref-tag.beds,
#mainAppContent.executive-suite-shell .pref-tag.baths,
#mainAppContent.executive-suite-shell .pref-tag.budget {
	border: 1px solid rgba(99, 102, 241, 0.28) !important;
	background: rgba(59, 130, 246, 0.14) !important;
	color: #bdd2ff !important;
}

#mainAppContent.executive-suite-shell .pref-tag.budget {
	border-color: rgba(34, 197, 94, 0.28) !important;
	background: rgba(34, 197, 94, 0.11) !important;
	color: #4ade80 !important;
}

#mainAppContent.executive-suite-shell #leadsView .pagination {
	background: #121a2b !important;
}

@media (max-width: 1280px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: 1fr;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
		grid-template-columns: 86px minmax(0, 1fr);
	}
}

/* Executive Suite v6: protect the assignment column and make dense rows feel intentional. */
#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 274px;
}

#mainAppContent.executive-suite-shell #leadsTable {
	min-width: 1120px;
	table-layout: fixed;
}

#mainAppContent.executive-suite-shell #leadsTable th,
#mainAppContent.executive-suite-shell #leadsTable td {
	min-width: 0;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(1),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(1) {
	width: 36px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(2),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(2) {
	width: 260px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(3),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(3) {
	width: 88px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(4),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(4) {
	width: 64px;
	text-align: center;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(5),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(5) {
	width: 144px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(6),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(6) {
	width: auto;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(7),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(7) {
	width: 122px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(8),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(8) {
	width: 218px;
}

#mainAppContent.executive-suite-shell #leadsTable td[data-label="Agent Assigned"] {
	overflow: visible;
}

#mainAppContent.executive-suite-shell .lead-agent-assignee {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	width: 100%;
	min-width: 0;
}

#mainAppContent.executive-suite-shell .lead-agent-assignee--readonly {
	display: inline-grid;
	max-width: 100%;
}

#mainAppContent.executive-suite-shell .lead-agent-avatar {
	position: relative;
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid rgba(129, 140, 248, 0.28);
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.36), rgba(14, 165, 233, 0.18));
	color: #eef2ff;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
}

#mainAppContent.executive-suite-shell .lead-agent-avatar img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

#mainAppContent.executive-suite-shell .lead-agent-avatar img[hidden],
#mainAppContent.executive-suite-shell .lead-agent-initials[hidden] {
	display: none;
}

#mainAppContent.executive-suite-shell .lead-agent-initials {
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.04em;
}

#mainAppContent.executive-suite-shell .lead-agent-select {
	width: 100%;
	min-width: 0;
	height: 32px;
	padding: 0 26px 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell .lead-agent-select-shell {
	position: relative;
	min-width: 0;
	width: 100%;
	height: 32px;
	display: block;
	overflow: hidden;
	border: 1px solid rgba(126, 148, 184, 0.22);
	border-radius: 8px;
	background: #0c111d;
}

#mainAppContent.executive-suite-shell .lead-agent-select-shell:focus-within {
	border-color: rgba(129, 140, 248, 0.78);
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.18);
}

#mainAppContent.executive-suite-shell .lead-agent-select-shell::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	border-right: 1.5px solid #7a8ba8;
	border-bottom: 1.5px solid #7a8ba8;
	transform: translateY(-68%) rotate(45deg);
	pointer-events: none;
}

#mainAppContent.executive-suite-shell .lead-agent-select-shell--disabled {
	opacity: 0.72;
}

#mainAppContent.executive-suite-shell .lead-agent-selected-name {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	min-width: 0;
	padding: 0 24px 0 10px;
	overflow: hidden;
	color: var(--es-text-strong);
	font-size: 11px;
	font-weight: 750;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	pointer-events: none;
}

#mainAppContent.executive-suite-shell .lead-agent-select-shell .lead-agent-select {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0 !important;
	background: transparent !important;
	color: transparent !important;
	opacity: 0.01;
	cursor: pointer;
}

#mainAppContent.executive-suite-shell .lead-agent-select-shell .lead-agent-select:disabled {
	cursor: not-allowed;
}

#mainAppContent.executive-suite-shell .lead-agent-name {
	display: block;
	min-width: 0;
	overflow: hidden;
	color: var(--es-text-strong);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.15;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell .lead-agent-assignee--locked {
	opacity: 0.72;
}

#mainAppContent.executive-suite-shell .lead-agent-assignee--locked .lead-agent-avatar {
	filter: grayscale(0.2);
}

#mainAppContent.executive-suite-shell #leadsTable .lead-name-row {
	grid-template-columns: minmax(0, 1fr) auto;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-identity,
#mainAppContent.executive-suite-shell #leadsTable .lead-name,
#mainAppContent.executive-suite-shell #leadsTable .lead-contact-line {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsTable .action-btn.secondary {
	min-width: 78px;
	padding-inline: 10px;
}

#mainAppContent.executive-suite-shell #leadsTable .showcase-btn {
	min-width: 104px !important;
	width: 104px !important;
	padding-inline: 9px !important;
	justify-content: center;
}

#mainAppContent.executive-suite-shell #leadsTable .showcase-btn svg {
	margin-right: 4px !important;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tag {
	margin: 1px 2px 1px 0;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .filter-spacer {
	flex: 1 1 16px;
	min-width: 8px;
}

#mainAppContent.executive-suite-shell #leadsView .filter-search-wrapper {
	flex: 0 1 230px;
	width: 230px;
	min-width: 180px;
	max-width: 250px;
}

#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter {
	flex: 0 0 126px !important;
	width: 126px !important;
	min-width: 126px !important;
	max-width: 126px !important;
}

#mainAppContent.executive-suite-shell #leadsView #clearFilters {
	flex: 0 0 auto;
}

#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
	flex: 0 0 auto;
	margin-left: auto;
}

@media (max-width: 1500px) {
	#mainAppContent.executive-suite-shell #appRoot {
		padding-left: 18px;
		padding-right: 18px;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: 1fr 1fr;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
		grid-column: 1 / -1;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
		grid-template-columns: 86px minmax(0, 1fr);
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-filter-row {
		align-items: center;
	}
}

/* Executive Suite v7: compact Leads command strip with analytics directly above the work table. */
#mainAppContent.executive-suite-shell #leadsView:not(.hidden) {
	max-width: 1840px;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header {
	min-height: 0;
	margin: 0 0 8px;
	padding: 9px 12px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	border: 1px solid rgba(56, 72, 100, 0.3);
	border-radius: 12px;
	background:
		linear-gradient(135deg, rgba(99, 102, 241, 0.075), rgba(14, 165, 233, 0.035)),
		#101725;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header > div:first-child {
	min-width: 0;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: baseline;
	column-gap: 12px;
	row-gap: 0;
}

#mainAppContent.executive-suite-shell #leadsView .executive-eyebrow {
	display: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header h1 {
	margin: 0;
	color: #f8fbff;
	font-size: clamp(18px, 1.1vw, 22px);
	font-weight: 780;
	line-height: 1;
	letter-spacing: -0.035em;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-subtitle {
	max-width: none;
	margin: 0;
	overflow: hidden;
	color: #8a9abb;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .executive-live-badge {
	min-height: 28px;
	padding: 0 10px;
	border-color: rgba(34, 197, 94, 0.28);
	border-radius: 999px;
	background: rgba(34, 197, 94, 0.085);
	box-shadow: none;
	color: #88f0a7;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .executive-live-dot {
	width: 7px;
	height: 7px;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin: 0 0 8px;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card {
	min-height: 46px;
	padding: 9px 11px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	align-content: center;
	column-gap: 10px;
	border-color: rgba(56, 72, 100, 0.28);
	border-radius: 10px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.005)),
		#11192a;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card::after {
	inset: auto 10px 0 10px;
	height: 2px;
	opacity: 0.68;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-label {
	grid-column: 1;
	grid-row: 1;
	color: #7082a0;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-value {
	grid-column: 2;
	grid-row: 1 / 3;
	align-self: center;
	margin: 0;
	color: #f8fbff;
	font-size: 20px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.04em;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-sub {
	grid-column: 1;
	grid-row: 2;
	margin-top: 5px;
	color: #52627d;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
	position: static;
	margin: 0 0 8px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
	display: grid;
	grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.05fr) minmax(0, 1.05fr);
	gap: 8px;
	align-items: stretch;
	margin: 0;
}

#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
	order: -1;
	grid-column: auto;
}

#mainAppContent.executive-suite-shell #leadsView .leads-overview-panel,
#mainAppContent.executive-suite-shell #leadsView .leads-health-panel {
	order: 0;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
	min-height: 128px;
	padding: 10px 12px;
	border-color: rgba(56, 72, 100, 0.3);
	border-radius: 10px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.004)),
		#121a2b;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
	margin: 0 0 7px;
	padding: 0 0 6px;
	border-bottom: 1px solid rgba(56, 72, 100, 0.3);
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
	color: #9caccc;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.03em;
}

#mainAppContent.executive-suite-shell #leadsView .pipeline-health-tooltip {
	width: 15px;
	height: 15px;
	margin-left: 5px;
	font-size: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	grid-template-columns: 62px minmax(0, 1fr);
	gap: 9px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-wrap {
	align-self: start;
	padding-top: 3px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring {
	width: 58px;
	height: 58px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-hole {
	width: 37px;
	height: 37px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total {
	font-size: 12px;
	line-height: 1;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total-label,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-top,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-more {
	font-size: 8px;
	line-height: 1.1;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
	gap: 3px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
	margin-bottom: 2px;
	gap: 4px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-rank,
#mainAppContent.executive-suite-shell #leadsView .lead-source-name,
#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	font-size: 8.5px;
	line-height: 1.05;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-track,
#mainAppContent.executive-suite-shell #leadsView .lead-source-fill {
	height: 3px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
	min-height: 16px;
	gap: 6px;
	margin-bottom: 3px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-label {
	flex: 0 0 62px;
	min-width: 62px;
	color: #5d6f8d;
	font-size: 8.5px;
	letter-spacing: 0.04em;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-track {
	min-width: 72px;
	height: 5px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-meta {
	flex: 0 0 58px;
	min-width: 58px;
	gap: 4px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-count,
#mainAppContent.executive-suite-shell #leadsView .health-bar-pct {
	font-size: 9.5px;
	line-height: 1;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar {
	margin: 0 0 8px;
	padding: 8px 10px;
	border-radius: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-row {
	gap: 6px;
}

#mainAppContent.executive-suite-shell #leadsView .filter-tab {
	min-height: 25px;
	padding: 0 9px;
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-count-badge {
	min-height: 25px;
	padding: 0 9px;
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .filter-search-wrapper {
	flex: 0 1 220px;
	width: 220px;
	min-width: 170px;
	max-width: 230px;
}

#mainAppContent.executive-suite-shell #leadsView #leadSearch,
#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter {
	min-height: 28px;
}

#mainAppContent.executive-suite-shell #leadsView #clearFilters,
#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
	min-height: 28px;
}

@media (max-width: 1500px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
		grid-column: auto;
	}
}

@media (max-width: 1320px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
		grid-column: 1 / -1;
	}
}

@media (max-width: 980px) {
	#mainAppContent.executive-suite-shell #leadsView .executive-page-header,
	#mainAppContent.executive-suite-shell #leadsView .executive-page-header > div:first-child {
		grid-template-columns: 1fr;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-page-subtitle {
		white-space: normal;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-live-badge {
		justify-self: start;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row,
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: 1fr;
	}
}

/* Executive Suite v8: branch-only refinement layer.
   This intentionally sits last so the Leads page has one final visual contract
   instead of competing dark-theme overrides from the earlier experiments. */
#mainAppContent.executive-suite-shell {
	--es-bg: #101722;
	--es-bg-2: #151f2d;
	--es-sidebar: #111b29;
	--es-panel: #182437;
	--es-panel-2: #21304a;
	--es-panel-3: #151f2d;
	--es-line: rgba(170, 190, 220, 0.26);
	--es-line-strong: rgba(125, 160, 245, 0.44);
	--es-text: #dce8f7;
	--es-text-strong: #f8fbff;
	--es-muted: #aebdd3;
	--es-faint: #8fa1b8;
	--es-blue: #5b7cfa;
	--es-cyan: #23b7e5;
	--es-green: #24d07a;
	--es-yellow: #f4c84b;
	--es-red: #ff5c6c;
	--es-shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.24);
	--es-shadow-tight: 0 8px 22px rgba(0, 0, 0, 0.18);
	background:
		radial-gradient(circle at 18% 0%, rgba(80, 98, 190, 0.12), transparent 32%),
		linear-gradient(180deg, #18263b 0%, var(--es-bg) 34%);
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .app-header {
	width: 220px;
	padding: 18px 12px 14px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0)),
		var(--es-sidebar);
	border-right: 1px solid var(--es-line);
	box-shadow: 18px 0 34px rgba(0, 0, 0, 0.12);
}

#mainAppContent.executive-suite-shell .brand {
	min-height: 58px;
	padding: 0 4px 16px;
	margin-bottom: 14px;
	border-bottom: 1px solid var(--es-line);
}

#mainAppContent.executive-suite-shell .brand-logo {
	max-width: 150px;
	max-height: 50px;
	object-fit: contain;
}

#mainAppContent.executive-suite-shell .main-nav {
	gap: 5px;
}

#mainAppContent.executive-suite-shell .nav-link {
	min-height: 38px;
	padding: 0 14px;
	border-radius: 10px;
	color: #9baac4;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.055em;
}

#mainAppContent.executive-suite-shell .nav-link:hover,
#mainAppContent.executive-suite-shell .nav-link.active {
	background: linear-gradient(90deg, rgba(91, 124, 250, 0.18), rgba(35, 183, 229, 0.08));
	border-color: rgba(91, 124, 250, 0.42);
	color: #ffffff;
}

#mainAppContent.executive-suite-shell .app-header .user-info,
#mainAppContent.executive-suite-shell .app-header .profile-btn,
#mainAppContent.executive-suite-shell .app-header .logout-btn {
	border-color: var(--es-line);
	background: rgba(15, 23, 42, 0.72);
}

#mainAppContent.executive-suite-shell #appRoot {
	margin-left: 220px;
	min-width: 0;
	padding: 20px 24px 28px;
	background: transparent;
}

#mainAppContent.executive-suite-shell #leadsView:not(.hidden) {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	max-width: none;
	min-width: 0;
	align-items: stretch;
}

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

#mainAppContent.executive-suite-shell #leadsView .executive-page-header {
	width: 100%;
	min-height: 52px;
	margin: 0;
	padding: 10px 14px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	border: 1px solid var(--es-line);
	border-radius: 14px;
	background:
		linear-gradient(135deg, rgba(91, 124, 250, 0.13), rgba(35, 183, 229, 0.045) 46%, rgba(36, 208, 122, 0.04)),
		var(--es-panel);
	box-shadow: var(--es-shadow-tight);
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header > div:first-child {
	display: flex;
	align-items: baseline;
	gap: 12px;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #leadsView .executive-eyebrow {
	display: inline-flex;
	order: 2;
	margin: 0;
	color: #8395b5;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header h1 {
	margin: 0;
	color: var(--es-text-strong);
	font-size: clamp(22px, 1.35vw, 28px);
	line-height: 1;
	font-weight: 900;
	letter-spacing: -0.04em;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-subtitle {
	display: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-live-badge {
	min-height: 30px;
	padding: 0 12px;
	border: 1px solid rgba(36, 208, 122, 0.34);
	border-radius: 999px;
	background: rgba(36, 208, 122, 0.1);
	color: #bdf8d4;
	font-size: 11px;
	font-weight: 900;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	width: 100%;
	margin: 0;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card {
	min-height: 58px;
	padding: 10px 12px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	align-items: center;
	gap: 2px 10px;
	border: 1px solid var(--es-line);
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)),
		var(--es-panel);
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card::after {
	display: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-label {
	grid-column: 1;
	grid-row: 1;
	color: #8ea1c2;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.105em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-value {
	grid-column: 2;
	grid-row: 1 / 3;
	align-self: center;
	color: var(--es-text-strong);
	font-size: clamp(24px, 1.55vw, 31px);
	font-weight: 950;
	line-height: 1;
	letter-spacing: -0.055em;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-sub {
	grid-column: 1;
	grid-row: 2;
	margin: 0;
	color: #667897;
	font-size: 10px;
	font-weight: 700;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--accent .executive-kpi-value {
	color: #8694ff;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--success .executive-kpi-value {
	color: var(--es-green);
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--info .executive-kpi-value {
	color: var(--es-yellow);
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--warning .executive-kpi-value {
	color: var(--es-red);
}

#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
	width: 100%;
	margin: 0;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
	display: grid;
	grid-template-columns: minmax(330px, 0.88fr) minmax(390px, 1fr) minmax(390px, 1fr);
	gap: 10px;
	width: 100%;
	align-items: stretch;
}

#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
	order: 0;
	grid-column: auto;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
	min-height: 142px;
	padding: 12px 14px;
	border: 1px solid var(--es-line);
	border-radius: 13px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.005)),
		var(--es-panel);
	box-shadow: none;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
	min-height: 20px;
	margin: 0 0 9px;
	padding: 0 0 8px;
	border-bottom: 1px solid var(--es-line);
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
	color: #dce7fb;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	gap: 13px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-wrap {
	padding-top: 0;
	align-self: center;
	text-align: center;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring {
	width: 84px;
	height: 84px;
	margin-inline: auto;
	border: 1px solid rgba(226, 232, 240, 0.12);
	box-shadow: inset 0 0 0 6px rgba(8, 13, 24, 0.78);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-hole {
	width: 50px;
	height: 50px;
	background: #f8fbff;
	color: #07101e;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total {
	font-size: 15px;
	line-height: 1;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total-label {
	font-size: 7px;
	letter-spacing: 0.045em;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-top {
	margin-top: 5px;
	color: #8395b5;
	font-size: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
	gap: 5px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-row {
	min-width: 0;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr) auto;
	gap: 6px;
	align-items: center;
	margin-bottom: 3px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-rank {
	min-width: 26px;
	height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: rgba(226, 232, 240, 0.1);
	color: #dbe6f7;
	font-size: 9px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name,
#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	font-size: 10px;
	line-height: 1.1;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name {
	color: #dce7fb;
	font-weight: 850;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	color: #9fb0cc;
	font-weight: 800;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-track {
	height: 5px;
	border-radius: 999px;
	background: #08101f;
	border: 1px solid rgba(116, 135, 166, 0.14);
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-fill {
	height: 100%;
	border-radius: inherit;
	box-shadow: 0 0 12px color-mix(in srgb, currentColor 28%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-more {
	margin-top: 4px;
	color: #8496b4;
	font-size: 10px;
	font-weight: 800;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
	min-height: 19px;
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr) 74px;
	gap: 8px;
	align-items: center;
	margin-bottom: 4px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-label {
	min-width: 0;
	color: #8fa1bf;
	font-size: 9.5px;
	font-weight: 900;
	letter-spacing: 0.055em;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-track {
	min-width: 0;
	height: 6px;
	border-radius: 999px;
	background: #070d19;
	border: 1px solid rgba(116, 135, 166, 0.15);
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-fill {
	display: block;
	height: 100%;
	min-width: 3px;
	border-radius: inherit;
	box-shadow: 0 0 12px rgba(255, 255, 255, 0.14);
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-meta {
	min-width: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 28px;
	gap: 5px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-count,
#mainAppContent.executive-suite-shell #leadsView .health-bar-pct {
	line-height: 1;
	font-size: 10px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-count {
	color: #eef5ff;
	text-align: right;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-pct {
	color: #8395b5;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar {
	width: 100%;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid var(--es-line);
	border-radius: 13px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.004)),
		var(--es-panel-3);
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-row {
	width: 100%;
	gap: 7px;
	align-items: center;
	flex-wrap: wrap;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-tabs-inline,
#mainAppContent.executive-suite-shell #leadsView .leads-scope-tabs-inline {
	height: 34px;
	padding: 3px;
	border-radius: 10px;
	background: #070d19;
	border: 1px solid rgba(116, 135, 166, 0.16);
}

#mainAppContent.executive-suite-shell #leadsView .filter-tab {
	min-height: 26px;
	padding: 0 10px;
	border-radius: 8px;
	color: #8496b4;
	font-size: 10.5px;
	font-weight: 850;
}

#mainAppContent.executive-suite-shell #leadsView .filter-tab.active {
	background: linear-gradient(135deg, #6574ff, #4e5eea);
	color: #ffffff;
	box-shadow: 0 8px 18px rgba(91, 124, 250, 0.22);
}

#mainAppContent.executive-suite-shell #leadsView .lead-count-badge {
	height: 30px;
	display: inline-flex;
	align-items: center;
	padding: 0 10px;
	border: 1px solid rgba(116, 135, 166, 0.2);
	border-radius: 999px;
	background: #0b1324;
	color: #dce7fb;
	font-size: 10px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #leadsView .filter-search-wrapper {
	flex: 0 1 230px;
	width: 230px;
	min-width: 180px;
}

#mainAppContent.executive-suite-shell #leadsView #leadSearch,
#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter {
	min-height: 34px;
	border-radius: 9px !important;
	border: 1px solid rgba(116, 135, 166, 0.2) !important;
	background: #070d19 !important;
	color: #eaf1ff !important;
}

#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter {
	flex: 0 0 140px;
}

#mainAppContent.executive-suite-shell #leadsView #clearFilters,
#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
	min-height: 34px;
	border-radius: 9px;
	font-size: 10.5px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
	margin-left: auto;
	padding-inline: 18px;
	background: linear-gradient(135deg, #6875ff, #565de8);
	box-shadow: 0 10px 24px rgba(91, 124, 250, 0.24);
}

#mainAppContent.executive-suite-shell #leadsView .table-wrapper {
	width: 100%;
	margin: 0;
	border: 1px solid var(--es-line);
	border-radius: 13px 13px 0 0;
	background: #0b1220;
	box-shadow: var(--es-shadow-tight);
	overflow-x: auto;
}

#mainAppContent.executive-suite-shell #leadsTable {
	width: 100%;
	min-width: 1450px;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
}

#mainAppContent.executive-suite-shell #leadsTable th,
#mainAppContent.executive-suite-shell #leadsTable td {
	box-sizing: border-box;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(1),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(1) {
	width: 46px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(2),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(2) {
	width: 290px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(3),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(3) {
	width: 98px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(4),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(4) {
	width: 70px;
	text-align: center;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(5),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(5) {
	width: 170px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(7),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(7) {
	width: 132px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(8),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(8) {
	width: 270px;
}

#mainAppContent.executive-suite-shell #leadsTable thead th {
	height: 38px;
	padding: 0 12px;
	border-bottom: 1px solid var(--es-line);
	background: #0f182a;
	color: #8496b4;
	font-size: 10px;
	font-weight: 950;
	letter-spacing: 0.105em;
	text-transform: uppercase;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr {
	background: #0b1220;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr:hover {
	background: #101a2d;
}

#mainAppContent.executive-suite-shell #leadsTable tbody td {
	height: 62px;
	padding: 9px 12px;
	border-bottom: 1px solid rgba(116, 135, 166, 0.14);
	color: var(--es-text);
	font-size: 12px;
	vertical-align: middle;
}

#mainAppContent.executive-suite-shell #leadsTable .checkmark {
	width: 18px;
	height: 18px;
	border: 1.5px solid rgba(143, 161, 191, 0.55);
	border-radius: 5px;
	background: rgba(15, 23, 42, 0.65);
}

#mainAppContent.executive-suite-shell #leadsTable .lead-name-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 3px 8px;
	align-items: center;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-identity,
#mainAppContent.executive-suite-shell #leadsTable .lead-name,
#mainAppContent.executive-suite-shell #leadsTable .lead-contact-line {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-name {
	color: #ffffff;
	font-size: 13px;
	font-weight: 850;
	letter-spacing: -0.02em;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-contact-line {
	grid-column: 1 / -1;
	color: #7f91af;
	font-size: 10.5px;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-inline-actions {
	gap: 5px;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-inline-action {
	width: 23px;
	height: 23px;
	border-radius: 7px;
	background: #151f33;
	border: 1px solid rgba(116, 135, 166, 0.16);
	color: #9fb0cc;
}

#mainAppContent.executive-suite-shell #leadsTable .action-btn.secondary {
	width: 80px;
	min-width: 80px;
	min-height: 30px;
	padding: 0 10px;
	border-radius: 8px;
	border: 1px solid rgba(143, 161, 191, 0.22);
	background: #f8fbff;
	color: #122033;
	font-size: 11px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #leadsTable .health-btn {
	width: 26px;
	height: 26px;
	border-radius: 999px;
	background: rgba(36, 208, 122, 0.16);
	box-shadow: 0 0 16px rgba(36, 208, 122, 0.2);
}

#mainAppContent.executive-suite-shell #leadsTable .health-dot {
	width: 12px;
	height: 12px;
	background: var(--es-green);
	border-radius: 999px;
	box-shadow: 0 0 12px rgba(36, 208, 122, 0.62);
}

#mainAppContent.executive-suite-shell #leadsTable td[data-label="Lead Found Date"] {
	color: #e8f0ff;
	font-size: 12px;
	font-weight: 750;
	line-height: 1.22;
	white-space: normal;
}

#mainAppContent.executive-suite-shell #leadsTable td[data-label="Preference Summary"] {
	white-space: normal;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tag,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag.beds,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag.baths,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag.budget {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	min-height: 22px;
	margin: 1px 3px 1px 0;
	padding: 0 8px !important;
	border-radius: 999px !important;
	border: 1px solid rgba(91, 124, 250, 0.26) !important;
	background: rgba(91, 124, 250, 0.13) !important;
	color: #dbe6ff !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tag.budget {
	border-color: rgba(36, 208, 122, 0.28) !important;
	background: rgba(36, 208, 122, 0.11) !important;
	color: #bdf8d4 !important;
}

#mainAppContent.executive-suite-shell #leadsTable .showcase-btn {
	width: 116px !important;
	min-width: 116px !important;
	min-height: 34px !important;
	padding: 0 10px !important;
	border-radius: 9px !important;
	border: 1px solid rgba(91, 124, 250, 0.36) !important;
	background: linear-gradient(135deg, #336df2, #2555d8) !important;
	color: #ffffff !important;
	font-size: 10.5px !important;
	font-weight: 950 !important;
	line-height: 1.1 !important;
	box-shadow: 0 8px 18px rgba(37, 99, 235, 0.2) !important;
}

#mainAppContent.executive-suite-shell #leadsTable .showcase-btn svg {
	width: 13px !important;
	height: 13px !important;
	margin-right: 4px !important;
}

#mainAppContent.executive-suite-shell .lead-agent-assignee {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	gap: 9px;
	align-items: center;
	min-width: 0;
	width: 100%;
}

#mainAppContent.executive-suite-shell .lead-agent-avatar {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid rgba(129, 140, 248, 0.48);
	background:
		linear-gradient(135deg, rgba(91, 124, 250, 0.34), rgba(35, 183, 229, 0.18)),
		#111a2b;
	color: #e8f0ff;
	box-shadow: 0 0 0 3px rgba(91, 124, 250, 0.08);
}

#mainAppContent.executive-suite-shell .lead-agent-initials {
	font-size: 10px;
	font-weight: 950;
	letter-spacing: 0.02em;
}

#mainAppContent.executive-suite-shell .lead-agent-select-shell {
	width: 100%;
	min-width: 0;
	height: 34px;
	border: 1px solid rgba(116, 135, 166, 0.22);
	border-radius: 9px;
	background: #090f1d;
}

#mainAppContent.executive-suite-shell .lead-agent-selected-name,
#mainAppContent.executive-suite-shell .lead-agent-name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #f4f8ff;
	font-size: 11.5px;
	font-weight: 850;
}

#mainAppContent.executive-suite-shell .lead-agent-selected-name {
	padding: 0 27px 0 10px;
}

#mainAppContent.executive-suite-shell .lead-agent-select {
	cursor: pointer;
}

#mainAppContent.executive-suite-shell #leadsView .pagination {
	width: 100%;
	margin: 0;
	min-height: 56px;
	border: 1px solid var(--es-line);
	border-top: 0;
	border-radius: 0 0 13px 13px;
	background: #10192b;
	color: #9fb0cc;
}

#mainAppContent.executive-suite-shell #leadsView .pagination button {
	min-height: 32px;
	padding: 0 14px;
	border-radius: 9px;
	border: 1px solid rgba(116, 135, 166, 0.2);
	background: #f8fbff;
	color: #122033;
	font-size: 11px;
	font-weight: 900;
}

@media (max-width: 1500px) {
	#mainAppContent.executive-suite-shell #appRoot {
		padding: 16px;
	}

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

	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
		grid-column: 1 / -1;
	}
}

@media (max-width: 1120px) {
	#mainAppContent.executive-suite-shell .app-header {
		width: 72px;
	}

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

	#mainAppContent.executive-suite-shell #appRoot {
		margin-left: 72px;
	}

	#mainAppContent.executive-suite-shell .nav-link {
		justify-content: center;
		padding: 0;
		font-size: 0;
	}

	#mainAppContent.executive-suite-shell .nav-link::before {
		content: attr(data-short);
		font-size: 10px;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row,
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: 1fr;
	}
}

/* Executive Suite v9: branch-only Leads design QA corrections.
   Keep this scoped to Leads so the next pages can be migrated deliberately. */
#mainAppContent.executive-suite-shell {
	font-family: "Aptos", "Segoe UI", sans-serif;
}

#mainAppContent.executive-suite-shell .app-header {
	width: 216px;
	padding: 16px 12px 14px;
}

#mainAppContent.executive-suite-shell .brand {
	min-height: 54px;
	margin-bottom: 18px;
}

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

#mainAppContent.executive-suite-shell .nav-link {
	position: relative;
	min-height: 36px;
	color: #99a9c4;
}

#mainAppContent.executive-suite-shell .nav-link.active::before,
#mainAppContent.executive-suite-shell .nav-link[aria-current="page"]::before {
	content: "";
	position: absolute;
	left: 7px;
	top: 9px;
	bottom: 9px;
	width: 3px;
	border-radius: 999px;
	background: linear-gradient(180deg, var(--es-blue), var(--es-cyan));
}

#mainAppContent.executive-suite-shell .app-header .user-info:has(#headerUserEmail:empty) {
	display: none;
}

#mainAppContent.executive-suite-shell .app-header .profile-btn,
#mainAppContent.executive-suite-shell .app-header .logout-btn {
	min-height: 34px;
	border-radius: 10px;
	color: #d7e1f2;
}

#mainAppContent.executive-suite-shell #appRoot {
	margin-left: 216px;
	padding: 18px 22px 28px;
}

#mainAppContent.executive-suite-shell #leadsView:not(.hidden) {
	gap: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header {
	min-height: 48px;
	padding: 9px 12px;
	border-radius: 12px;
	background:
		linear-gradient(135deg, rgba(91, 124, 250, 0.11), rgba(35, 183, 229, 0.035) 48%, rgba(36, 208, 122, 0.03)),
		#101827;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header h1 {
	font-size: clamp(21px, 1.16vw, 25px);
	font-weight: 880;
	letter-spacing: -0.045em;
}

#mainAppContent.executive-suite-shell #leadsView .executive-eyebrow {
	color: #778aac;
	font-size: 9px;
	letter-spacing: 0.18em;
}

#mainAppContent.executive-suite-shell #leadsView .executive-live-badge {
	min-height: 28px;
	padding: 0 11px;
	background: rgba(36, 208, 122, 0.08);
	color: #a9f4c2;
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row {
	gap: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card {
	min-height: 54px;
	padding: 9px 12px;
	border-radius: 11px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.004)),
		#101827;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-label {
	color: #8395b5;
	font-size: 9px;
	letter-spacing: 0.11em;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-value {
	font-size: clamp(22px, 1.35vw, 28px);
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-sub {
	color: #5f708d;
	font-size: 9.5px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
	grid-template-columns: minmax(350px, 0.92fr) minmax(390px, 1fr) minmax(390px, 1fr);
	gap: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
	min-height: 116px;
	padding: 10px 12px;
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.004)),
		#101827;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
	min-height: 18px;
	margin-bottom: 7px;
	padding-bottom: 6px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
	font-size: 10px;
	letter-spacing: 0.07em;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 12px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring {
	width: 80px;
	height: 80px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-hole {
	width: 48px;
	height: 48px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total {
	font-size: 14px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-top {
	margin-top: 4px;
	font-size: 8.5px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
	grid-template-columns: minmax(0, 1fr) auto;
}

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

#mainAppContent.executive-suite-shell #leadsView .lead-source-dot {
	width: 6px;
	height: 6px;
	flex: 0 0 6px;
	border-radius: 999px;
	background: var(--source-color);
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-rank {
	min-width: 22px;
	height: 16px;
	font-size: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name,
#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
	min-height: 17px;
	grid-template-columns: 82px minmax(0, 1fr) 70px;
	margin-bottom: 3px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-label {
	font-size: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-track {
	height: 5px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-count,
#mainAppContent.executive-suite-shell #leadsView .health-bar-pct {
	font-size: 9.5px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar {
	padding: 7px 9px;
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.022), rgba(255, 255, 255, 0.004)),
		#0d1526;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-row {
	position: relative;
	gap: 6px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-tabs-inline,
#mainAppContent.executive-suite-shell #leadsView .leads-scope-tabs-inline {
	height: 32px;
	padding: 3px;
}

#mainAppContent.executive-suite-shell #leadsView .filter-tab {
	position: relative;
	min-height: 24px;
	padding: 0 9px;
	border: 0 !important;
	outline: 0;
	box-shadow: none;
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .filter-tab::before,
#mainAppContent.executive-suite-shell #leadsView .filter-tab::after {
	display: none !important;
	content: none !important;
}

#mainAppContent.executive-suite-shell #leadsView .filter-tab:focus-visible {
	box-shadow: inset 0 0 0 1px rgba(190, 205, 230, 0.42);
}

#mainAppContent.executive-suite-shell #leadsView .filter-tab.active {
	background: linear-gradient(135deg, #5d69f6, #4754dc);
}

#mainAppContent.executive-suite-shell #leadsView .lead-count-badge,
#mainAppContent.executive-suite-shell #leadsView #leadSearch,
#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter,
#mainAppContent.executive-suite-shell #leadsView #clearFilters,
#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
	min-height: 32px;
}

#mainAppContent.executive-suite-shell #leadsView .filter-search-wrapper {
	flex-basis: 255px;
	width: 255px;
	max-width: 300px;
}

#mainAppContent.executive-suite-shell #leadsView #leadSearch {
	font-size: 11.5px;
}

#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter {
	flex: 0 0 132px;
	width: 132px;
}

#mainAppContent.executive-suite-shell #leadsView #clearFilters {
	padding-inline: 12px;
	border: 1px solid rgba(116, 135, 166, 0.24) !important;
	background: #0b1220;
	color: #b9c7dc;
	box-shadow: none !important;
	outline: 0;
}

#mainAppContent.executive-suite-shell #leadsView #clearFilters:hover {
	border-color: rgba(143, 161, 191, 0.42) !important;
	background: #111a2b;
}

#mainAppContent.executive-suite-shell #leadsView #clearFilters:focus-visible {
	border-color: rgba(91, 124, 250, 0.72) !important;
	box-shadow: 0 0 0 3px rgba(91, 124, 250, 0.18) !important;
}

#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
	padding-inline: 16px;
	border-color: rgba(91, 124, 250, 0.46);
	background: linear-gradient(135deg, #5d69f6, #4657e2);
}

#mainAppContent.executive-suite-shell #leadsView .table-wrapper {
	border-radius: 12px 12px 0 0;
	background: #0b1220;
}

#mainAppContent.executive-suite-shell #leadsTable {
	min-width: 1500px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(1),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(1) {
	width: 44px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(2),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(2) {
	width: 302px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(3),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(3) {
	width: 94px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(4),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(4) {
	width: 64px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(5),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(5) {
	width: 190px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(7),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(7) {
	width: 124px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(8),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(8) {
	width: 250px;
}

#mainAppContent.executive-suite-shell #leadsTable thead th {
	height: 36px;
	padding: 0 11px;
	background: #0e1728;
	color: #8ea1bf;
	font-size: 9.5px;
}

#mainAppContent.executive-suite-shell #leadsTable tbody td {
	height: 58px;
	padding: 8px 11px;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-name {
	font-size: 12.5px;
	font-weight: 820;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-contact-line {
	color: #8898b4;
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-inline-action {
	width: 21px;
	height: 21px;
	border-radius: 6px;
}

#mainAppContent.executive-suite-shell #leadsTable .action-btn.secondary {
	width: 76px;
	min-width: 76px;
	min-height: 28px;
	font-size: 10.5px;
}

#mainAppContent.executive-suite-shell #leadsTable .health-btn {
	width: 22px;
	height: 22px;
	box-shadow: 0 0 12px rgba(36, 208, 122, 0.2);
}

#mainAppContent.executive-suite-shell #leadsTable .health-dot {
	width: 10px;
	height: 10px;
}

#mainAppContent.executive-suite-shell #leadsTable td[data-label="Lead Found Date"] {
	color: #dce7fb;
	font-size: 11px;
	font-weight: 720;
	line-height: 1.15;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tag,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag.beds,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag.baths,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag.budget {
	min-height: 20px;
	padding: 0 7px !important;
	font-size: 9.5px !important;
	font-weight: 800 !important;
}

#mainAppContent.executive-suite-shell #leadsTable .showcase-btn {
	width: 108px !important;
	min-width: 108px !important;
	min-height: 31px !important;
	background: linear-gradient(135deg, #2c62ea, #224ac6) !important;
	font-size: 10px !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell .lead-agent-assignee {
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 8px;
}

#mainAppContent.executive-suite-shell .lead-agent-avatar {
	width: 28px;
	height: 28px;
}

#mainAppContent.executive-suite-shell .lead-agent-select-shell {
	height: 32px;
	background: #080e1a;
}

#mainAppContent.executive-suite-shell .lead-agent-selected-name,
#mainAppContent.executive-suite-shell .lead-agent-name {
	font-size: 11px;
}

#mainAppContent.executive-suite-shell #leadsView .pagination {
	min-height: 50px;
	border-radius: 0 0 12px 12px;
}

#mainAppContent.executive-suite-shell #leadsView .pagination button {
	min-height: 30px;
}

@media (max-width: 1500px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
		grid-column: 1 / -1;
	}
}

@media (max-width: 1120px) {
	#mainAppContent.executive-suite-shell .app-header {
		width: 72px;
	}

	#mainAppContent.executive-suite-shell #appRoot {
		margin-left: 72px;
		padding: 16px;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row,
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: 1fr;
	}
}

/* Executive Suite v10: Leads-first final visual contract.
   Keep this as the last scoped layer until the rest of the app is migrated page by page. */
#mainAppContent.executive-suite-shell {
	--es-bg: #101722;
	--es-sidebar: #111b29;
	--es-panel: #182437;
	--es-panel-2: #21304a;
	--es-panel-3: #151f2d;
	--es-line: rgba(170, 190, 220, 0.26);
	--es-line-strong: rgba(125, 160, 245, 0.44);
	--es-text: #dce8f7;
	--es-text-strong: #fbfdff;
	--es-muted: #aebdd3;
	--es-faint: #8fa1b8;
	--es-blue: #6472ff;
	--es-cyan: #23b7e5;
	--es-green: #23d37d;
	--es-yellow: #ffd044;
	--es-red: #ff5870;
	color-scheme: dark;
	background:
		linear-gradient(180deg, rgba(49, 73, 112, 0.28) 0, rgba(16, 23, 34, 0.98) 210px),
		var(--es-bg);
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell .app-header {
	width: 212px;
	padding: 18px 12px 16px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0)),
		var(--es-sidebar);
	border-right: 1px solid rgba(134, 153, 184, 0.2);
	box-shadow: 18px 0 42px rgba(0, 0, 0, 0.18);
}

#mainAppContent.executive-suite-shell .brand {
	min-height: 56px;
	padding: 0 4px 16px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(134, 153, 184, 0.18);
}

#mainAppContent.executive-suite-shell .brand-logo {
	max-width: 146px;
	max-height: 48px;
	object-fit: contain;
}

#mainAppContent.executive-suite-shell .main-nav {
	gap: 6px;
}

#mainAppContent.executive-suite-shell .nav-link {
	min-height: 38px;
	padding: 0 14px 0 16px;
	border: 1px solid transparent;
	border-radius: 9px;
	color: #9cadc8;
	font-size: 12px;
	font-weight: 850;
	letter-spacing: 0.045em;
	transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

#mainAppContent.executive-suite-shell .nav-link:hover {
	background: rgba(100, 114, 255, 0.09);
	border-color: rgba(100, 114, 255, 0.22);
	color: #e8eefb;
}

#mainAppContent.executive-suite-shell .nav-link.active,
#mainAppContent.executive-suite-shell .nav-link[aria-current="page"] {
	background:
		linear-gradient(90deg, rgba(100, 114, 255, 0.2), rgba(35, 183, 229, 0.08)),
		rgba(12, 20, 36, 0.8);
	border-color: rgba(100, 114, 255, 0.45);
	color: #ffffff;
}

#mainAppContent.executive-suite-shell .nav-link.active::before,
#mainAppContent.executive-suite-shell .nav-link[aria-current="page"]::before {
	left: 7px;
	top: 10px;
	bottom: 10px;
	width: 3px;
}

#mainAppContent.executive-suite-shell .user-info {
	padding: 11px 10px;
	border: 1px solid rgba(134, 153, 184, 0.2);
	border-radius: 10px;
	background: rgba(13, 21, 36, 0.82);
}

#mainAppContent.executive-suite-shell .app-header .profile-btn,
#mainAppContent.executive-suite-shell .app-header .logout-btn,
#mainAppContent.executive-suite-shell #profileBtn,
#mainAppContent.executive-suite-shell #logoutBtn {
	min-height: 34px;
	border: 1px solid rgba(134, 153, 184, 0.2);
	border-radius: 9px;
	background: rgba(12, 19, 34, 0.88);
	color: #dbe6f7;
	font-size: 11px;
	font-weight: 800;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #appRoot {
	margin-left: 212px;
	padding: 18px 22px 24px;
	background: transparent;
}

#mainAppContent.executive-suite-shell #leadsView:not(.hidden) {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header {
	min-height: 48px;
	padding: 9px 12px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	border: 1px solid var(--es-line);
	border-radius: 10px;
	background:
		linear-gradient(135deg, rgba(100, 114, 255, 0.12), rgba(35, 183, 229, 0.04) 52%, rgba(35, 211, 125, 0.035)),
		var(--es-panel);
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header > div:first-child {
	display: flex;
	align-items: baseline;
	gap: 11px;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header h1 {
	margin: 0;
	color: var(--es-text-strong);
	font-size: clamp(22px, 1.16vw, 25px);
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
}

#mainAppContent.executive-suite-shell #leadsView .executive-eyebrow {
	order: 2;
	margin: 0;
	color: #7e90af;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-subtitle {
	display: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-live-badge {
	min-height: 28px;
	padding: 0 12px;
	border: 1px solid rgba(35, 211, 125, 0.34);
	border-radius: 999px;
	background: rgba(35, 211, 125, 0.09);
	color: #baf8d3;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.015em;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	width: 100%;
	margin: 0;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card {
	min-height: 56px;
	padding: 9px 12px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	align-items: center;
	gap: 3px 10px;
	border: 1px solid var(--es-line);
	border-radius: 10px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.004)),
		var(--es-panel);
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-label {
	color: #8798b7;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.09em;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-value {
	color: var(--es-text-strong);
	font-size: clamp(23px, 1.35vw, 29px);
	font-weight: 950;
	letter-spacing: 0;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-sub {
	color: #63738e;
	font-size: 9.5px;
	font-weight: 700;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--accent .executive-kpi-value {
	color: #8791ff;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--success .executive-kpi-value {
	color: var(--es-green);
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--info .executive-kpi-value {
	color: var(--es-yellow);
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--warning .executive-kpi-value {
	color: var(--es-red);
}

#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
	width: 100%;
	margin: 0;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
	display: grid;
	grid-template-columns: minmax(300px, 0.88fr) minmax(360px, 1fr) minmax(360px, 1fr);
	gap: 10px;
	align-items: stretch;
	width: 100%;
}

#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
	order: -1;
	grid-column: auto;
}

#mainAppContent.executive-suite-shell #leadsView .leads-overview-panel,
#mainAppContent.executive-suite-shell #leadsView .leads-health-panel {
	order: 0;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
	min-height: 126px;
	padding: 11px 12px;
	border: 1px solid var(--es-line);
	border-radius: 10px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.004)),
		var(--es-panel);
	box-shadow: none;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
	min-height: 18px;
	margin: 0 0 8px;
	padding: 0 0 7px;
	border-bottom: 1px solid rgba(134, 153, 184, 0.2);
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
	color: #e4edf9;
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0.075em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring {
	width: 76px;
	height: 76px;
	box-shadow: inset 0 0 0 6px rgba(7, 11, 19, 0.76);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-hole {
	width: 46px;
	height: 46px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total {
	font-size: 14px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total-label,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-top,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-more {
	font-size: 8.5px;
	line-height: 1.1;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 7px;
	align-items: center;
	margin-bottom: 3px;
}

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

#mainAppContent.executive-suite-shell #leadsView .lead-source-dot {
	width: 6px;
	height: 6px;
	flex: 0 0 6px;
	border-radius: 999px;
	background: var(--source-color);
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-rank {
	min-width: 22px;
	height: 16px;
	font-size: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name,
#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	font-size: 10px;
	line-height: 1.1;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
	min-height: 17px;
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr) 70px;
	gap: 8px;
	align-items: center;
	margin-bottom: 4px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-label {
	min-width: 0;
	color: #8fa0bd;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.05em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-track {
	min-width: 0;
	height: 5px;
	border: 1px solid rgba(134, 153, 184, 0.14);
	background: #070c16;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-count,
#mainAppContent.executive-suite-shell #leadsView .health-bar-pct {
	font-size: 9.5px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar {
	width: 100%;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid var(--es-line);
	border-radius: 10px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.004)),
		var(--es-panel-2);
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-row {
	display: flex;
	flex-wrap: nowrap;
	gap: 7px;
	align-items: center;
	width: 100%;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-tabs-inline,
#mainAppContent.executive-suite-shell #leadsView .leads-scope-tabs-inline {
	flex: 0 0 auto;
	height: 32px;
	padding: 3px;
	border: 1px solid rgba(134, 153, 184, 0.16);
	border-radius: 9px;
	background: #070c16;
}

#mainAppContent.executive-suite-shell #leadsView .filter-tab {
	min-height: 24px;
	padding: 0 9px;
	border: 0 !important;
	border-radius: 7px;
	color: #8fa0bd;
	font-size: 10px;
	font-weight: 850;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .filter-tab.active {
	background: linear-gradient(135deg, #6472ff, #4f59df);
	color: #ffffff;
	box-shadow: 0 8px 18px rgba(79, 89, 223, 0.2);
}

#mainAppContent.executive-suite-shell #leadsView .lead-count-badge {
	flex: 0 0 auto;
	min-height: 32px;
	padding: 0 10px;
	border: 1px solid rgba(134, 153, 184, 0.18);
	border-radius: 999px;
	background: #0a101d;
	color: #e4edf9;
	font-size: 10px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #leadsView .filter-divider {
	flex: 0 0 1px;
	width: 1px;
	height: 24px;
	margin: 0 4px;
	background: rgba(134, 153, 184, 0.18);
}

#mainAppContent.executive-suite-shell #leadsView .filter-search-wrapper {
	flex: 1 1 220px;
	width: auto;
	min-width: 180px;
	max-width: 320px;
}

#mainAppContent.executive-suite-shell #leadsView .filter-search-wrapper svg {
	color: #7f90ad;
}

#mainAppContent.executive-suite-shell #leadsView #leadSearch,
#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter {
	min-height: 32px;
	border: 1px solid rgba(134, 153, 184, 0.2) !important;
	border-radius: 8px !important;
	background: #070c16 !important;
	color: #edf3ff !important;
	font-size: 11px;
}

#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter {
	flex: 0 0 132px;
	width: 132px;
}

#mainAppContent.executive-suite-shell #leadsView #clearFilters,
#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
	flex: 0 0 auto;
	min-height: 32px;
	border-radius: 8px;
	font-size: 10.5px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #leadsView #clearFilters {
	padding-inline: 11px;
	border: 1px solid rgba(134, 153, 184, 0.24) !important;
	background: #0a101d;
	color: #c2cee0;
}

#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
	margin-left: auto;
	padding-inline: 17px;
	border: 1px solid rgba(100, 114, 255, 0.48);
	background: linear-gradient(135deg, #6975ff, #4d59df);
	color: #ffffff;
	box-shadow: 0 12px 22px rgba(79, 89, 223, 0.22);
}

#mainAppContent.executive-suite-shell #leadsView .bulk-actions-group {
	flex: 0 0 auto;
	align-items: center;
	gap: 7px;
}

#mainAppContent.executive-suite-shell #leadsView .table-wrapper {
	width: 100%;
	margin: 0;
	border: 1px solid var(--es-line);
	border-radius: 10px 10px 0 0;
	background: #090f1b;
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.18);
	overflow-x: auto;
}

#mainAppContent.executive-suite-shell #leadsView .table-wrapper::-webkit-scrollbar {
	height: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .table-wrapper::-webkit-scrollbar-track {
	background: #070c16;
}

#mainAppContent.executive-suite-shell #leadsView .table-wrapper::-webkit-scrollbar-thumb {
	border: 2px solid #070c16;
	border-radius: 999px;
	background: rgba(134, 153, 184, 0.42);
}

#mainAppContent.executive-suite-shell #leadsTable {
	width: 100%;
	min-width: 1180px;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(1),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(1) {
	width: 40px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(2),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(2) {
	width: 260px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(3),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(3) {
	width: 98px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(4),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(4) {
	width: 62px;
	text-align: center;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(5),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(5) {
	width: 158px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(6),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(6) {
	width: auto;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(7),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(7) {
	width: 132px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(8),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(8) {
	width: 232px;
}

#mainAppContent.executive-suite-shell #leadsTable thead th {
	height: 36px;
	padding: 0 11px;
	border-bottom: 1px solid var(--es-line);
	background: #0d1524;
	color: #8fa0bd;
	font-size: 9.5px;
	font-weight: 950;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr {
	background: #090f1b;
	transition: background 140ms ease, box-shadow 140ms ease;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr:hover {
	background: #0f1829;
	box-shadow: inset 3px 0 0 rgba(35, 183, 229, 0.72);
}

#mainAppContent.executive-suite-shell #leadsTable tbody td {
	height: 56px;
	padding: 8px 11px;
	border-bottom: 1px solid rgba(134, 153, 184, 0.13);
	color: var(--es-text);
	font-size: 11.5px;
	vertical-align: middle;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-name {
	color: #ffffff;
	font-size: 12.5px;
	font-weight: 850;
	letter-spacing: 0;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-contact-line {
	color: #8b9bb7;
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-inline-action {
	width: 21px;
	height: 21px;
	border-radius: 6px;
	background: #121c30;
	border: 1px solid rgba(134, 153, 184, 0.16);
}

#mainAppContent.executive-suite-shell #leadsTable .action-btn.secondary {
	width: 76px;
	min-width: 76px;
	min-height: 28px;
	padding: 0 9px;
	border-radius: 7px;
	font-size: 10.5px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #leadsTable .health-btn {
	width: 22px;
	height: 22px;
}

#mainAppContent.executive-suite-shell #leadsTable td[data-label="Lead Found Date"] {
	color: #e6effc;
	font-size: 10.5px;
	font-weight: 760;
	line-height: 1.18;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsTable td[data-label="Preference Summary"] {
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tag,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag.beds,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag.baths,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag.budget {
	min-height: 20px;
	margin: 1px 3px 1px 0;
	padding: 0 7px !important;
	border-radius: 999px !important;
	font-size: 9.5px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsTable .showcase-btn {
	width: 108px !important;
	min-width: 108px !important;
	min-height: 31px !important;
	padding: 0 9px !important;
	border-radius: 8px !important;
	background: linear-gradient(135deg, #3168ea, #244fc9) !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	line-height: 1.05 !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #leadsTable td[data-label="Agent Assigned"] {
	overflow: visible;
}

#mainAppContent.executive-suite-shell .lead-agent-assignee {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 8px;
	align-items: center;
	width: 100%;
	min-width: 0;
}

#mainAppContent.executive-suite-shell .lead-agent-avatar {
	width: 28px;
	height: 28px;
	border: 1px solid rgba(129, 140, 248, 0.5);
	box-shadow: 0 0 0 3px rgba(100, 114, 255, 0.08);
}

#mainAppContent.executive-suite-shell .lead-agent-avatar img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

#mainAppContent.executive-suite-shell .lead-agent-initials {
	font-size: 10px;
	font-weight: 950;
	letter-spacing: 0;
}

#mainAppContent.executive-suite-shell .lead-agent-select-shell {
	height: 32px;
	border: 1px solid rgba(134, 153, 184, 0.22);
	border-radius: 8px;
	background: #070c16;
}

#mainAppContent.executive-suite-shell .lead-agent-selected-name,
#mainAppContent.executive-suite-shell .lead-agent-name {
	color: #f4f8ff;
	font-size: 11px;
	font-weight: 850;
	letter-spacing: 0;
}

#mainAppContent.executive-suite-shell .lead-agent-selected-name {
	padding: 0 28px 0 10px;
}

#mainAppContent.executive-suite-shell .lead-agent-select-shell:focus-within,
#mainAppContent.executive-suite-shell #leadsView #leadSearch:focus,
#mainAppContent.executive-suite-shell #leadsView #dateRangeFilter:focus {
	border-color: rgba(100, 114, 255, 0.72) !important;
	box-shadow: 0 0 0 3px rgba(100, 114, 255, 0.16) !important;
	outline: 0;
}

#mainAppContent.executive-suite-shell #leadsView .pagination {
	min-height: 50px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid var(--es-line);
	border-top: 0;
	border-radius: 0 0 10px 10px;
	background: #0d1524;
	color: #a4b2c9;
	font-size: 12px;
}

#mainAppContent.executive-suite-shell #leadsView .pagination button {
	min-height: 30px;
	padding: 0 14px;
	border: 1px solid rgba(134, 153, 184, 0.24);
	border-radius: 8px;
	background: #f8fbff;
	color: #111827;
	font-size: 10.5px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #leadsTable .loading-cell {
	height: 176px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent),
		#090f1b;
	color: #aebbd0;
	text-align: center;
}

#mainAppContent.executive-suite-shell #leadsTable .loading-indicator {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 12px;
	font-weight: 800;
}

#mainAppContent.executive-suite-shell #leadsTable .spinner {
	width: 22px;
	height: 22px;
	border: 2px solid rgba(134, 153, 184, 0.2);
	border-top-color: var(--es-blue);
	border-radius: 999px;
}

body:has(#mainAppContent.executive-suite-shell) .bug-flag {
	top: auto;
	right: 22px;
	bottom: 22px;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(134, 153, 184, 0.26);
	background: linear-gradient(135deg, #0f172a, #16243b);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.32);
	font-size: 18px;
	transform: none;
	z-index: 820;
}

body:has(#mainAppContent.executive-suite-shell) .bug-flag:hover {
	background: linear-gradient(135deg, #15223a, #1c3152);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.36);
	transform: translateY(-2px);
}

body:has(#mainAppContent.executive-suite-shell) .bug-flag:active {
	transform: translateY(0) scale(0.98);
}

@media (max-width: 1280px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
		grid-column: 1 / -1;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-filter-row {
		flex-wrap: wrap;
	}

	#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
		margin-left: 0;
	}
}

@media (max-width: 1120px) {
	#mainAppContent.executive-suite-shell .app-header {
		width: 72px;
		padding: 14px 10px;
	}

	#mainAppContent.executive-suite-shell #appRoot {
		margin-left: 72px;
		padding: 16px;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row,
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: 1fr;
	}

	#mainAppContent.executive-suite-shell #leadsTable {
		min-width: 1120px;
	}
}

/* Executive Suite v11: real-screen sidebar and chart corrections. */
#mainAppContent.executive-suite-shell {
	--es-nav-glow: rgba(83, 113, 255, 0.24);
	--es-panel-glow: rgba(35, 183, 229, 0.12);
	font-family: Inter, Aptos, "Segoe UI", sans-serif;
}

@media (min-width: 1121px) {
	#mainAppContent.executive-suite-shell .app-header {
		width: 224px;
		padding: 16px 14px;
		background:
			radial-gradient(circle at 50% 0%, rgba(100, 114, 255, 0.1), transparent 34%),
			linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
			var(--es-sidebar);
		border-right-color: rgba(134, 153, 184, 0.24);
		box-shadow: 18px 0 44px rgba(0, 0, 0, 0.22);
	}

	#mainAppContent.executive-suite-shell #appRoot {
		margin-left: 224px;
	}

	#mainAppContent.executive-suite-shell .brand {
		min-height: 72px;
		padding: 2px 4px 17px;
		margin-bottom: 22px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom-color: rgba(134, 153, 184, 0.2);
	}

	#mainAppContent.executive-suite-shell .brand-logo {
		width: 154px;
		max-width: 154px;
		max-height: 52px;
		height: auto !important;
		display: block;
		filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.18));
	}

	#mainAppContent.executive-suite-shell .main-nav {
		gap: 7px;
		align-items: stretch;
	}

	#mainAppContent.executive-suite-shell .nav-link {
		position: relative;
		min-height: 42px;
		padding: 0 14px 0 22px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 10px;
		border-radius: 10px;
		color: #a7b6cf;
		font-size: 12px;
		font-weight: 780;
		line-height: 1;
		letter-spacing: 0.025em;
		text-decoration: none;
		box-shadow: none;
		transform: none !important;
	}

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

	#mainAppContent.executive-suite-shell .nav-link:hover {
		background:
			linear-gradient(90deg, rgba(100, 114, 255, 0.12), rgba(35, 183, 229, 0.05)),
			rgba(12, 20, 36, 0.78);
		border-color: rgba(100, 114, 255, 0.28);
		color: #eaf1ff;
	}

	#mainAppContent.executive-suite-shell .nav-link.active,
	#mainAppContent.executive-suite-shell .nav-link[aria-current="page"] {
		background:
			linear-gradient(90deg, rgba(100, 114, 255, 0.28), rgba(35, 183, 229, 0.1)),
			#111b31;
		border-color: rgba(111, 128, 255, 0.58);
		color: #ffffff;
		box-shadow:
			0 12px 28px var(--es-nav-glow),
			inset 0 1px 0 rgba(255, 255, 255, 0.08);
	}

	#mainAppContent.executive-suite-shell .nav-link.active::before,
	#mainAppContent.executive-suite-shell .nav-link[aria-current="page"]::before {
		content: "";
		position: absolute;
		left: 9px;
		top: 9px;
		bottom: 9px;
		width: 3px;
		border-radius: 999px;
		background: linear-gradient(180deg, #7f8cff, #28c7ee);
		box-shadow: 0 0 12px rgba(35, 183, 229, 0.42);
	}

	#mainAppContent.executive-suite-shell .nav-link-special .nav-icon,
	#mainAppContent.executive-suite-shell .nav-link-bugs .nav-icon {
		width: 16px;
		height: 16px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 15px;
		line-height: 1;
		filter: drop-shadow(0 0 8px rgba(255, 128, 44, 0.2));
	}
}

@media (min-width: 1281px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: minmax(340px, 0.92fr) minmax(340px, 1fr) minmax(340px, 1fr);
		gap: 12px;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		min-height: 166px;
		padding: 13px 15px 14px;
	}
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
	position: relative;
	isolation: isolate;
	border-color: rgba(134, 153, 184, 0.26);
	background:
		radial-gradient(circle at 18% 0%, rgba(100, 114, 255, 0.1), transparent 38%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.006)),
		#101827;
	box-shadow:
		0 16px 36px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 2px;
	background: linear-gradient(90deg, rgba(100, 114, 255, 0.72), rgba(35, 183, 229, 0.26), transparent);
	opacity: 0.9;
	z-index: 0;
	pointer-events: none;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel > * {
	position: relative;
	z-index: 1;
}

#mainAppContent.executive-suite-shell #leadsView .leads-health-panel::before {
	background: linear-gradient(90deg, rgba(35, 211, 125, 0.74), rgba(35, 183, 229, 0.2), transparent);
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
	min-height: 19px;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom-color: rgba(134, 153, 184, 0.18);
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
	color: #edf4ff;
	font-size: 10.5px;
	font-weight: 820;
	letter-spacing: 0.055em;
	text-shadow: 0 0 12px rgba(148, 163, 184, 0.18);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	grid-template-columns: 112px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	min-height: 104px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-wrap {
	display: grid;
	justify-items: center;
	gap: 8px;
	align-self: center;
	padding-top: 0;
	text-align: center;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring {
	width: 92px;
	height: 92px;
	margin-inline: auto;
	border: 1px solid rgba(226, 232, 240, 0.14);
	box-shadow:
		0 18px 32px rgba(0, 0, 0, 0.28),
		0 0 24px var(--es-panel-glow),
		inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-hole {
	width: 56px;
	height: 56px;
	background:
		radial-gradient(circle at 45% 28%, rgba(255, 255, 255, 0.08), transparent 44%),
		linear-gradient(180deg, #17243a, #0b1220);
	border: 1px solid rgba(226, 232, 240, 0.16);
	color: #f5f8ff;
	box-shadow:
		0 0 18px rgba(35, 183, 229, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		inset 0 -12px 22px rgba(0, 0, 0, 0.24);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total {
	color: #ffffff;
	font-size: 15px;
	font-weight: 860;
	line-height: 1;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total-label {
	margin-top: 3px;
	color: #a7b6cf;
	font-size: 7.5px;
	font-weight: 850;
	letter-spacing: 0.08em;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-top,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-more {
	color: #9babc7;
	font-size: 9px;
	font-weight: 750;
	line-height: 1.2;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-top strong {
	color: #e7efff;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
	display: grid;
	align-content: center;
	gap: 6px;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
	min-width: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
	grid-template-columns: minmax(0, 1fr) minmax(78px, auto);
	gap: 9px;
	margin-bottom: 4px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name-wrap {
	gap: 6px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-rank {
	min-width: 23px;
	height: 16px;
	border: 1px solid rgba(148, 163, 184, 0.14);
	border-radius: 999px;
	background: rgba(148, 163, 184, 0.13);
	color: #dce7fa;
	font-size: 9px;
	font-weight: 850;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-dot {
	width: 8px;
	height: 8px;
	flex: 0 0 8px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	box-shadow: 0 0 10px color-mix(in srgb, var(--source-color) 38%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name {
	color: #edf4ff;
	font-size: 11px;
	font-weight: 780;
	letter-spacing: 0;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	color: #bed1f2;
	font-size: 10.5px;
	font-weight: 820;
	font-variant-numeric: tabular-nums;
	text-align: right;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-track {
	height: 4px;
	border-radius: 999px;
	background: rgba(5, 10, 18, 0.92);
	box-shadow: inset 0 0 0 1px rgba(134, 153, 184, 0.1);
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-fill {
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, color-mix(in srgb, var(--source-color) 70%, #ffffff 30%), var(--source-color));
	box-shadow: 0 0 14px color-mix(in srgb, var(--source-color) 42%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .leads-overview-bars,
#mainAppContent.executive-suite-shell #leadsView .leads-health-bars {
	display: grid;
	gap: 7px;
	padding-top: 2px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
	min-height: 22px;
	grid-template-columns: 104px minmax(0, 1fr) 74px;
	gap: 10px;
	margin-bottom: 0;
}

#mainAppContent.executive-suite-shell #leadsView .leads-health-panel .health-bar-row {
	grid-template-columns: 92px minmax(0, 1fr) 74px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-label {
	color: #9fb0ce;
	font-size: 9.5px;
	font-weight: 820;
	letter-spacing: 0.055em;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-track {
	height: 5px;
	border: 0;
	border-radius: 999px;
	background: rgba(5, 10, 18, 0.94);
	box-shadow:
		inset 0 0 0 1px rgba(134, 153, 184, 0.11),
		0 1px 0 rgba(255, 255, 255, 0.02);
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-fill {
	display: block;
	height: 100%;
	min-width: 3px;
	border-radius: inherit;
	background: linear-gradient(90deg, color-mix(in srgb, var(--bar-color) 70%, #ffffff 30%), var(--bar-color));
	box-shadow: 0 0 14px color-mix(in srgb, var(--bar-color) 36%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-count,
#mainAppContent.executive-suite-shell #leadsView .health-bar-pct {
	color: #dce9ff;
	font-size: 10px;
	font-weight: 850;
	font-variant-numeric: tabular-nums;
}

/* Executive Suite v12: annotation pass for the loaded local Leads screen. */
#mainAppContent.executive-suite-shell {
	--es-display-font: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Inter, sans-serif;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header h1 {
	color: #f7fbff;
	font-family: var(--es-display-font);
	font-size: clamp(18px, 1.06vw, 22px);
	font-weight: 850;
	letter-spacing: 0.075em;
	line-height: 1;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #leadsView .executive-eyebrow,
#mainAppContent.executive-suite-shell #leadsView .leads-insight-title,
#mainAppContent.executive-suite-shell #leadsView .executive-kpi-label,
#mainAppContent.executive-suite-shell #leadsTable thead th {
	font-family: var(--es-display-font);
	letter-spacing: 0.075em;
}

@media (min-width: 1121px) {
	#mainAppContent.executive-suite-shell .app-header .nav-link.active::after,
	#mainAppContent.executive-suite-shell .app-header .nav-link[aria-current="page"]::after,
	#mainAppContent.executive-suite-shell .main-nav .nav-link.active::after,
	#mainAppContent.executive-suite-shell .main-nav .nav-link[aria-current="page"]::after {
		content: none !important;
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		background: transparent !important;
	}

	#mainAppContent.executive-suite-shell .nav-link {
		min-height: 40px;
		padding-left: 22px;
		font-family: var(--es-display-font);
		font-size: 12px;
		font-weight: 760;
		letter-spacing: 0.04em;
	}

	#mainAppContent.executive-suite-shell .nav-link.active,
	#mainAppContent.executive-suite-shell .nav-link[aria-current="page"] {
		box-shadow:
			0 10px 24px rgba(83, 113, 255, 0.2),
			inset 0 1px 0 rgba(255, 255, 255, 0.08);
	}

	#mainAppContent.executive-suite-shell .nav-link.active::before,
	#mainAppContent.executive-suite-shell .nav-link[aria-current="page"]::before {
		top: 8px;
		bottom: 8px;
	}
}

@media (min-width: 1281px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: minmax(360px, 0.92fr) minmax(390px, 1.04fr) minmax(390px, 1.04fr);
		gap: 10px;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		min-height: 154px;
		padding: 9px 12px 10px;
	}
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
	min-height: 17px;
	margin-bottom: 8px;
	padding-bottom: 7px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
	font-size: 10px;
	font-weight: 820;
	letter-spacing: 0.07em;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	grid-template-columns: 86px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	min-height: 0;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-wrap {
	gap: 5px;
	align-self: center;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring {
	width: 62px;
	height: 62px;
	border: 1px solid rgba(125, 211, 252, 0.22);
	filter: saturate(0.96) contrast(1.04);
	box-shadow:
		0 10px 22px rgba(0, 0, 0, 0.28),
		0 0 0 5px rgba(8, 13, 23, 0.52),
		0 0 16px rgba(35, 183, 229, 0.14);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-hole {
	width: 36px;
	height: 36px;
	background:
		radial-gradient(circle at 50% 25%, rgba(255, 255, 255, 0.09), transparent 46%),
		linear-gradient(180deg, #162238, #080f1d);
	border: 1px solid rgba(226, 232, 240, 0.12);
	color: #eaf3ff;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		inset 0 -10px 18px rgba(0, 0, 0, 0.3);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total {
	font-size: 10px;
	font-weight: 850;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total-label {
	margin-top: 1px;
	font-size: 5.5px;
	letter-spacing: 0.06em;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-top,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-more {
	font-size: 8px;
	line-height: 1.1;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
	gap: 3px;
	align-content: center;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
	gap: 7px;
	margin-bottom: 2px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name-wrap {
	gap: 5px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-rank {
	min-width: 22px;
	height: 14px;
	font-size: 8px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-dot {
	width: 6px;
	height: 6px;
	flex-basis: 6px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name,
#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	font-size: 9.5px;
	line-height: 1.05;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-track {
	height: 3px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-overview-bars,
#mainAppContent.executive-suite-shell #leadsView .leads-health-bars {
	gap: 5px;
	padding-top: 0;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
	min-height: 19px;
}

#mainAppContent.executive-suite-shell #leadsTable {
	min-width: 1540px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(1),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(1) {
	width: 2.6%;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(2),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(2) {
	width: 16.5%;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(3),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(3) {
	width: 5.8%;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(4),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(4) {
	width: 4%;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(5),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(5) {
	width: 28%;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(6),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(6) {
	width: 132px;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(7),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(7) {
	width: 17%;
}

#mainAppContent.executive-suite-shell #leadsTable th:nth-child(8),
#mainAppContent.executive-suite-shell #leadsTable td:nth-child(8) {
	width: 22.1%;
}

#mainAppContent.executive-suite-shell #leadsTable td[data-label="Preference Summary"] {
	white-space: normal;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsTable td[data-label="Preference Summary"] .pref-tags {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 5px 7px;
	max-height: 58px;
	min-width: 0;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tag,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag.beds,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag.baths,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag.budget {
	min-height: 24px;
	max-width: 176px;
	margin: 0 !important;
	padding: 4px 10px !important;
	display: inline-flex;
	align-items: center;
	border-radius: 999px !important;
	font-size: 13px !important;
	font-weight: 780 !important;
	line-height: 1.12 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsTable .showcase-btn {
	width: 136px !important;
	min-width: 136px !important;
	min-height: 34px !important;
	padding: 0 13px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	border: 1px solid rgba(103, 128, 255, 0.56) !important;
	border-radius: 8px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0)),
		linear-gradient(135deg, #3f73f4, #2553d2) !important;
	color: #ffffff !important;
	font-family: var(--es-display-font);
	font-size: 10.5px !important;
	font-weight: 830 !important;
	letter-spacing: 0.015em;
	line-height: 1 !important;
	white-space: nowrap !important;
	box-shadow:
		0 9px 18px rgba(37, 83, 210, 0.26),
		inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

#mainAppContent.executive-suite-shell #leadsTable .showcase-btn svg {
	width: 13px !important;
	height: 13px !important;
	margin-right: 0 !important;
	opacity: 0.92;
	filter: none !important;
}

#mainAppContent.executive-suite-shell #leadsTable .showcase-btn:hover:not(:disabled) {
	border-color: rgba(125, 211, 252, 0.72) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0)),
		linear-gradient(135deg, #487cff, #2d5ce5) !important;
	box-shadow:
		0 10px 22px rgba(45, 92, 229, 0.32),
		0 0 16px rgba(35, 183, 229, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
	transform: translateY(-1px);
}

/* Executive Suite v13: annotation pass for source analytics, sidebar profile, and KPI clarity. */
#mainAppContent.executive-suite-shell .user-info {
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-height: 60px;
	padding: 9px 10px;
	border-color: rgba(126, 148, 184, 0.24);
	background:
		radial-gradient(circle at 22% 18%, rgba(99, 102, 241, 0.18), transparent 44px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
		rgba(11, 18, 32, 0.82);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 12px 28px rgba(0, 0, 0, 0.16);
	cursor: pointer;
	transition:
		border-color 140ms ease,
		background 140ms ease,
		box-shadow 140ms ease,
		transform 140ms ease;
}

#mainAppContent.executive-suite-shell .user-info:hover,
#mainAppContent.executive-suite-shell .user-info:focus-visible {
	border-color: rgba(96, 165, 250, 0.46);
	background:
		radial-gradient(circle at 22% 18%, rgba(96, 165, 250, 0.22), transparent 48px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.016)),
		rgba(12, 20, 36, 0.9);
	box-shadow:
		0 0 0 3px rgba(96, 165, 250, 0.12),
		0 14px 30px rgba(0, 0, 0, 0.2);
	outline: none;
}

#mainAppContent.executive-suite-shell .header-profile-avatar {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid rgba(125, 211, 252, 0.34);
	border-radius: 12px;
	background:
		linear-gradient(135deg, rgba(125, 211, 252, 0.18), rgba(99, 102, 241, 0.28)),
		#111b31;
	color: #f7fbff;
	font-family: var(--es-display-font);
	font-size: 13px;
	font-weight: 850;
	letter-spacing: 0.04em;
	box-shadow:
		0 0 0 3px rgba(35, 183, 229, 0.08),
		0 10px 20px rgba(0, 0, 0, 0.22);
}

#mainAppContent.executive-suite-shell .header-profile-avatar img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

#mainAppContent.executive-suite-shell .header-user-copy {
	min-width: 0;
	display: grid;
	gap: 5px;
}

#mainAppContent.executive-suite-shell #profileBtn .profile-btn-icon {
	display: none;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card {
	min-height: 58px;
	padding: 11px 14px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"label value"
		"sub value";
	column-gap: 14px;
	align-items: center;
	border-radius: 10px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.012)),
		linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(6, 182, 212, 0.025)),
		#101827;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card::after {
	inset: 10px auto 10px 0;
	width: 3px;
	height: auto;
	border-radius: 0 999px 999px 0;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-label {
	grid-area: label;
	font-size: 9.5px;
	font-weight: 840;
	line-height: 1.1;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-sub {
	grid-area: sub;
	margin-top: 4px;
	font-size: 10px;
	line-height: 1.1;
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-value {
	grid-area: value;
	margin-top: 0;
	color: #f8fbff;
	font-size: 29px;
	font-weight: 860;
	letter-spacing: -0.02em;
	text-align: right;
	text-shadow: 0 0 18px rgba(129, 140, 248, 0.18);
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--success .executive-kpi-value {
	color: #2fe084;
	text-shadow: 0 0 18px rgba(34, 197, 94, 0.18);
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--info .executive-kpi-value {
	color: #ffd84d;
	text-shadow: 0 0 18px rgba(234, 179, 8, 0.16);
}

#mainAppContent.executive-suite-shell #leadsView .executive-kpi-card--warning .executive-kpi-value {
	color: #ff5c78;
	text-shadow: 0 0 18px rgba(244, 63, 94, 0.16);
}

body:has(#mainAppContent.executive-suite-shell) {
	background: #0a0e1a;
}

@media (min-width: 1121px) {
	#mainAppContent.executive-suite-shell #appRoot {
		width: calc(100vw - 224px);
		max-width: calc(100vw - 224px);
		box-sizing: border-box;
	}
}

@media (min-width: 1281px) {
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
		grid-template-columns: 190px minmax(0, 1fr);
		gap: 12px;
	}
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	align-items: stretch;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary {
	min-width: 0;
	display: grid;
	grid-template-columns: 78px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	padding: 8px;
	border: 1px solid rgba(126, 148, 184, 0.18);
	border-radius: 11px;
	background:
		radial-gradient(circle at 22% 22%, color-mix(in srgb, var(--top-source-color) 34%, transparent), transparent 64px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.012)),
		rgba(8, 14, 25, 0.58);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-wrap {
	position: relative;
	display: block;
	width: 78px;
	height: 78px;
	gap: 0;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-shell {
	position: relative;
	width: 78px;
	height: 78px;
	border-radius: 50%;
	background:
		radial-gradient(circle at 50% 50%, rgba(15, 23, 42, 0.92) 0 48%, transparent 49%),
		linear-gradient(135deg, rgba(125, 211, 252, 0.2), rgba(99, 102, 241, 0.18));
	box-shadow:
		0 13px 24px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(125, 211, 252, 0.14),
		0 0 24px color-mix(in srgb, var(--top-source-color) 24%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-shell::before {
	content: "";
	position: absolute;
	inset: -4px;
	border: 1px solid rgba(125, 211, 252, 0.16);
	border-radius: inherit;
	background: conic-gradient(from -35deg, rgba(125, 211, 252, 0.34), transparent 22%, transparent 72%, rgba(99, 102, 241, 0.34));
	mask: radial-gradient(circle, transparent 57%, #000 58%);
	opacity: 0.82;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring {
	position: absolute;
	inset: 5px;
	width: auto;
	height: auto;
	border: 0;
	border-radius: 50%;
	filter: saturate(1.02) contrast(1.08);
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.08),
		inset 0 0 14px rgba(0, 0, 0, 0.28);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-hole {
	position: absolute;
	inset: 17px;
	width: auto;
	height: auto;
	border-color: rgba(226, 232, 240, 0.16);
	background:
		radial-gradient(circle at 50% 10%, rgba(255, 255, 255, 0.11), transparent 42%),
		linear-gradient(180deg, #121c30, #070d18);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total {
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total-label {
	margin-top: 2px;
	color: #8fa7c9;
	font-size: 5px;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-top {
	min-width: 0;
	display: grid;
	gap: 3px;
	align-content: center;
	color: #94a8c7;
	font-size: 8px;
	line-height: 1.05;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-top strong {
	display: block;
	max-width: 100%;
	overflow: hidden;
	color: #f8fbff;
	font-size: 13px;
	font-weight: 880;
	letter-spacing: 0.01em;
	text-overflow: ellipsis;
	text-transform: none;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-top em {
	display: block;
	overflow: hidden;
	color: #8fa7c9;
	font-size: 8px;
	font-style: normal;
	font-weight: 780;
	text-overflow: ellipsis;
	text-transform: none;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
	gap: 4px;
	align-content: center;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
	position: relative;
	min-height: 18px;
	padding: 4px 7px 5px 8px;
	overflow: hidden;
	border: 1px solid rgba(126, 148, 184, 0.12);
	border-radius: 8px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--source-color) 13%, transparent), transparent 54%),
		rgba(8, 14, 25, 0.54);
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-item::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: var(--source-color);
	box-shadow: 0 0 12px color-mix(in srgb, var(--source-color) 56%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-item::after {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: var(--source-pct);
	max-width: 100%;
	background: linear-gradient(90deg, color-mix(in srgb, var(--source-color) 24%, transparent), transparent);
	opacity: 0.46;
	pointer-events: none;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-item--primary {
	border-color: color-mix(in srgb, var(--source-color) 42%, rgba(126, 148, 184, 0.14));
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--source-color) 18%, transparent), transparent 58%),
		rgba(12, 20, 36, 0.72);
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	align-items: center;
	margin-bottom: 3px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name-wrap {
	min-width: 0;
	gap: 5px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-rank {
	min-width: 24px;
	height: 14px;
	background: rgba(148, 163, 184, 0.13);
	color: #b7c6de;
	font-size: 8px;
	font-weight: 850;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-dot {
	width: 5px;
	height: 5px;
	flex-basis: 5px;
	box-shadow: 0 0 9px color-mix(in srgb, var(--source-color) 60%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name {
	overflow: hidden;
	color: #edf5ff;
	font-size: 9.5px;
	font-weight: 840;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
	color: #a9bbd8;
	font-size: 8px;
	font-weight: 780;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-values strong {
	color: #f8fbff;
	font-size: 9.5px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-values span {
	color: #89a0bf;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-track {
	position: relative;
	z-index: 1;
	height: 2px;
	border: 0;
	background: rgba(6, 10, 18, 0.68);
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-fill {
	background: linear-gradient(90deg, var(--source-color), color-mix(in srgb, var(--source-color) 68%, #ffffff));
	box-shadow: 0 0 10px color-mix(in srgb, var(--source-color) 45%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-more {
	justify-self: start;
	padding: 2px 7px;
	border: 1px solid rgba(126, 148, 184, 0.14);
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.66);
	color: #8fa7c9;
	font-size: 8px;
	font-weight: 820;
	line-height: 1.1;
}

/* Executive Suite v14: compact source analytics and Specials table redesign. */
@media (min-width: 1281px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: minmax(360px, 0.92fr) minmax(390px, 1fr) minmax(390px, 1fr);
		gap: 10px;
		margin-bottom: 10px;
	}
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
	min-height: 150px;
	padding: 9px 12px 10px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
	min-height: 18px;
	margin-bottom: 7px;
	padding-bottom: 7px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 6px;
	align-items: start;
	align-content: start;
	min-height: 0;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-wrap,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring-shell,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-ring {
	display: none;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"top share"
		"mix mix";
	gap: 5px 10px;
	align-items: center;
	min-height: 0;
	padding: 6px 8px;
	border: 1px solid color-mix(in srgb, var(--top-source-color) 28%, rgba(126, 148, 184, 0.14));
	border-radius: 8px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--top-source-color) 14%, transparent), transparent 62%),
		rgba(8, 14, 25, 0.68);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.045),
		0 0 18px color-mix(in srgb, var(--top-source-color) 10%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-top {
	grid-area: top;
	display: grid;
	gap: 1px;
	min-width: 0;
	color: #8fa7c9;
	font-size: 8px;
	font-weight: 840;
	line-height: 1.05;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-top strong {
	max-width: 100%;
	overflow: hidden;
	color: #f8fbff;
	font-size: 12px;
	font-weight: 880;
	letter-spacing: 0;
	text-overflow: ellipsis;
	text-transform: none;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-top em {
	overflow: hidden;
	color: #8ea3c0;
	font-size: 8px;
	font-style: normal;
	font-weight: 760;
	text-overflow: ellipsis;
	text-transform: none;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-share {
	grid-area: share;
	display: grid;
	justify-items: end;
	gap: 1px;
	color: #f8fbff;
	font-variant-numeric: tabular-nums;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total {
	font-size: 18px;
	font-weight: 900;
	line-height: 0.95;
	text-shadow: 0 0 14px color-mix(in srgb, var(--top-source-color) 22%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-total-label {
	color: #8ea3c0;
	font-size: 7px;
	font-weight: 850;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-mix {
	grid-area: mix;
	height: 5px;
	border-radius: 999px;
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.08),
		0 0 14px color-mix(in srgb, var(--top-source-color) 16%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
	display: grid;
	gap: 3px;
	align-content: start;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
	min-height: 18px;
	padding: 3px 6px 4px 8px;
	border-radius: 7px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
	gap: 6px;
	margin-bottom: 2px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-rank {
	min-width: 21px;
	height: 13px;
	font-size: 7.5px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name,
#mainAppContent.executive-suite-shell #leadsView .lead-source-values strong {
	font-size: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	font-size: 7.5px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-track {
	height: 2px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"label value"
		"sub value";
	column-gap: 10px;
	align-items: center;
	margin-bottom: 5px;
	padding: 5px 8px;
	border: 1px solid rgba(126, 148, 184, 0.13);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(89, 121, 255, 0.14), transparent 68%),
		rgba(8, 14, 25, 0.54);
}

#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary span {
	grid-area: label;
	color: #9fb0ce;
	font-size: 8px;
	font-weight: 850;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary strong {
	grid-area: value;
	color: #f8fbff;
	font-size: 17px;
	font-weight: 900;
	font-variant-numeric: tabular-nums;
	line-height: 1;
}

#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary em {
	grid-area: sub;
	color: #8196b6;
	font-size: 8px;
	font-style: normal;
	font-weight: 760;
}

#mainAppContent.executive-suite-shell #leadsView .leads-overview-bars,
#mainAppContent.executive-suite-shell #leadsView .leads-health-bars {
	gap: 4px;
}

#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
	min-height: 18px;
}

#mainAppContent.executive-suite-shell #specialsView {
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell #specialsView .specials-page-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

#mainAppContent.executive-suite-shell #specialsView .specials-page-header {
	margin-bottom: 10px;
	padding: 13px 16px;
	border: 1px solid rgba(126, 148, 184, 0.2);
	border-radius: 10px;
	background:
		radial-gradient(circle at 8% 0%, rgba(99, 102, 241, 0.16), transparent 210px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.012)),
		#101827;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18);
}

#mainAppContent.executive-suite-shell #specialsView .specials-title-section {
	gap: 10px;
}

#mainAppContent.executive-suite-shell #specialsView .specials-title-section > span:first-child {
	font-size: 18px !important;
	margin-right: 0 !important;
	filter: drop-shadow(0 0 10px rgba(251, 146, 60, 0.28));
}

#mainAppContent.executive-suite-shell #specialsView .specials-title-section h2 {
	color: #f7fbff;
	font-family: var(--es-display-font);
	font-size: clamp(18px, 1.06vw, 22px);
	font-weight: 850;
	letter-spacing: 0.065em;
	line-height: 1;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #specialsView .lead-count-badge {
	border: 1px solid rgba(126, 148, 184, 0.2);
	background: rgba(15, 23, 42, 0.72);
	color: #c9d7ed;
}

#mainAppContent.executive-suite-shell #specialsView .specials-subtitle {
	max-width: 780px;
	margin: 8px 0 12px;
	color: #9fb0ce;
	font-size: 12px;
	line-height: 1.45;
}

#mainAppContent.executive-suite-shell #specialsView .specials-subtitle a {
	color: #7dd3fc;
	text-decoration: none;
}

#mainAppContent.executive-suite-shell #specialsView .specials-search-row {
	margin-top: 0;
}

#mainAppContent.executive-suite-shell #specialsView .search-field {
	max-width: 420px !important;
}

#mainAppContent.executive-suite-shell #specialsView #specialsPropertySearch {
	height: 36px;
	border-radius: 9px;
	background: rgba(7, 12, 22, 0.72);
	color: #eaf1ff;
}

#mainAppContent.executive-suite-shell #specialsView .specials-dashboard {
	margin-bottom: 10px;
	padding: 0;
	background: transparent;
}

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

#mainAppContent.executive-suite-shell #specialsView .specials-insight-panel {
	position: relative;
	min-height: 132px;
	padding: 11px 13px 12px;
	overflow: hidden;
	border: 1px solid rgba(126, 148, 184, 0.2);
	border-radius: 10px;
	background:
		radial-gradient(circle at 12% 0%, rgba(99, 102, 241, 0.12), transparent 230px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.008)),
		#101827;
	box-shadow:
		0 14px 36px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
	transform: none;
}

#mainAppContent.executive-suite-shell #specialsView .specials-insight-panel::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 2px;
	border-radius: 10px 10px 0 0;
	background: linear-gradient(90deg, rgba(100, 114, 255, 0.74), rgba(35, 183, 229, 0.24), transparent);
}

#mainAppContent.executive-suite-shell #specialsView .specials-commission-panel::before {
	background: linear-gradient(90deg, rgba(35, 211, 125, 0.74), rgba(35, 183, 229, 0.2), transparent);
}

#mainAppContent.executive-suite-shell #specialsView .specials-insight-header {
	position: relative;
	z-index: 1;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.14);
}

#mainAppContent.executive-suite-shell #specialsView .specials-insight-title {
	color: #edf4ff;
	font-family: var(--es-display-font);
	font-size: 10.5px;
	font-weight: 850;
	letter-spacing: 0.065em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #specialsView .specials-insight-subtitle {
	color: #8ea3c0;
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #specialsView .specials-overview-bars,
#mainAppContent.executive-suite-shell #specialsView .specials-commission-bars {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 5px;
}

#mainAppContent.executive-suite-shell #specialsView .specials-overview-bars .health-bar-row,
#mainAppContent.executive-suite-shell #specialsView .specials-commission-bars .health-bar-row {
	display: grid;
	grid-template-columns: 16px 112px minmax(0, 1fr) 42px;
	gap: 8px;
	align-items: center;
	min-height: 20px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

#mainAppContent.executive-suite-shell #specialsView .specials-overview-bars .health-bar-label,
#mainAppContent.executive-suite-shell #specialsView .specials-commission-bars .health-bar-label {
	min-width: 0;
	color: #9fb0ce;
	font-size: 9.5px;
	font-weight: 820;
	letter-spacing: 0.04em;
}

#mainAppContent.executive-suite-shell #specialsView .specials-table-list {
	display: block;
	padding: 0;
	overflow: auto;
	border: 1px solid rgba(126, 148, 184, 0.2);
	border-radius: 10px;
	background: rgba(7, 12, 22, 0.58);
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.2);
}

#mainAppContent.executive-suite-shell #specialsView .specials-table-head,
#mainAppContent.executive-suite-shell #specialsView .specials-table-row {
	display: grid;
	grid-template-columns: minmax(240px, 1.15fr) minmax(360px, 1.8fr) minmax(160px, 0.72fr) minmax(140px, 0.6fr) 126px;
	gap: 12px;
	min-width: 1120px;
}

#mainAppContent.executive-suite-shell #specialsView .specials-table-head {
	align-items: center;
	padding: 11px 14px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.18);
	background: rgba(10, 16, 29, 0.92);
	color: #8fa7c9;
	font-family: var(--es-display-font);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: 0.075em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #specialsView .specials-table-row {
	align-items: center;
	min-height: 72px;
	padding: 9px 14px;
	border: 0;
	border-bottom: 1px solid rgba(126, 148, 184, 0.12);
	border-radius: 0;
	background: rgba(12, 19, 33, 0.72);
	box-shadow: none;
	color: var(--es-text);
	transform: none;
}

#mainAppContent.executive-suite-shell #specialsView .specials-table-row:hover {
	background:
		linear-gradient(90deg, rgba(99, 102, 241, 0.1), transparent 46%),
		rgba(15, 24, 42, 0.9);
	box-shadow: inset 3px 0 0 rgba(125, 211, 252, 0.62);
	transform: none;
}

#mainAppContent.executive-suite-shell #specialsView .specials-card-header {
	padding: 0;
	border: 0;
	background: transparent;
}

#mainAppContent.executive-suite-shell #specialsView .property-name-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 7px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-property-copy {
	min-width: 0;
}

#mainAppContent.executive-suite-shell #specialsView .property-name-compact {
	display: block;
	margin: 0;
	overflow: hidden;
	color: #f7fbff;
	font-size: 12.5px;
	font-weight: 840;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-address {
	margin-top: 4px;
	overflow: hidden;
	color: #7f93b1;
	font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
	font-size: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #specialsView .card-meta {
	margin-top: 7px;
	gap: 7px;
}

#mainAppContent.executive-suite-shell #specialsView .special-count {
	border: 1px solid rgba(126, 148, 184, 0.2);
	background: rgba(99, 102, 241, 0.16);
	color: #d9e2ff;
}

#mainAppContent.executive-suite-shell #specialsView .update-time-compact {
	color: #69e6ac;
	font-weight: 760;
}

#mainAppContent.executive-suite-shell #specialsView .specials-map-btn,
#mainAppContent.executive-suite-shell #specialsView .specials-audit-btn {
	width: 26px;
	height: 26px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(126, 148, 184, 0.18);
	border-radius: 8px;
	background: rgba(15, 23, 42, 0.62);
	color: #c9d7ed;
	opacity: 1;
}

#mainAppContent.executive-suite-shell #specialsView .specials-list-compact {
	min-width: 0;
	padding: 0;
	display: grid;
	gap: 5px;
}

#mainAppContent.executive-suite-shell #specialsView .special-item-compact {
	min-width: 0;
	padding: 6px 8px;
	border: 1px solid rgba(126, 148, 184, 0.16);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(251, 191, 36, 0.1), transparent 70%),
		rgba(7, 12, 22, 0.7);
	color: #eaf1ff;
}

#mainAppContent.executive-suite-shell #specialsView .special-item-compact:hover {
	border-color: rgba(125, 211, 252, 0.42);
	background: rgba(12, 20, 36, 0.92);
	transform: none;
}

#mainAppContent.executive-suite-shell #specialsView .special-text-compact {
	color: #eaf1ff;
	-webkit-line-clamp: 2;
}

#mainAppContent.executive-suite-shell #specialsView .more-specials-btn {
	width: auto;
	justify-self: start;
	padding: 4px 8px;
	border: 1px solid rgba(126, 148, 184, 0.18);
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.7);
	color: #9fb0ce;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-commission,
#mainAppContent.executive-suite-shell #specialsView .specials-row-source,
#mainAppContent.executive-suite-shell #specialsView .specials-row-actions {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-commission {
	flex-wrap: wrap;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-pill,
#mainAppContent.executive-suite-shell #specialsView .specials-source-label {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 0 8px;
	border: 1px solid rgba(126, 148, 184, 0.18);
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.74);
	color: #dbe7f8;
	font-size: 10px;
	font-weight: 800;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-muted {
	color: #8196b6;
	font-size: 10px;
	font-weight: 720;
}

#mainAppContent.executive-suite-shell #specialsView .add-special-btn-compact {
	width: 112px;
	min-height: 32px;
	padding: 0 12px;
	border: 1px solid rgba(103, 128, 255, 0.5);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0)),
		linear-gradient(135deg, #3f73f4, #2553d2);
	color: #fff;
	font-family: var(--es-display-font);
	font-size: 10px;
	font-weight: 840;
	letter-spacing: 0.015em;
	box-shadow:
		0 9px 18px rgba(37, 83, 210, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

#mainAppContent.executive-suite-shell #specialsView .add-special-btn-compact:hover {
	border-color: rgba(125, 211, 252, 0.72);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0)),
		linear-gradient(135deg, #487cff, #2d5ce5);
}

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

	#mainAppContent.executive-suite-shell #specialsView .specials-table-head {
		display: none;
	}

	#mainAppContent.executive-suite-shell #specialsView .specials-table-row {
		grid-template-columns: 1fr;
		min-width: 0;
		gap: 10px;
	}
}

/* Executive Suite v15: fallback row styling for the legacy Specials DOM while local browser cache settles. */
#mainAppContent.executive-suite-shell #specialsView #specialsGrid.specials-grid {
	display: block;
	padding: 0;
	overflow: auto;
	border: 1px solid rgba(126, 148, 184, 0.2);
	border-radius: 0 0 10px 10px;
	background: rgba(7, 12, 22, 0.58);
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.2);
}

#mainAppContent.executive-suite-shell #specialsView .specials-grid-static-head {
	position: relative;
	display: grid;
	grid-template-columns: minmax(250px, 340px) 118px minmax(0, 1fr);
	gap: 12px;
	min-width: 0;
	padding: 11px 14px;
	border: 1px solid rgba(126, 148, 184, 0.2);
	border-bottom: 0;
	border-radius: 10px 10px 0 0;
	background: rgba(10, 16, 29, 0.94);
	color: #8fa7c9;
	font-family: var(--es-display-font);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: 0.075em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #specialsView:has(#specialsGrid.specials-table-list .specials-table-head) .specials-grid-static-head {
	display: none;
}

#mainAppContent.executive-suite-shell #specialsView #specialsGrid.specials-grid:not(.specials-table-list)::before {
	display: none;
}

#mainAppContent.executive-suite-shell #specialsView #specialsGrid.specials-grid:not(.specials-table-list) .specials-grid-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(250px, 340px) 118px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	width: 100%;
	min-width: 0;
	min-height: 70px;
	margin: 0;
	padding: 9px 14px;
	overflow: visible;
	border: 0;
	border-bottom: 1px solid rgba(126, 148, 184, 0.12);
	border-radius: 0;
	background:
		linear-gradient(90deg, rgba(99, 102, 241, 0.055), transparent 42%),
		rgba(12, 19, 33, 0.78);
	box-shadow: none;
	color: var(--es-text);
	transform: none;
}

#mainAppContent.executive-suite-shell #specialsView #specialsGrid.specials-grid:not(.specials-table-list) .specials-grid-card:hover {
	background:
		linear-gradient(90deg, rgba(99, 102, 241, 0.11), transparent 46%),
		rgba(15, 24, 42, 0.92);
	box-shadow: inset 3px 0 0 rgba(125, 211, 252, 0.62);
	transform: none;
}

#mainAppContent.executive-suite-shell #specialsView #specialsGrid.specials-grid:not(.specials-table-list) .specials-card-header {
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

#mainAppContent.executive-suite-shell #specialsView #specialsGrid.specials-grid:not(.specials-table-list) .property-name-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 7px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #specialsView #specialsGrid.specials-grid:not(.specials-table-list) .property-name-compact {
	overflow: hidden;
	color: #f7fbff;
	font-size: 12.5px;
	font-weight: 840;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #specialsView #specialsGrid.specials-grid:not(.specials-table-list) .card-meta {
	margin-top: 7px;
	gap: 7px;
}

#mainAppContent.executive-suite-shell #specialsView #specialsGrid.specials-grid:not(.specials-table-list) .specials-list-compact {
	grid-column: 3;
	grid-row: 1;
	min-width: 0;
	padding: 0;
	display: grid;
	gap: 5px;
}

#mainAppContent.executive-suite-shell #specialsView #specialsGrid.specials-grid:not(.specials-table-list) .special-item-compact {
	min-width: 0;
	padding: 6px 8px;
	border: 1px solid rgba(126, 148, 184, 0.16);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(251, 191, 36, 0.1), transparent 70%),
		rgba(7, 12, 22, 0.72);
	color: #eaf1ff;
}

#mainAppContent.executive-suite-shell #specialsView #specialsGrid.specials-grid:not(.specials-table-list) .special-text-compact {
	color: #eaf1ff;
	-webkit-line-clamp: 2;
}

#mainAppContent.executive-suite-shell #specialsView #specialsGrid.specials-grid:not(.specials-table-list) .add-special-btn-compact {
	grid-column: 2;
	grid-row: 1;
	position: static;
	width: 112px;
	min-height: 32px;
	justify-self: start;
	align-self: center;
	padding: 0 12px;
	border: 1px solid rgba(103, 128, 255, 0.5);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0)),
		linear-gradient(135deg, #3f73f4, #2553d2);
	color: #fff;
	font-family: var(--es-display-font);
	font-size: 10px;
	font-weight: 840;
	letter-spacing: 0.015em;
	box-shadow:
		0 9px 18px rgba(37, 83, 210, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.14);
	transform: none;
}

#mainAppContent.executive-suite-shell #leadsView .source-donut,
#mainAppContent.executive-suite-shell #leadsView .source-donut-center {
	display: none;
}

/* Executive Suite v16: normalize Leads insight panels, dark modals, and Tracker. */
@media (min-width: 1281px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
	align-items: stretch;
	gap: 10px;
	margin-bottom: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
	height: 246px;
	min-height: 246px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-color: rgba(92, 112, 148, 0.34);
	border-radius: 11px;
	background:
		radial-gradient(circle at 18% 0%, rgba(59, 130, 246, 0.12), transparent 210px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.036), rgba(255, 255, 255, 0.006)),
		#111827;
	box-shadow:
		0 16px 38px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
	flex: 0 0 auto;
	min-height: 24px;
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom-color: rgba(126, 148, 184, 0.16);
}

#mainAppContent.executive-suite-shell #leadsView #leadsSourceChart,
#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars,
#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars {
	flex: 1 1 auto;
	min-height: 0;
	display: grid;
	gap: 4px;
	align-content: stretch;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	height: 100%;
	grid-template-rows: minmax(42px, auto) minmax(0, 1fr);
	gap: 4px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary,
#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary,
#mainAppContent.executive-suite-shell #leadsView .lead-health-summary {
	min-height: 42px;
	padding: 5px 8px;
	border: 1px solid rgba(126, 148, 184, 0.16);
	border-radius: 8px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--bar-color, var(--top-source-color, #5b7cff)) 14%, transparent), transparent 68%),
		rgba(8, 14, 25, 0.68);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.045),
		0 0 18px color-mix(in srgb, var(--bar-color, var(--top-source-color, #5b7cff)) 9%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .lead-health-summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #leadsView .lead-health-summary > div:first-child {
	min-width: 0;
	display: grid;
	gap: 1px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-health-summary span,
#mainAppContent.executive-suite-shell #leadsView .lead-health-summary-value span {
	color: #8ea3c0;
	font-size: 7px;
	font-weight: 850;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #leadsView .lead-health-summary strong {
	overflow: hidden;
	color: #f8fbff;
	font-size: 12px;
	font-weight: 880;
	line-height: 1.05;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-health-summary em {
	overflow: hidden;
	color: #8ea3c0;
	font-size: 8px;
	font-style: normal;
	font-weight: 760;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-health-summary-value {
	display: grid;
	justify-items: end;
	gap: 1px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-health-summary-value strong {
	font-size: 18px;
	font-weight: 900;
	line-height: 0.95;
	text-shadow: 0 0 14px color-mix(in srgb, var(--bar-color) 22%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary strong {
	font-size: 18px;
	text-shadow: 0 0 14px rgba(92, 124, 255, 0.2);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-list,
#mainAppContent.executive-suite-shell #leadsView .leads-overview-bars,
#mainAppContent.executive-suite-shell #leadsView .leads-health-bars {
	display: grid;
	gap: 3px;
	align-content: stretch;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
	grid-template-rows: repeat(5, minmax(18px, 1fr)) auto;
}

#mainAppContent.executive-suite-shell #leadsView .leads-overview-bars {
	grid-template-rows: minmax(42px, auto) repeat(4, minmax(18px, 1fr));
}

#mainAppContent.executive-suite-shell #leadsView .leads-health-bars {
	grid-template-rows: minmax(42px, auto) repeat(5, minmax(18px, 1fr));
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-item,
#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
	min-height: 18px;
	padding: 2px 7px;
	border: 1px solid rgba(126, 148, 184, 0.12);
	border-radius: 7px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--bar-color, var(--source-color, #5b7cff)) 10%, transparent), transparent 62%),
		rgba(9, 15, 27, 0.62);
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-track,
#mainAppContent.executive-suite-shell #leadsView .health-bar-track {
	height: 2px;
	background: rgba(4, 8, 15, 0.78);
}

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

#mainAppContent.executive-suite-shell .modal:not(.hidden) {
	background:
		radial-gradient(circle at 48% 18%, rgba(73, 107, 255, 0.12), transparent 300px),
		rgba(5, 10, 20, 0.78);
	backdrop-filter: blur(10px);
}

#mainAppContent.executive-suite-shell .modal-card {
	overflow: hidden;
	border: 1px solid rgba(126, 148, 184, 0.22);
	border-radius: 14px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.01)),
		#101827 !important;
	color: #eaf1ff;
	box-shadow:
		0 28px 80px rgba(0, 0, 0, 0.46),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

#mainAppContent.executive-suite-shell .modal-header,
#mainAppContent.executive-suite-shell .modal-sticky-header,
#mainAppContent.executive-suite-shell .modal-footer {
	border-color: rgba(126, 148, 184, 0.16) !important;
	background:
		linear-gradient(180deg, rgba(49, 70, 112, 0.28), rgba(16, 24, 39, 0.84)),
		#111827 !important;
	color: #eef5ff;
}

#mainAppContent.executive-suite-shell .modal-header h3,
#mainAppContent.executive-suite-shell .modal-header h2,
#mainAppContent.executive-suite-shell .modal-card h3,
#mainAppContent.executive-suite-shell .modal-card h2,
#mainAppContent.executive-suite-shell .modal-title,
#mainAppContent.executive-suite-shell .modal-card h4 {
	color: #f8fbff !important;
	font-family: var(--es-display-font);
	font-weight: 850;
	letter-spacing: 0.02em;
}

#mainAppContent.executive-suite-shell .modal .icon-btn,
#mainAppContent.executive-suite-shell .modal .modal-close {
	border: 1px solid rgba(126, 148, 184, 0.18);
	background: rgba(15, 23, 42, 0.72);
	color: #c9d7ed;
}

#mainAppContent.executive-suite-shell .modal .icon-btn:hover,
#mainAppContent.executive-suite-shell .modal .modal-close:hover {
	border-color: rgba(125, 211, 252, 0.48);
	background: rgba(30, 41, 59, 0.9);
	color: #ffffff;
}

#mainAppContent.executive-suite-shell .modal-body {
	background: transparent !important;
	color: #dce8f8;
}

#mainAppContent.executive-suite-shell .modal .field label,
#mainAppContent.executive-suite-shell .modal label,
#mainAppContent.executive-suite-shell .modal .helper-text,
#mainAppContent.executive-suite-shell .modal p {
	color: #9fb0ce;
}

#mainAppContent.executive-suite-shell .modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#mainAppContent.executive-suite-shell .modal select,
#mainAppContent.executive-suite-shell .modal textarea {
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	background: rgba(6, 11, 22, 0.84) !important;
	color: #eef5ff !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

#mainAppContent.executive-suite-shell .modal input:disabled,
#mainAppContent.executive-suite-shell .modal select:disabled,
#mainAppContent.executive-suite-shell .modal textarea:disabled {
	border-color: rgba(126, 148, 184, 0.16) !important;
	background: rgba(15, 23, 42, 0.68) !important;
	color: #b9c7db !important;
	opacity: 1;
}

#mainAppContent.executive-suite-shell .modal input::placeholder,
#mainAppContent.executive-suite-shell .modal textarea::placeholder {
	color: #7183a2;
}

#mainAppContent.executive-suite-shell .modal input:focus,
#mainAppContent.executive-suite-shell .modal select:focus,
#mainAppContent.executive-suite-shell .modal textarea:focus {
	outline: none;
	border-color: rgba(125, 211, 252, 0.6) !important;
	box-shadow:
		0 0 0 3px rgba(56, 189, 248, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#mainAppContent.executive-suite-shell .modal select option {
	background: #0f172a;
	color: #eef5ff;
}

#mainAppContent.executive-suite-shell #trackerView {
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell #trackerView .tracker-manager-view,
#mainAppContent.executive-suite-shell #trackerView .tracker-agent-view {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-page-header {
	margin-bottom: 10px;
	padding: 13px 16px;
	overflow: visible;
	border: 1px solid rgba(126, 148, 184, 0.2);
	border-radius: 10px;
	background:
		radial-gradient(circle at 8% 0%, rgba(99, 102, 241, 0.14), transparent 210px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.012)),
		#101827;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18);
}

#mainAppContent.executive-suite-shell #trackerView .tracker-title-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 0;
	background: transparent !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-title-section {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-title-icon {
	font-size: 18px;
	line-height: 1;
	filter: drop-shadow(0 0 10px rgba(125, 211, 252, 0.24));
}

#mainAppContent.executive-suite-shell #trackerView .tracker-title-section h2 {
	margin: 0;
	color: #f7fbff;
	font-family: var(--es-display-font);
	font-size: clamp(18px, 1.06vw, 22px);
	font-weight: 850;
	letter-spacing: 0.065em;
	line-height: 1;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-subtitle {
	max-width: 820px;
	margin: 8px 0 12px;
	color: #9fb0ce;
	font-size: 12px;
	line-height: 1.45;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-search-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0;
	border-bottom: 0;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-page-search {
	flex: 1 1 440px;
	max-width: 440px;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-clear-search {
	min-height: 36px;
	border-color: rgba(126, 148, 184, 0.2);
	background: rgba(7, 12, 22, 0.72);
	color: #dce8f8;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-clear-search:hover {
	border-color: rgba(125, 211, 252, 0.34);
	background: rgba(15, 23, 42, 0.88);
	color: #f8fbff;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dashboard {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 10px;
	padding: 0;
	background: transparent;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-section {
	min-height: 218px;
	padding: 10px 12px;
	overflow: hidden;
	border: 1px solid rgba(126, 148, 184, 0.2);
	border-radius: 10px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.006)),
		#111827;
	box-shadow:
		0 14px 34px rgba(0, 0, 0, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-title {
	min-height: 25px;
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.15);
	color: #edf4ff;
	font-family: var(--es-display-font);
	font-size: 10.5px;
	font-weight: 850;
	letter-spacing: 0.065em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-bars {
	display: grid;
	gap: 5px;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	min-height: 46px;
	padding: 6px 8px;
	border: 1px solid rgba(126, 148, 184, 0.16);
	border-radius: 8px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--summary-color) 14%, transparent), transparent 68%),
		rgba(8, 14, 25, 0.68);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.045),
		0 0 18px color-mix(in srgb, var(--summary-color) 9%, transparent);
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-summary > div:first-child {
	min-width: 0;
	display: grid;
	gap: 1px;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-summary span,
#mainAppContent.executive-suite-shell #trackerView .tracker-dash-summary-value span {
	color: #8ea3c0;
	font-size: 7px;
	font-weight: 850;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-summary strong {
	overflow: hidden;
	color: #f8fbff;
	font-size: 12px;
	font-weight: 880;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-summary em {
	overflow: hidden;
	color: #8ea3c0;
	font-size: 8px;
	font-style: normal;
	font-weight: 760;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-summary-value {
	display: grid;
	justify-items: end;
	gap: 1px;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-summary-value strong {
	font-size: 18px;
	font-weight: 900;
	line-height: 0.95;
	text-shadow: 0 0 14px color-mix(in srgb, var(--summary-color) 22%, transparent);
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-bar-row {
	min-height: 21px;
	padding: 3px 7px;
	border: 1px solid rgba(126, 148, 184, 0.12);
	border-radius: 7px;
	background: rgba(9, 15, 27, 0.62);
	color: #dce8f8;
	transform: none;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-bar-row:hover {
	border-color: rgba(125, 211, 252, 0.34);
	background: rgba(12, 20, 36, 0.78);
	transform: none;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-bar-icon,
#mainAppContent.executive-suite-shell #trackerView .tracker-dash-step-num {
	width: 22px;
	height: 16px;
	color: #dce8f8;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-step-num {
	border-radius: 999px;
	background: rgba(92, 124, 255, 0.22);
	font-size: 10px;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-bar-label {
	min-width: 74px;
	color: #dce8f8;
	font-size: 10px;
	font-weight: 820;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-bar-track {
	height: 3px;
	background: rgba(4, 8, 15, 0.78);
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-bar-count {
	color: #f8fbff;
	font-size: 10px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-dash-bar-pct {
	color: #8ea3c0;
	font-size: 9px;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-filter-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	background: rgba(9, 15, 27, 0.72);
}

#mainAppContent.executive-suite-shell #trackerView .tracker-filter-tabs {
	border: 1px solid rgba(126, 148, 184, 0.14);
	border-radius: 10px;
	background: rgba(5, 10, 20, 0.72);
}

#mainAppContent.executive-suite-shell #trackerView .filter-tab {
	min-height: 28px;
	border-radius: 7px;
	color: #9fb0ce;
	font-family: var(--es-display-font);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.01em;
}

#mainAppContent.executive-suite-shell #trackerView .filter-tab:hover,
#mainAppContent.executive-suite-shell #trackerView .filter-tab.active {
	background: linear-gradient(180deg, rgba(117, 125, 255, 0.98), rgba(82, 92, 232, 0.98));
	color: #ffffff;
	box-shadow: 0 8px 18px rgba(74, 86, 230, 0.22);
}

#mainAppContent.executive-suite-shell #trackerView .lead-count-badge,
#mainAppContent.executive-suite-shell #trackerView .filter-search-wrapper,
#mainAppContent.executive-suite-shell #trackerView .filter-input-compact {
	border-color: rgba(126, 148, 184, 0.18);
	background: rgba(6, 11, 22, 0.76);
	color: #dce8f8;
}

#mainAppContent.executive-suite-shell #trackerView .filter-search-wrapper {
	position: relative;
	flex: 0 1 470px;
	min-width: 280px;
	height: 36px;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 9px;
	background: rgba(6, 11, 22, 0.82) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

#mainAppContent.executive-suite-shell #trackerView .filter-search-wrapper:focus-within {
	border-color: rgba(125, 211, 252, 0.58) !important;
	box-shadow:
		0 0 0 3px rgba(56, 189, 248, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#mainAppContent.executive-suite-shell #trackerView .filter-search-wrapper svg {
	position: absolute;
	left: 13px;
	top: 50%;
	z-index: 1;
	color: #8ea3c0;
	transform: translateY(-50%);
	pointer-events: none;
}

#mainAppContent.executive-suite-shell #trackerView .filter-search-wrapper .filter-input-compact {
	width: 100%;
	height: 100%;
	padding: 0 14px 0 40px;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #trackerView .filter-search-wrapper .filter-input-compact:focus {
	background: transparent !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #trackerView .filter-input-compact::placeholder {
	color: #7183a2;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-container {
	gap: 10px;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container {
	overflow: hidden;
	border: 1px solid rgba(126, 148, 184, 0.16);
	border-radius: 10px;
	background: rgba(9, 15, 27, 0.78);
	box-shadow: none;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-container:hover {
	border-color: rgba(125, 211, 252, 0.28);
	box-shadow: inset 3px 0 0 rgba(125, 211, 252, 0.48);
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, auto);
	gap: 14px;
	align-items: center;
	min-height: 62px;
	padding: 10px 12px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.12);
	background:
		linear-gradient(90deg, rgba(59, 130, 246, 0.08), transparent 44%),
		rgba(12, 19, 33, 0.74);
}

#mainAppContent.executive-suite-shell #trackerView .lead-info {
	min-width: 0;
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #trackerView .lead-details {
	min-width: 0;
	display: grid;
	gap: 6px;
}

#mainAppContent.executive-suite-shell #trackerView .lead-icon,
#mainAppContent.executive-suite-shell #trackerView .docs-emails-btn,
#mainAppContent.executive-suite-shell #trackerView .expand-btn {
	border: 1px solid rgba(126, 148, 184, 0.18);
	background: rgba(20, 32, 56, 0.82);
	color: #9cc9ff;
}

#mainAppContent.executive-suite-shell #trackerView .lead-icon {
	width: 34px;
	height: 34px;
	border-radius: 9px;
}

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

#mainAppContent.executive-suite-shell #trackerView .lead-names {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #trackerView .agent-name {
	min-width: 0;
	overflow: hidden;
	font-size: 12px;
	font-weight: 820;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #trackerView .lead-name {
	min-width: 0;
	overflow: hidden;
	font-size: 12px;
	font-weight: 860;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #trackerView .lead-names .arrow,
#mainAppContent.executive-suite-shell #trackerView .last-updated {
	color: #8ea3c0;
}

#mainAppContent.executive-suite-shell #trackerView .lead-meta,
#mainAppContent.executive-suite-shell #trackerView .lead-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #trackerView .lead-meta {
	flex-wrap: wrap;
}

#mainAppContent.executive-suite-shell #trackerView .lead-actions {
	justify-content: flex-end;
}

#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 {
	width: auto !important;
	min-width: 0;
	height: 24px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 0 9px;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.78) !important;
	color: #dce8f8 !important;
	font-size: 10px;
	font-weight: 820;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #trackerView .health-dot {
	width: 8px;
	height: 8px;
	flex: 0 0 8px;
}

#mainAppContent.executive-suite-shell #trackerView .last-updated {
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-content {
	background: rgba(7, 12, 22, 0.72);
}

#mainAppContent.executive-suite-shell #trackerView .progress-section,
#mainAppContent.executive-suite-shell #trackerView .progress-bar-container {
	background: transparent !important;
}

#mainAppContent.executive-suite-shell #trackerView .progress-bar {
	background: rgba(4, 8, 15, 0.76);
}

#mainAppContent.executive-suite-shell #trackerView .progress-line-fill {
	background: linear-gradient(90deg, #5b7cff, #38bdf8);
	box-shadow: 0 0 18px rgba(56, 189, 248, 0.18);
}

#mainAppContent.executive-suite-shell #trackerView .progress-step-dot.pending {
	border-color: rgba(126, 148, 184, 0.24);
	background: #0d1628;
	color: #8ea3c0;
}

#mainAppContent.executive-suite-shell #trackerView .progress-step-label,
#mainAppContent.executive-suite-shell #trackerView .step-task {
	color: #9fb0ce;
}

#mainAppContent.executive-suite-shell #trackerView select,
#mainAppContent.executive-suite-shell #trackerView input,
#mainAppContent.executive-suite-shell #trackerView textarea,
#mainAppContent.executive-suite-shell #trackerView .lead-select,
#mainAppContent.executive-suite-shell #trackerView .agent-select,
#mainAppContent.executive-suite-shell #trackerView .step-select {
	border: 1px solid rgba(126, 148, 184, 0.2);
	background: rgba(6, 11, 22, 0.84);
	color: #eef5ff;
}

@media (max-width: 1100px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		height: auto;
		min-height: 0;
	}

	#mainAppContent.executive-suite-shell #trackerView .tracker-dashboard {
		grid-template-columns: 1fr;
	}
}

/* Executive Suite v18: annotation pass for durable panel sizing, collapse nav, and dark page migration. */
#mainAppContent.executive-suite-shell {
	--es-sidebar-width: 212px;
	--es-sidebar-collapsed-width: 76px;
}

#mainAppContent.executive-suite-shell #appRoot,
#mainAppContent.executive-suite-shell .app-header {
	transition: margin-left 180ms ease, width 180ms ease, padding 180ms ease;
}

#mainAppContent.executive-suite-shell .brand {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

#mainAppContent.executive-suite-shell .sidebar-collapse-toggle {
	position: absolute;
	top: 2px;
	right: 0;
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(126, 148, 184, 0.2);
	border-radius: 9px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)),
		rgba(8, 14, 25, 0.82);
	color: #c9d7ed;
	cursor: pointer;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
}

#mainAppContent.executive-suite-shell .sidebar-collapse-toggle:hover,
#mainAppContent.executive-suite-shell .sidebar-collapse-toggle:focus-visible {
	border-color: rgba(125, 211, 252, 0.46);
	background: rgba(18, 31, 54, 0.94);
	outline: none;
	box-shadow:
		0 0 0 3px rgba(56, 189, 248, 0.1),
		0 12px 26px rgba(0, 0, 0, 0.22);
}

#mainAppContent.executive-suite-shell .sidebar-collapse-icon {
	width: 12px;
	height: 12px;
	position: relative;
	display: block;
}

#mainAppContent.executive-suite-shell .sidebar-collapse-icon::before {
	content: "";
	position: absolute;
	inset: 2px;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transform-origin: center;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-icon::before {
	transform: rotate(-135deg);
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
	width: var(--es-sidebar-collapsed-width);
	padding: 16px 10px;
	align-items: center;
	overflow-x: hidden;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot {
	width: calc(100vw - var(--es-sidebar-collapsed-width));
	max-width: calc(100vw - var(--es-sidebar-collapsed-width));
	margin-left: var(--es-sidebar-collapsed-width) !important;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .brand {
	width: 100%;
	min-height: 54px;
	padding: 0 0 14px;
	margin-bottom: 18px;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .brand-logo {
	max-width: 52px;
	max-height: 44px;
	object-fit: contain;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
	top: 60px;
	right: 14px;
	width: 32px;
	height: 32px;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
	align-items: center;
	gap: 8px;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
	position: relative;
	width: 46px;
	min-height: 46px;
	justify-content: center;
	padding: 0;
	border-radius: 13px;
	font-size: 0;
	letter-spacing: 0;
	transform: none;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link > span:not(.nav-icon),
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link .nav-icon {
	display: none;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::before {
	content: attr(data-icon) !important;
	position: static !important;
	inset: auto !important;
	width: auto !important;
	height: auto !important;
	display: block;
	background: none !important;
	box-shadow: none !important;
	color: inherit;
	font-size: 17px;
	line-height: 1;
	transform: none !important;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::after {
	content: attr(data-short);
	position: absolute;
	left: 50%;
	bottom: 4px;
	width: auto;
	height: auto;
	background: none;
	color: #8ea3c0;
	font-size: 6px;
	font-weight: 850;
	letter-spacing: 0.02em;
	line-height: 1;
	text-transform: uppercase;
	transform: translateX(-50%);
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link.active::after,
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[aria-current="page"]::after {
	color: #dce8f8;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
	width: 100%;
	align-items: center;
	gap: 8px;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .user-info {
	width: 52px;
	min-height: 52px;
	grid-template-columns: 1fr;
	justify-items: center;
	padding: 6px;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .header-user-copy,
#mainAppContent.executive-suite-shell.sidebar-collapsed .manage-dropdown-container {
	display: none !important;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .header-profile-avatar {
	width: 40px;
	height: 40px;
	border-radius: 12px;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn,
#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn,
#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header .profile-btn,
#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header .logout-btn {
	width: 52px;
	min-height: 36px;
	padding: 0;
	font-size: 0;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn::before,
#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header .profile-btn::before {
	content: "P";
	font-size: 11px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn::before,
#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header .logout-btn::before {
	content: "OUT";
	font-size: 10px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
	height: 272px;
	min-height: 272px;
	padding-bottom: 12px;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsView #leadsSourceChart,
#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars,
#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars {
	gap: 6px;
	align-content: stretch;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	height: 100%;
	grid-template-rows: minmax(48px, auto) minmax(0, auto);
	align-content: start;
	gap: 7px;
	min-height: 0;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary,
#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary,
#mainAppContent.executive-suite-shell #leadsView .lead-health-summary {
	min-height: 48px;
	padding: 6px 10px;
	border-radius: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary,
#mainAppContent.executive-suite-shell #leadsView .lead-health-summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"label value"
		"sub value";
	column-gap: 10px;
	row-gap: 2px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #leadsView .lead-health-summary span {
	grid-area: label;
	color: #9fb0ce;
	font-size: 8px;
	font-weight: 850;
	letter-spacing: 0.07em;
	line-height: 1;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #leadsView .lead-health-summary strong {
	grid-area: value;
	overflow: visible;
	color: #f8fbff;
	font-size: 18px;
	font-weight: 900;
	font-variant-numeric: tabular-nums;
	line-height: 1;
	text-align: right;
	text-shadow: 0 0 14px color-mix(in srgb, var(--bar-color) 22%, transparent);
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-health-summary em {
	grid-area: sub;
	overflow: hidden;
	color: #8196b6;
	font-size: 8px;
	font-style: normal;
	font-weight: 760;
	line-height: 1.15;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-health-summary-value {
	display: none !important;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
	min-height: 0;
	display: grid;
	grid-template-rows: none;
	grid-auto-rows: minmax(22px, auto);
	align-content: start;
	gap: 4px;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsView .leads-overview-bars {
	grid-template-rows: minmax(52px, auto) repeat(4, minmax(27px, 1fr));
	gap: 6px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-health-bars {
	grid-template-rows: minmax(52px, auto) repeat(5, minmax(22px, 1fr));
	gap: 5px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-item,
#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
	min-height: 21px;
	padding: 3px 8px;
	border-radius: 8px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
	min-height: 13px;
	margin-bottom: 2px;
	gap: 7px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-rank {
	min-width: 24px;
	height: 16px;
	font-size: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name,
#mainAppContent.executive-suite-shell #leadsView .health-bar-label {
	font-size: 10px;
	line-height: 1.1;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-values,
#mainAppContent.executive-suite-shell #leadsView .health-bar-meta {
	font-size: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-track,
#mainAppContent.executive-suite-shell #leadsView .health-bar-track {
	height: 3px;
}

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

#mainAppContent.executive-suite-shell .specials-detail {
	display: grid;
	gap: 12px;
	color: #e7eefb;
}

#mainAppContent.executive-suite-shell .specials-detail__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 14px;
	align-items: start;
	padding: 13px 14px;
	border: 1px solid rgba(126, 148, 184, 0.2);
	border-radius: 12px;
	background:
		linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(99, 102, 241, 0.08)),
		rgba(9, 15, 27, 0.88) !important;
}

#mainAppContent.executive-suite-shell .specials-detail__prop-name {
	color: #fff7ed;
	font-size: 16px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell .specials-detail__prop-addr,
#mainAppContent.executive-suite-shell .specials-detail__prop-meta {
	color: #9fb0ce;
	font-size: 12px;
	font-weight: 700;
}

#mainAppContent.executive-suite-shell .specials-detail__prop-meta:empty {
	display: none;
}

#mainAppContent.executive-suite-shell .specials-detail__badges {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 6px;
}

#mainAppContent.executive-suite-shell .specials-pill {
	border: 1px solid rgba(126, 148, 184, 0.22);
	background: rgba(15, 23, 42, 0.82);
	color: #dce8f8;
}

#mainAppContent.executive-suite-shell .specials-detail__text {
	padding: 14px;
	border: 1px solid rgba(125, 211, 252, 0.18);
	border-radius: 11px;
	background: rgba(6, 11, 22, 0.9) !important;
	color: #f8fbff;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.35;
}

#mainAppContent.executive-suite-shell .specials-detail__meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

#mainAppContent.executive-suite-shell .specials-detail__meta-row {
	padding: 10px 11px;
	border: 1px solid rgba(126, 148, 184, 0.16);
	border-radius: 9px;
	background: rgba(9, 15, 27, 0.78) !important;
	color: #dce8f8;
}

#mainAppContent.executive-suite-shell .specials-detail__meta-row .k {
	color: #8ea3c0;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell .specials-detail__meta-row .v {
	color: #f8fbff;
	font-weight: 800;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .modal-card {
	overflow: hidden;
	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)),
		#111827 !important;
	color: #dce8f8 !important;
	box-shadow:
		0 28px 80px rgba(0, 0, 0, 0.48),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .modal-header {
	border-bottom: 1px solid rgba(126, 148, 184, 0.16) !important;
	background:
		linear-gradient(90deg, rgba(91, 124, 255, 0.12), rgba(56, 189, 248, 0.06)),
		rgba(17, 24, 39, 0.92) !important;
	color: #f8fbff !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .modal-header h2,
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .modal-header h3 {
	color: #f8fbff !important;
	font-family: var(--es-display-font);
	font-weight: 900;
	letter-spacing: 0;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .modal-body {
	background: rgba(9, 15, 27, 0.72) !important;
	color: #dce8f8 !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .icon-btn {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	background: rgba(8, 14, 25, 0.78) !important;
	color: #c8d6eb !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) label,
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .form-label {
	color: #9fb0ce !important;
	font-weight: 800;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) input,
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) textarea,
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) select {
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	background: rgba(6, 11, 22, 0.86) !important;
	color: #eef5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) input::placeholder,
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) textarea::placeholder {
	color: #7285a3 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .specials-detail {
	display: grid;
	gap: 12px;
	color: #e7eefb;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .specials-detail__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 14px;
	align-items: start;
	padding: 13px 14px;
	border: 1px solid rgba(245, 158, 11, 0.22) !important;
	border-radius: 12px;
	background:
		linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(99, 102, 241, 0.08)),
		rgba(9, 15, 27, 0.88) !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .specials-detail__prop-name {
	color: #fff7ed !important;
	font-size: 16px;
	font-weight: 900;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .specials-detail__prop-addr,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .specials-detail__prop-meta {
	color: #9fb0ce !important;
	font-size: 12px;
	font-weight: 700;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .specials-detail__prop-meta:empty {
	display: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .specials-pill {
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	background: rgba(15, 23, 42, 0.82) !important;
	color: #dce8f8 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .specials-detail__text {
	padding: 14px;
	border: 1px solid rgba(125, 211, 252, 0.18) !important;
	border-radius: 11px;
	background: rgba(6, 11, 22, 0.9) !important;
	color: #f8fbff !important;
	font-size: 16px;
	font-weight: 900 !important;
	line-height: 1.35;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .specials-detail__meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .specials-detail__meta-row {
	padding: 10px 11px;
	border: 1px solid rgba(126, 148, 184, 0.16) !important;
	border-radius: 9px;
	background: rgba(9, 15, 27, 0.78) !important;
	color: #dce8f8 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .specials-detail__meta-row .k {
	color: #8ea3c0 !important;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .specials-detail__meta-row .v {
	color: #f8fbff !important;
	font-weight: 800;
}

#mainAppContent.executive-suite-shell #trackerView .lead-table-content.expanded {
	background: #070d18 !important;
	border-top: 1px solid rgba(126, 148, 184, 0.14);
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel,
#mainAppContent.executive-suite-shell #trackerView .step-panel-body {
	border-color: rgba(126, 148, 184, 0.18) !important;
	background: #0d1524 !important;
	color: #dce8f8 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel.current {
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	background: #111827 !important;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
}

#mainAppContent.executive-suite-shell #trackerView .step-panel-header {
	border-bottom: 1px solid rgba(126, 148, 184, 0.16) !important;
	background:
		linear-gradient(90deg, rgba(56, 189, 248, 0.12), rgba(99, 102, 241, 0.08)),
		#182235 !important;
	color: #eaf1ff !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-panel-header h3,
#mainAppContent.executive-suite-shell #trackerView .step-panel-header span,
#mainAppContent.executive-suite-shell #trackerView .step-panel-body h4 {
	color: #f8fbff !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-panel-body {
	padding: 14px 16px !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-panel-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

#mainAppContent.executive-suite-shell #trackerView .step-panel-section {
	min-width: 0;
}

#mainAppContent.executive-suite-shell #trackerView .step-panel-section .section-label {
	color: #8ea3c0 !important;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #trackerView .step-panel-section .section-content {
	color: #dce8f8 !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-panel-body .activity-item,
#mainAppContent.executive-suite-shell #trackerView .step-panel-body .next-task,
#mainAppContent.executive-suite-shell #trackerView .what-happened-item,
#mainAppContent.executive-suite-shell #trackerView .whats-next-item,
#mainAppContent.executive-suite-shell #trackerView .step-panel-body button:not(.c-button) {
	border-color: rgba(126, 148, 184, 0.16) !important;
	background: rgba(9, 15, 27, 0.82) !important;
	color: #dce8f8 !important;
}

#mainAppContent.executive-suite-shell #trackerView .what-happened-item.success,
#mainAppContent.executive-suite-shell #trackerView .whats-next-item.success {
	border-color: rgba(52, 211, 153, 0.22) !important;
	background: rgba(6, 78, 59, 0.18) !important;
}

#mainAppContent.executive-suite-shell #trackerView .what-happened-item.warning,
#mainAppContent.executive-suite-shell #trackerView .whats-next-item.warning {
	border-color: rgba(245, 158, 11, 0.24) !important;
	background: rgba(120, 53, 15, 0.18) !important;
}

#mainAppContent.executive-suite-shell #trackerView .what-happened-item.error,
#mainAppContent.executive-suite-shell #trackerView .whats-next-item.error {
	border-color: rgba(248, 113, 113, 0.24) !important;
	background: rgba(127, 29, 29, 0.2) !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-action-btn.secondary {
	border-color: rgba(126, 148, 184, 0.2) !important;
	background: rgba(20, 32, 56, 0.84) !important;
	color: #dce8f8 !important;
}

#mainAppContent.executive-suite-shell #emailsView,
#mainAppContent.executive-suite-shell #agentsView {
	max-width: 1760px;
	margin: 0 auto;
	color: var(--es-text);
}

#mainAppContent.executive-suite-shell #emailsView .admin-content,
#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single,
#mainAppContent.executive-suite-shell #agentsView .agents-analytics-dashboard {
	background: transparent !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single {
	display: grid;
	gap: 14px;
	padding: 0;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-card,
#mainAppContent.executive-suite-shell #emailsView .email-alerts-compact,
#mainAppContent.executive-suite-shell #emailsView .email-logs-compact,
#mainAppContent.executive-suite-shell #emailsView .email-templates-quick,
#mainAppContent.executive-suite-shell #agentsView .analytics-chart-panel,
#mainAppContent.executive-suite-shell #agentsView .agents-filter-bar,
#mainAppContent.executive-suite-shell #agentsView .table-wrapper {
	overflow: hidden;
	border: 1px solid rgba(126, 148, 184, 0.18);
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.006)),
		#111827 !important;
	color: #dce8f8;
	box-shadow:
		0 18px 44px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-card,
#mainAppContent.executive-suite-shell #emailsView .email-alerts-compact,
#mainAppContent.executive-suite-shell #emailsView .email-logs-compact,
#mainAppContent.executive-suite-shell #emailsView .email-templates-quick {
	padding: 14px;
}

#mainAppContent.executive-suite-shell #emailsView .section-title,
#mainAppContent.executive-suite-shell #agentsView .leads-insight-title {
	color: #f8fbff !important;
	font-family: var(--es-display-font);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-layout,
#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main {
	display: grid;
	gap: 12px;
}

#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main {
	grid-template-columns: minmax(300px, 0.8fr) minmax(0, 2.3fr);
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 8px;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-row-title {
	color: #93a7c4;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-card,
#mainAppContent.executive-suite-shell #emailsView .email-alert-compact,
#mainAppContent.executive-suite-shell #emailsView .email-template-info-card,
#mainAppContent.executive-suite-shell #emailsView .email-template-mc-card {
	border: 1px solid rgba(126, 148, 184, 0.16) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(90deg, rgba(99, 102, 241, 0.08), transparent 58%),
		rgba(8, 14, 25, 0.74) !important;
	color: #dce8f8 !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-card {
	min-height: 54px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	padding: 10px 12px;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-card.alert {
	border-color: rgba(248, 113, 113, 0.34) !important;
	background:
		linear-gradient(90deg, rgba(239, 68, 68, 0.14), transparent 64%),
		rgba(8, 14, 25, 0.78) !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-card.success-rate {
	border-color: rgba(45, 212, 191, 0.28) !important;
	background:
		linear-gradient(90deg, rgba(45, 212, 191, 0.12), transparent 64%),
		rgba(8, 14, 25, 0.78) !important;
}

#mainAppContent.executive-suite-shell #emailsView .metric-label,
#mainAppContent.executive-suite-shell #emailsView .template-info-description,
#mainAppContent.executive-suite-shell #emailsView .meta-label,
#mainAppContent.executive-suite-shell #emailsView .email-log-recipient-email {
	color: #91a6c5 !important;
}

#mainAppContent.executive-suite-shell #emailsView .metric-value,
#mainAppContent.executive-suite-shell #emailsView .email-log-recipient-name,
#mainAppContent.executive-suite-shell #emailsView .template-info-name {
	color: #f8fbff !important;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-body-compact {
	overflow: auto;
	border: 1px solid rgba(126, 148, 184, 0.14);
	border-radius: 10px;
	background: rgba(6, 11, 22, 0.7);
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	color: #dce8f8;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th {
	position: sticky;
	top: 0;
	z-index: 1;
	padding: 11px 12px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.18);
	background: rgba(17, 24, 39, 0.96);
	color: #9fb9dc;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-align: left;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td {
	padding: 11px 12px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.1);
	color: #dce8f8;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact tr:hover td {
	background: rgba(99, 102, 241, 0.08);
}

#mainAppContent.executive-suite-shell #emailsView input,
#mainAppContent.executive-suite-shell #emailsView select,
#mainAppContent.executive-suite-shell #agentsView input,
#mainAppContent.executive-suite-shell #agentsView select {
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	background: rgba(6, 11, 22, 0.82) !important;
	color: #eef5ff !important;
}

#mainAppContent.executive-suite-shell #emailsView input::placeholder,
#mainAppContent.executive-suite-shell #agentsView input::placeholder {
	color: #7183a2 !important;
}

#mainAppContent.executive-suite-shell #emailsView input:focus,
#mainAppContent.executive-suite-shell #emailsView select:focus,
#mainAppContent.executive-suite-shell #agentsView input:focus,
#mainAppContent.executive-suite-shell #agentsView select:focus {
	outline: none !important;
	border-color: rgba(56, 189, 248, 0.54) !important;
	box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.12) !important;
}

#mainAppContent.executive-suite-shell #emailsView #emailTemplatesContainer {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(300px, 360px);
	gap: 12px;
	overflow-x: auto;
	padding-bottom: 4px;
}

#mainAppContent.executive-suite-shell #emailsView .email-template-info-card {
	min-height: 210px;
	display: flex;
	flex-direction: column;
	padding: 14px;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-actions {
	margin-top: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-btn,
#mainAppContent.executive-suite-shell #emailsView .alert-compact-btn,
#mainAppContent.executive-suite-shell #agentsView .action-btn {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 9px !important;
	background: rgba(20, 32, 56, 0.82) !important;
	color: #dce8f8 !important;
	font-weight: 850;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-btn-primary,
#mainAppContent.executive-suite-shell #agentsView .action-btn[data-view-agent],
#mainAppContent.executive-suite-shell #agentsView .action-btn[data-view-landing] {
	border-color: rgba(100, 114, 255, 0.42) !important;
	background: linear-gradient(135deg, #4d74ff, #315dd8) !important;
	color: #fff !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-analytics-dashboard.compact {
	margin-bottom: 14px;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-charts-row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-chart-panel {
	height: 328px;
	padding: 12px;
	display: flex;
	flex-direction: column;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-chart-panel .leads-insight-header {
	min-height: 28px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.14);
}

#mainAppContent.executive-suite-shell #agentsView .analytics-chart-bars,
#mainAppContent.executive-suite-shell #agentsView .leads-source-chart {
	flex: 1 1 auto;
	min-height: 0;
	display: grid;
	gap: 6px;
	align-content: stretch;
}

#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-pro {
	height: 100%;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: minmax(58px, auto) minmax(0, 1fr);
	gap: 8px;
	align-content: start;
	align-items: stretch;
}

#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-primary {
	min-height: 58px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"copy share"
		"mix mix";
	gap: 5px 12px;
	align-items: center;
	padding: 8px 10px;
	border: 1px solid rgba(126, 148, 184, 0.16);
	border-radius: 10px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--top-source-color, #5b7cff) 16%, transparent), transparent 68%),
		rgba(8, 14, 25, 0.74);
}

#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-top {
	grid-area: copy;
	display: grid;
	gap: 1px;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-top span,
#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-total-label {
	color: #8ea3c0;
	font-size: 8px;
	font-weight: 850;
	letter-spacing: 0.07em;
	line-height: 1;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-top strong {
	overflow: hidden;
	color: #f8fbff;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.05;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-top em {
	overflow: hidden;
	color: #8196b6;
	font-size: 8px;
	font-style: normal;
	font-weight: 760;
	line-height: 1.15;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-share {
	grid-area: share;
	display: grid;
	justify-items: end;
	gap: 1px;
}

#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-total {
	color: #f8fbff;
	font-size: 19px;
	font-weight: 900;
	line-height: 0.95;
	text-shadow: 0 0 16px color-mix(in srgb, var(--top-source-color, #5b7cff) 24%, transparent);
}

#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-mix {
	grid-area: mix;
	height: 4px;
	overflow: hidden;
	border-radius: 999px;
	box-shadow: 0 0 16px color-mix(in srgb, var(--top-source-color, #5b7cff) 18%, transparent);
}

#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-ring-wrap {
	display: grid;
	align-content: center;
	justify-items: center;
	gap: 9px;
	min-width: 0;
	border: 1px solid rgba(126, 148, 184, 0.14);
	border-radius: 10px;
	background:
		radial-gradient(circle at 50% 40%, rgba(56, 189, 248, 0.12), transparent 82px),
		rgba(8, 14, 25, 0.62);
}

#mainAppContent.executive-suite-shell #agentsView .lead-sources-ring {
	width: 104px;
	height: 104px;
	filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.28));
}

#mainAppContent.executive-suite-shell #agentsView .lead-sources-list,
#mainAppContent.executive-suite-shell #agentsView .analytics-chart-bars {
	display: grid;
	gap: 5px;
	align-content: start;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #agentsView .lead-source-item {
	min-height: 25px;
	padding: 4px 8px;
	overflow: hidden;
	border: 1px solid rgba(126, 148, 184, 0.13);
	border-radius: 8px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--source-color, #5b7cff) 11%, transparent), transparent 64%),
		rgba(8, 14, 25, 0.66);
	color: #dce8f8;
}

#mainAppContent.executive-suite-shell #agentsView .lead-source-head {
	margin-bottom: 3px;
}

#mainAppContent.executive-suite-shell #agentsView .lead-source-name,
#mainAppContent.executive-suite-shell #agentsView .lead-source-values,
#mainAppContent.executive-suite-shell #agentsView .agent-top10-meta {
	color: #dce8f8;
	font-size: 10px;
	font-weight: 850;
}

#mainAppContent.executive-suite-shell #agentsView .lead-source-values {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #agentsView .lead-source-values strong {
	color: #f8fbff;
	font-size: 10px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #agentsView .lead-source-values span {
	color: #7f95b5;
	font-size: 9px;
	font-weight: 800;
}

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

#mainAppContent.executive-suite-shell #agentsView .lead-source-track {
	height: 3px;
	border-radius: 999px;
	background: rgba(4, 8, 15, 0.78);
}

#mainAppContent.executive-suite-shell #agentsView .lead-source-fill {
	height: 100%;
	border-radius: inherit;
	background: var(--source-color, #5b7cff);
	box-shadow: 0 0 14px color-mix(in srgb, var(--source-color, #5b7cff) 26%, transparent);
}

#mainAppContent.executive-suite-shell #agentsView .agents-filter-bar {
	margin-bottom: 14px;
	padding: 10px 12px;
}

#mainAppContent.executive-suite-shell #agentsView .agents-filter-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

#mainAppContent.executive-suite-shell #agentsView .agents-metrics-inline {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-metric-inline,
#mainAppContent.executive-suite-shell #agentsView .leads-filter-tabs-inline {
	border: 1px solid rgba(126, 148, 184, 0.16);
	border-radius: 10px;
	background: rgba(6, 11, 22, 0.72);
	color: #dce8f8;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-metric-inline {
	min-height: 34px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 0 12px;
	font-weight: 850;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-metric-inline-value {
	color: #f8fbff;
	font-size: 17px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-metric-inline-label {
	color: #9fb0ce;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #agentsView .filter-search-wrapper {
	min-width: 280px;
	flex: 1 1 360px;
	position: relative;
	max-width: 480px;
	height: 44px;
	display: flex;
	align-items: center;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 10px !important;
	background: rgba(6, 11, 22, 0.72) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

#mainAppContent.executive-suite-shell #agentsView .filter-search-wrapper:focus-within {
	border-color: rgba(56, 189, 248, 0.54) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 0 0 3px rgba(56, 189, 248, 0.12) !important;
}

#mainAppContent.executive-suite-shell #agentsView .filter-search-wrapper svg {
	position: absolute;
	left: 14px;
	color: #8ea3c0;
}

#mainAppContent.executive-suite-shell #agentsView .filter-search-wrapper .filter-input-compact {
	height: 100%;
	padding-left: 42px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #agentsView .filter-search-wrapper .filter-input-compact:focus {
	background: transparent !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #agentsView .table-wrapper {
	overflow-x: auto;
}

#mainAppContent.executive-suite-shell #agentsView #agentsTable {
	width: 100%;
	min-width: 1120px;
	border-collapse: separate;
	border-spacing: 0;
}

#mainAppContent.executive-suite-shell #agentsView #agentsTable th {
	padding: 12px 14px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.18);
	background: rgba(17, 24, 39, 0.96);
	color: #9fb9dc;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-align: left;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #agentsView #agentsTable td {
	padding: 14px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.1);
	background: rgba(9, 15, 27, 0.46);
	color: #dce8f8;
	vertical-align: middle;
}

#mainAppContent.executive-suite-shell #agentsView #agentsTable tr:hover td {
	background: rgba(99, 102, 241, 0.08);
}

#mainAppContent.executive-suite-shell #agentsView .lead-name,
#mainAppContent.executive-suite-shell #agentsView .agent-identity-cell .lead-name {
	color: #f8fbff !important;
	font-size: 13px;
	font-weight: 900;
}

#mainAppContent.executive-suite-shell #agentsView .subtle,
#mainAppContent.executive-suite-shell #agentsView .agent-mobile-contact {
	color: #8ea3c0 !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-landing-actions,
#mainAppContent.executive-suite-shell #agentsView .agent-account-actions,
#mainAppContent.executive-suite-shell #agentsView .agent-profile-actions {
	display: grid;
	gap: 7px;
	align-items: center;
}

@media (max-width: 1280px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		height: auto;
		min-height: 0;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main,
	#mainAppContent.executive-suite-shell #agentsView .analytics-charts-row {
		grid-template-columns: 1fr;
	}

	#mainAppContent.executive-suite-shell #agentsView .analytics-chart-panel {
		height: auto;
		min-height: 280px;
	}
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle {
		display: none;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot {
		width: auto;
		max-width: none;
		margin-left: 0 !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .specials-detail__meta,
	#mainAppContent.executive-suite-shell .specials-detail__meta {
		grid-template-columns: 1fr;
	}
}

/* Executive Suite v18: annotated desktop polish and responsive guardrails. */
#mainAppContent.executive-suite-shell #leadsView .executive-eyebrow {
	display: none !important;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header {
	min-height: 46px;
	padding-block: 10px;
}

#mainAppContent.executive-suite-shell #leadsView .executive-page-header > div:first-child {
	gap: 0;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
	align-items: stretch;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
	height: 244px !important;
	min-height: 244px !important;
	max-height: 244px;
	padding: 10px 12px 12px;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
	min-height: 24px;
	margin-bottom: 8px;
	padding-bottom: 7px;
}

#mainAppContent.executive-suite-shell #leadsView #leadsSourceChart,
#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars,
#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars {
	height: calc(100% - 32px);
	min-height: 0;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	height: 100%;
	min-height: 0;
	display: grid;
	grid-template-rows: 42px minmax(0, 1fr);
	gap: 4px;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary,
#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary,
#mainAppContent.executive-suite-shell #leadsView .lead-health-summary {
	min-height: 42px;
	padding: 6px 10px;
	border-radius: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
	min-height: 0;
	display: grid;
	grid-template-rows: repeat(5, minmax(20px, 1fr));
	gap: 2px;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
	min-height: 0 !important;
	padding: 2px 7px !important;
	overflow: hidden;
	border-radius: 7px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
	min-height: 12px;
	margin-bottom: 1px;
	gap: 6px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-rank {
	min-width: 22px;
	height: 15px;
	font-size: 8.5px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-dot {
	width: 5px;
	height: 5px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name,
#mainAppContent.executive-suite-shell #leadsView .lead-source-values strong,
#mainAppContent.executive-suite-shell #leadsView .health-bar-label {
	font-size: 9.5px;
	line-height: 1.08;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	gap: 5px;
	font-size: 9px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-track {
	height: 1px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-overview-bars,
#mainAppContent.executive-suite-shell #leadsView .leads-health-bars {
	height: 100%;
	min-height: 0;
	align-content: stretch;
	gap: 5px;
}

#mainAppContent.executive-suite-shell #leadsView .leads-overview-bars {
	grid-template-rows: 50px repeat(4, minmax(27px, 1fr));
}

#mainAppContent.executive-suite-shell #leadsView .leads-health-bars {
	grid-template-rows: 50px repeat(5, minmax(21px, 1fr));
}

#mainAppContent.executive-suite-shell #leadsView .lead-health-summary span,
#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary span {
	font-size: 8.5px;
	line-height: 1;
}

#mainAppContent.executive-suite-shell #leadsView .lead-health-summary em,
#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary em {
	font-size: 8.5px;
	line-height: 1.12;
}

#mainAppContent.executive-suite-shell #listingsView {
	max-width: none;
	margin: 0;
	padding-inline: 0 10px;
}

#mainAppContent.executive-suite-shell #listingsView .listings-filter-bar,
#mainAppContent.executive-suite-shell #listingsView .active-filters-bar {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.006)),
		rgba(17, 24, 39, 0.92) !important;
	color: #dce8f8 !important;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2) !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-filter-bar {
	margin-bottom: 10px;
	padding: 13px 16px;
	border-radius: 10px;
	background:
		radial-gradient(circle at 8% 0%, rgba(99, 102, 241, 0.14), transparent 210px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.012)),
		#101827 !important;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18) !important;
}

/* Executive Suite v76: collapsed sidebar rail polish. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		width: var(--es-sidebar-collapsed-width, 76px) !important;
		padding: 14px 8px !important;
		align-items: center !important;
		gap: 12px !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .brand {
		width: 100% !important;
		min-height: auto !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px !important;
		padding: 0 0 10px !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .brand-logo {
		width: 46px !important;
		max-width: 46px !important;
		height: auto !important;
		margin: 0 auto !important;
		object-fit: contain !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
		width: 38px !important;
		height: 38px !important;
		margin: 0 auto !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 14px !important;
		background: linear-gradient(180deg, rgba(13, 23, 41, 0.94), rgba(8, 15, 28, 0.98)) !important;
		border: 1px solid rgba(148, 163, 184, 0.24) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 26px rgba(0, 0, 0, 0.28) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		width: 100% !important;
		align-items: center !important;
		gap: 10px !important;
		padding: 10px 0 !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		width: 44px !important;
		min-width: 44px !important;
		max-width: 44px !important;
		height: 44px !important;
		min-height: 44px !important;
		padding: 0 !important;
		margin: 0 auto !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 14px !important;
		border: 1px solid rgba(148, 163, 184, 0.16) !important;
		background: rgba(8, 15, 28, 0.72) !important;
		color: #dbeafe !important;
		font-size: 0 !important;
		line-height: 1 !important;
		letter-spacing: 0 !important;
		text-indent: 0 !important;
		overflow: hidden !important;
		transform: none !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
	}

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

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::before {
		content: attr(data-icon) !important;
		position: static !important;
		inset: auto !important;
		width: auto !important;
		height: auto !important;
		display: block !important;
		flex: 0 0 auto !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: inherit !important;
		font-size: 18px !important;
		line-height: 1 !important;
		text-indent: 0 !important;
		transform: none !important;
		opacity: 0.9 !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::after {
		display: none !important;
		content: none !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link:hover {
		border-color: rgba(96, 165, 250, 0.42) !important;
		background: rgba(21, 37, 62, 0.9) !important;
		box-shadow: 0 12px 28px rgba(15, 23, 42, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
	}

	#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.68) !important;
		background: linear-gradient(180deg, rgba(59, 130, 246, 0.28), rgba(124, 58, 237, 0.2)) !important;
		box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2), 0 12px 28px rgba(37, 99, 235, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link.active::before,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[aria-current="page"]::before {
		content: attr(data-icon) !important;
		opacity: 1 !important;
		filter: drop-shadow(0 0 10px rgba(96, 165, 250, 0.28)) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		width: 100% !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 10px !important;
		padding: 12px 0 0 !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info {
		width: 46px !important;
		min-width: 46px !important;
		height: 46px !important;
		min-height: 46px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 999px !important;
		border: 1px solid rgba(94, 234, 212, 0.28) !important;
		background: radial-gradient(circle at 50% 0%, rgba(45, 212, 191, 0.18), rgba(8, 15, 28, 0.88) 64%) !important;
		cursor: pointer !important;
		box-shadow: 0 10px 26px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info:hover {
		border-color: rgba(94, 234, 212, 0.5) !important;
		box-shadow: 0 0 0 1px rgba(94, 234, 212, 0.12), 0 14px 30px rgba(20, 184, 166, 0.14) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-profile-avatar {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		margin: 0 !important;
		border-radius: 999px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-user-copy,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn {
		width: 44px !important;
		min-width: 44px !important;
		height: 40px !important;
		min-height: 40px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 14px !important;
		font-size: 0 !important;
		line-height: 1 !important;
		letter-spacing: 0 !important;
		text-indent: 0 !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn::before {
		content: "↪" !important;
		font-size: 18px !important;
		line-height: 1 !important;
		color: #cbd5e1 !important;
	}
}

#mainAppContent.executive-suite-shell #listingsView .listings-title-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 0;
	background: transparent !important;
}

#mainAppContent.executive-suite-shell #listingsView .listings-title-section {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #listingsView .listings-title-icon {
	font-size: 18px;
	line-height: 1;
	filter: drop-shadow(0 0 10px rgba(125, 211, 252, 0.24));
}

#mainAppContent.executive-suite-shell #listingsView .listings-title-section h2 {
	margin: 0;
	color: #f7fbff;
	font-family: var(--es-display-font);
	font-size: clamp(18px, 1.06vw, 22px);
	font-weight: 850;
	letter-spacing: 0.065em;
	line-height: 1;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #listingsView .lead-count-badge {
	border: 1px solid rgba(126, 148, 184, 0.2);
	background: rgba(15, 23, 42, 0.72);
	color: #c9d7ed;
}

#mainAppContent.executive-suite-shell #listingsView .listings-inventory-summary {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #listingsView > .listings-pagination,
#mainAppContent.executive-suite-shell #listingsView .table-wrapper > .listings-pagination,
#mainAppContent.executive-suite-shell #listingsView #listViewGrid > .listings-pagination {
	width: 100%;
	margin: 8px 0 0;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	border-radius: 10px !important;
}

#mainAppContent.executive-suite-shell #listingsView > .listings-pagination .pagination-info,
#mainAppContent.executive-suite-shell #listingsView .table-wrapper > .listings-pagination .pagination-info,
#mainAppContent.executive-suite-shell #listingsView #listViewGrid > .listings-pagination .pagination-info {
	color: #a9b9d4;
	font-size: 12px;
	font-weight: 750;
}

#mainAppContent.executive-suite-shell #listingsView > .listings-pagination .pagination-nav,
#mainAppContent.executive-suite-shell #listingsView .table-wrapper > .listings-pagination .pagination-nav,
#mainAppContent.executive-suite-shell #listingsView #listViewGrid > .listings-pagination .pagination-nav {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

#mainAppContent.executive-suite-shell #listingsView > .listings-pagination .pagination-nav-btn,
#mainAppContent.executive-suite-shell #listingsView .table-wrapper > .listings-pagination .pagination-nav-btn,
#mainAppContent.executive-suite-shell #listingsView #listViewGrid > .listings-pagination .pagination-nav-btn {
	width: 30px;
	height: 30px;
	border: 1px solid rgba(126, 148, 184, 0.18);
	border-radius: 8px;
	background: rgba(10, 16, 30, 0.82);
	color: #dce8f8;
	cursor: pointer;
}

#mainAppContent.executive-suite-shell #listingsView > .listings-pagination .pagination-nav-btn:hover:not(:disabled),
#mainAppContent.executive-suite-shell #listingsView .table-wrapper > .listings-pagination .pagination-nav-btn:hover:not(:disabled),
#mainAppContent.executive-suite-shell #listingsView #listViewGrid > .listings-pagination .pagination-nav-btn:hover:not(:disabled) {
	border-color: rgba(125, 211, 252, 0.45);
	background: rgba(14, 165, 233, 0.18);
}

#mainAppContent.executive-suite-shell #listingsView > .listings-pagination .pagination-nav-btn:disabled,
#mainAppContent.executive-suite-shell #listingsView .table-wrapper > .listings-pagination .pagination-nav-btn:disabled,
#mainAppContent.executive-suite-shell #listingsView #listViewGrid > .listings-pagination .pagination-nav-btn:disabled {
	opacity: 0.38;
	cursor: not-allowed;
}

#mainAppContent.executive-suite-shell #listingsView .listings-subtitle {
	max-width: 820px;
	margin: 8px 0 12px;
	color: #9fb0ce;
	font-size: 12px;
	line-height: 1.45;
}

#mainAppContent.executive-suite-shell #listingsView .listings-layout {
	width: 100%;
	margin: 0 !important;
}

#mainAppContent.executive-suite-shell #listingsView .filter-primary-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	background: transparent !important;
}

#mainAppContent.executive-suite-shell #listingsView .view-mode-control {
	order: 2;
	flex: 0 0 140px;
	min-width: 140px;
}

#mainAppContent.executive-suite-shell #listingsView .customer-selector-control {
	order: 2;
	flex: 0 1 260px;
	max-width: 260px;
	min-width: 198px;
}

#mainAppContent.executive-suite-shell #listingsView .customer-search-container {
	width: 100%;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #listingsView .filter-search-wrapper {
	order: 1;
	flex: 1 1 520px;
	max-width: 560px;
	min-width: 320px;
}

#mainAppContent.executive-suite-shell #listingsView #filtersToggleBtn,
#mainAppContent.executive-suite-shell #listingsView #addActionsDropdown,
#mainAppContent.executive-suite-shell #listingsView .view-toggle-group {
	order: 1;
}

#mainAppContent.executive-suite-shell #listingsView .filters-toggle-btn,
#mainAppContent.executive-suite-shell #listingsView .add-actions-dropdown,
#mainAppContent.executive-suite-shell #listingsView .view-toggle-group {
	flex: 0 0 auto;
}

#mainAppContent.executive-suite-shell #listingsView .view-toggle-group {
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	border-radius: 10px;
}

#mainAppContent.executive-suite-shell #listingsView .filter-control,
#mainAppContent.executive-suite-shell #listingsView .filter-search-wrapper,
#mainAppContent.executive-suite-shell #listingsView .customer-search-container,
#mainAppContent.executive-suite-shell #listingsView .view-mode-select,
#mainAppContent.executive-suite-shell #listingsView #customerSearchInput,
#mainAppContent.executive-suite-shell #listingsView #listingsSearchInput,
#mainAppContent.executive-suite-shell #listingsView .filters-toggle-btn,
#mainAppContent.executive-suite-shell #listingsView .add-actions-btn,
#mainAppContent.executive-suite-shell #listingsView .view-toggle-group {
	border-color: rgba(126, 148, 184, 0.18) !important;
	background: rgba(6, 11, 22, 0.72) !important;
	color: #dce8f8 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

#mainAppContent.executive-suite-shell #listingsView .view-mode-select,
#mainAppContent.executive-suite-shell #listingsView #customerSearchInput,
#mainAppContent.executive-suite-shell #listingsView #listingsSearchInput {
	min-height: 40px;
}

#mainAppContent.executive-suite-shell #listingsView .filters-toggle-btn,
#mainAppContent.executive-suite-shell #listingsView .add-actions-btn,
#mainAppContent.executive-suite-shell #listingsView .view-toggle-btn {
	min-height: 40px;
	border-radius: 9px !important;
	font-weight: 850;
}

#mainAppContent.executive-suite-shell #listingsView .view-toggle-btn {
	padding-inline: 10px !important;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #listingsView .view-toggle-group .view-toggle-btn {
	width: 42px;
	padding-inline: 0 !important;
	justify-content: center;
}

#mainAppContent.executive-suite-shell #listingsView .view-toggle-group .view-toggle-btn span {
	display: none;
}

#mainAppContent.executive-suite-shell #listingsView .add-actions-btn {
	border-color: rgba(100, 114, 255, 0.48) !important;
	background: linear-gradient(135deg, #436ef3, #2c5cdd) !important;
	color: #ffffff !important;
}

#mainAppContent.executive-suite-shell #listingsView .view-toggle-btn.active {
	border-color: rgba(125, 211, 252, 0.38) !important;
	background: rgba(99, 102, 241, 0.24) !important;
	color: #f8fbff !important;
}

#mainAppContent.executive-suite-shell #listingsView .filter-count-badge {
	background: #0ea5e9 !important;
	color: #ffffff !important;
}

#mainAppContent.executive-suite-shell #listingsView .active-filters-bar {
	margin-bottom: 10px;
	padding: 10px 12px;
	border-radius: 10px;
}

#mainAppContent.executive-suite-shell #listingsView .active-filters-bar-label {
	color: #9fb0ce !important;
	font-weight: 850;
}

#mainAppContent.executive-suite-shell #listingsView .active-filter-chip,
#mainAppContent.executive-suite-shell #listingsView .filter-chip {
	border: 1px solid rgba(125, 211, 252, 0.18) !important;
	background: rgba(14, 165, 233, 0.13) !important;
	color: #dff5ff !important;
}

#mainAppContent.executive-suite-shell #listingsView .map-view-container {
	width: 100%;
	margin: 0 !important;
	display: grid;
	grid-template-columns: minmax(360px, 0.36fr) minmax(0, 0.64fr);
	gap: 8px;
	align-items: stretch;
}

#mainAppContent.executive-suite-shell #listingsView .map-view-container .table-wrapper {
	margin: 0 !important;
	border-radius: 10px 0 0 10px;
}

#mainAppContent.executive-suite-shell #listingsView .list-view-container {
	width: 100%;
	margin: 0 !important;
	overflow: hidden;
	border: 1px solid rgba(126, 148, 184, 0.2);
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(8, 13, 24, 0.92);
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

#mainAppContent.executive-suite-shell #listingsView .list-view-grid {
	width: 100%;
	max-height: calc(100vh - 245px);
	overflow: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(125, 211, 252, 0.35) rgba(10, 15, 28, 0.9);
}

#mainAppContent.executive-suite-shell #listingsView .list-view-grid::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

#mainAppContent.executive-suite-shell #listingsView .list-view-grid::-webkit-scrollbar-track {
	background: rgba(10, 15, 28, 0.88);
}

#mainAppContent.executive-suite-shell #listingsView .list-view-grid::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: rgba(125, 211, 252, 0.35);
}

#mainAppContent.executive-suite-shell #listingsView .list-view-table {
	width: 100%;
	min-width: 1180px;
	border-collapse: separate;
	border-spacing: 0;
	color: #dce8f8;
	background: transparent;
}

#mainAppContent.executive-suite-shell #listingsView .list-view-table thead th,
#mainAppContent.executive-suite-shell #listingsView .list-th {
	position: sticky;
	top: 0;
	z-index: 3;
	padding: 11px 10px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.22);
	background: rgba(11, 18, 32, 0.98);
	color: #90b7ee;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.1;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #listingsView .list-view-row {
	background: rgba(9, 14, 26, 0.72);
	transition:
		background 160ms ease,
		box-shadow 160ms ease;
}

#mainAppContent.executive-suite-shell #listingsView .list-view-row:nth-child(even) {
	background: rgba(11, 18, 32, 0.78);
}

#mainAppContent.executive-suite-shell #listingsView .list-view-row:hover {
	background: rgba(20, 47, 84, 0.4);
	box-shadow: inset 3px 0 0 rgba(56, 189, 248, 0.78);
}

#mainAppContent.executive-suite-shell #listingsView .list-view-row.pumi-row {
	background:
		linear-gradient(90deg, rgba(16, 185, 129, 0.08), rgba(9, 14, 26, 0.84) 45%),
		rgba(9, 14, 26, 0.78);
}

#mainAppContent.executive-suite-shell #listingsView .list-view-row.blacklisted-property {
	opacity: 0.66;
}

#mainAppContent.executive-suite-shell #listingsView .list-td {
	height: 54px;
	padding: 10px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.14);
	color: #dce8f8;
	font-size: 12px;
	line-height: 1.28;
	vertical-align: middle;
}

#mainAppContent.executive-suite-shell #listingsView .name-cell {
	min-width: 290px;
}

#mainAppContent.executive-suite-shell #listingsView .property-name-wrapper {
	display: grid;
	grid-template-columns: auto auto auto minmax(0, 1fr);
	gap: 8px;
	align-items: center;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #listingsView .property-name {
	min-width: 0;
	overflow: hidden;
	color: #f8fbff;
	font-size: 13px;
	font-weight: 900;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #listingsView .property-address {
	grid-column: 4;
	min-width: 0;
	max-width: 260px;
	margin-top: 3px;
	overflow: hidden;
	color: #8fa6c8;
	font-family: var(--es-mono);
	font-size: 10.5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #listingsView .rent-range,
#mainAppContent.executive-suite-shell #listingsView .rent-sqft-value,
#mainAppContent.executive-suite-shell #listingsView .percent-cell {
	color: #9ff8ce;
	font-weight: 900;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #listingsView .expand-btn,
#mainAppContent.executive-suite-shell #listingsView .icon-btn-small,
#mainAppContent.executive-suite-shell #listingsView .specials-btn {
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(126, 148, 184, 0.22);
	border-radius: 8px;
	background: rgba(15, 23, 42, 0.82);
	color: #c8d9f5;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	cursor: pointer;
	transition:
		background 150ms ease,
		border-color 150ms ease,
		transform 150ms ease;
}

#mainAppContent.executive-suite-shell #listingsView .expand-btn:hover,
#mainAppContent.executive-suite-shell #listingsView .icon-btn-small:hover,
#mainAppContent.executive-suite-shell #listingsView .specials-btn:hover {
	border-color: rgba(125, 211, 252, 0.45);
	background: rgba(37, 99, 235, 0.2);
	transform: translateY(-1px);
}

#mainAppContent.executive-suite-shell #listingsView .blacklist-badge-small {
	border: 1px solid rgba(248, 113, 113, 0.28);
	border-radius: 999px;
	padding: 2px 6px;
	background: rgba(127, 29, 29, 0.2);
	color: #fecaca;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #listingsView .blacklist-indicator {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: rgba(127, 29, 29, 0.18);
	color: #fecaca;
}

#mainAppContent.executive-suite-shell #listingsView .expanded-details-row .expanded-details-cell {
	padding: 0;
	border-bottom: 1px solid rgba(126, 148, 184, 0.18);
	background: rgba(11, 18, 32, 0.96);
}

#mainAppContent.executive-suite-shell #listingsView .lv-expanded-wrap {
	padding: 14px;
	color: #dce8f8;
}

#mainAppContent.executive-suite-shell #listingsView .lv-expanded-cols {
	display: grid;
	grid-template-columns: minmax(280px, 0.88fr) minmax(380px, 1.12fr);
	gap: 14px;
}

#mainAppContent.executive-suite-shell #listingsView .lv-detail-block {
	border: 1px solid rgba(126, 148, 184, 0.16);
	border-radius: 10px;
	background: rgba(8, 13, 24, 0.72);
	padding: 12px;
}

#mainAppContent.executive-suite-shell #listingsView .lv-block-label {
	margin-bottom: 8px;
	color: #90b7ee;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #listingsView .lv-photo-thumb {
	width: 72px;
	height: 54px;
	border: 1px solid rgba(126, 148, 184, 0.22);
	border-radius: 8px;
	object-fit: cover;
}

#mainAppContent.executive-suite-shell #listingsView #listingsTable th.expand-cell,
#mainAppContent.executive-suite-shell #listingsView #listingsTable td.expand-cell {
	width: 26px;
	padding-left: 5px !important;
	padding-right: 3px !important;
}

#mainAppContent.executive-suite-shell #listingsView #listingsTable th.photo-cell,
#mainAppContent.executive-suite-shell #listingsView #listingsTable td.photo-cell {
	width: 84px;
	padding-left: 2px !important;
	padding-right: 7px !important;
}

#mainAppContent.executive-suite-shell #listingsView #listingsTable td.property-cell {
	padding-left: 8px !important;
}

#mainAppContent.executive-suite-shell #listingsView .pumi-label,
#mainAppContent.executive-suite-shell #listingsView .pumi-badge-small,
#mainAppContent.executive-suite-shell #specialsView .specials-row-pill--pumi {
	border: 1px solid rgba(52, 211, 153, 0.3) !important;
	border-radius: 999px !important;
	background: rgba(16, 185, 129, 0.18) !important;
	color: #9ff8ce !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #listingsView #listingsTable .pumi-listing,
#mainAppContent.executive-suite-shell #listingsView #listingsTable .pumi-listing td {
	background:
		linear-gradient(90deg, rgba(16, 185, 129, 0.042), rgba(9, 14, 26, 0.9) 42%),
		rgba(9, 14, 26, 0.82) !important;
}

#mainAppContent.executive-suite-shell #listingsView #listingsTable .pumi-listing:hover,
#mainAppContent.executive-suite-shell #listingsView #listingsTable .pumi-listing:hover td {
	background:
		linear-gradient(90deg, rgba(16, 185, 129, 0.075), rgba(13, 22, 38, 0.92) 42%),
		rgba(13, 22, 38, 0.9) !important;
}

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

#mainAppContent.executive-suite-shell #listingsView #listingsTable .property-name-link:hover {
	color: #9ec5ff !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

#mainAppContent.executive-suite-shell #listingsView .interest-count {
	min-width: 34px;
	min-height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 0 8px;
	border: 1px solid rgba(251, 113, 133, 0.24);
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.78);
	color: #fecdd3;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 6px 16px rgba(0, 0, 0, 0.18);
	transition:
		background 150ms ease,
		border-color 150ms ease,
		transform 150ms ease,
		box-shadow 150ms ease;
}

#mainAppContent.executive-suite-shell #listingsView .interest-count svg {
	width: 13px;
	height: 13px;
	color: #fb7185 !important;
	filter: drop-shadow(0 0 4px rgba(251, 113, 133, 0.22));
}

#mainAppContent.executive-suite-shell #listingsView .interest-count:hover {
	border-color: rgba(251, 113, 133, 0.45);
	background: rgba(127, 29, 29, 0.22);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 10px 22px rgba(127, 29, 29, 0.18);
	transform: translateY(-1px);
}

@media (max-width: 1180px) {
	#mainAppContent.executive-suite-shell #listingsView .filter-search-wrapper {
		flex: 1 1 440px;
		max-width: none;
	}
}

@media (max-width: 820px) {
	#mainAppContent.executive-suite-shell #listingsView .listings-filter-bar {
		padding: 12px;
	}

	#mainAppContent.executive-suite-shell #listingsView .filter-control,
	#mainAppContent.executive-suite-shell #listingsView .filter-search-wrapper,
	#mainAppContent.executive-suite-shell #listingsView .customer-search-container,
	#mainAppContent.executive-suite-shell #listingsView .filters-toggle-btn,
	#mainAppContent.executive-suite-shell #listingsView .add-actions-dropdown,
	#mainAppContent.executive-suite-shell #listingsView .add-actions-btn,
	#mainAppContent.executive-suite-shell #listingsView .view-toggle-group {
		width: 100%;
	}

	#mainAppContent.executive-suite-shell #listingsView .view-toggle-group {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	#mainAppContent.executive-suite-shell #listingsView .view-toggle-group .view-toggle-btn {
		width: auto;
	}
}

#mainAppContent.executive-suite-shell #specialsView .specials-table-head,
#mainAppContent.executive-suite-shell #specialsView .specials-table-row {
	grid-template-columns: minmax(230px, 1.08fr) minmax(330px, 1.72fr) minmax(178px, 0.82fr) minmax(170px, 0.72fr) 126px;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-commission {
	align-content: center;
	gap: 5px;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-pill {
	min-height: 20px;
	padding: 0 8px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.01em;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-pill--escort {
	border-color: rgba(96, 165, 250, 0.32) !important;
	background: rgba(37, 99, 235, 0.16) !important;
	color: #bfdbfe !important;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-pill--send {
	border-color: rgba(34, 211, 238, 0.3) !important;
	background: rgba(8, 145, 178, 0.16) !important;
	color: #a5f3fc !important;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-pill--bonus {
	border-color: rgba(251, 191, 36, 0.32) !important;
	background: rgba(146, 64, 14, 0.2) !important;
	color: #fde68a !important;
}

#mainAppContent.executive-suite-shell #specialsView .specials-row-source {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #specialsView .specials-source-stack {
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #specialsView .specials-source-site-btn {
	min-height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 9px;
	border: 1px solid rgba(125, 211, 252, 0.28);
	border-radius: 999px;
	background: rgba(14, 165, 233, 0.12);
	color: #bfeeff;
	font-size: 10px;
	font-weight: 900;
	text-decoration: none;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #specialsView .specials-source-site-btn:hover {
	border-color: rgba(125, 211, 252, 0.54);
	background: rgba(14, 165, 233, 0.2);
	color: #ffffff;
}

#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single {
	gap: 12px;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-card {
	padding: 10px 12px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-layout {
	gap: 7px;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-card > .section-title {
	margin-bottom: 8px;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-row-title {
	margin-top: 2px;
	font-size: 9px;
	line-height: 1;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-row--primary {
	grid-template-columns: repeat(7, minmax(94px, 1fr));
	gap: 7px;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-row--types {
	width: 100%;
	min-width: 0;
	display: flex;
	flex-wrap: nowrap;
	gap: 7px;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 3px;
	scrollbar-width: thin;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-row--types .email-metric-card {
	flex: 0 0 118px;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-card {
	min-height: 42px;
	padding: 7px 9px;
	border-radius: 9px !important;
}

#mainAppContent.executive-suite-shell #emailsView .metric-label {
	font-size: 8.5px;
	line-height: 1.05;
}

#mainAppContent.executive-suite-shell #emailsView .metric-value {
	font-size: 17px;
	line-height: 1;
}

#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main {
	grid-template-columns: minmax(230px, 0.46fr) minmax(620px, 1.54fr);
	gap: 12px;
	align-items: stretch;
}

#mainAppContent.executive-suite-shell #emailsView .email-alerts-compact {
	min-height: 318px;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-compact {
	min-height: 318px;
	display: flex;
	flex-direction: column;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-compact .section-header-row {
	gap: 10px;
	align-items: center;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
	display: grid;
	grid-template-columns: minmax(130px, 1fr) minmax(110px, 0.55fr) minmax(120px, 0.65fr);
	gap: 8px;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-body-compact {
	flex: 1 1 auto;
	min-height: 220px;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th,
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td {
	padding: 10px 11px;
}

#mainAppContent.executive-suite-shell #emailsView .email-templates-quick {
	padding: 12px !important;
}

#mainAppContent.executive-suite-shell #emailsView #emailTemplatesContainer {
	grid-auto-columns: minmax(270px, 330px);
	gap: 10px;
}

#mainAppContent.executive-suite-shell #emailsView .email-template-info-card {
	min-height: 188px;
}

@media (max-width: 1500px) {
	#mainAppContent.executive-suite-shell #emailsView .email-stats-row--primary {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main {
		grid-template-columns: minmax(220px, 0.36fr) minmax(0, 1.64fr);
	}
}

@media (max-width: 1180px) {
	#mainAppContent.executive-suite-shell #listingsView .filter-primary-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#mainAppContent.executive-suite-shell #listingsView .filter-search-wrapper,
	#mainAppContent.executive-suite-shell #listingsView .customer-selector-control {
		min-width: 0;
	}

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

	#mainAppContent.executive-suite-shell #listingsView .map-view-container .table-wrapper {
		max-height: 42vh;
		border-radius: 10px;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-stats-row--primary {
		grid-template-columns: repeat(4, minmax(118px, 1fr));
	}
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row,
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: 1fr;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		height: auto !important;
		max-height: none;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsSourceChart,
	#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars {
		min-height: 210px;
	}

	#mainAppContent.executive-suite-shell #specialsView .specials-table-head {
		display: none;
	}

	#mainAppContent.executive-suite-shell #specialsView .specials-table-row {
		grid-template-columns: 1fr;
		min-width: 0;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	#mainAppContent.executive-suite-shell #listingsView {
		padding-inline: 8px;
	}

	#mainAppContent.executive-suite-shell #listingsView .view-toggle-group {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-stats-row--primary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		grid-template-columns: 1fr;
	}
}

/* Executive Suite v19: remove duplicate Leads summary chrome and polish collapsed nav rail. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #leadsView .executive-page-header,
#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row {
	display: none !important;
}

	#mainAppContent.executive-suite-shell #leadsView:not(.hidden) {
		padding-top: 18px;
	}
}

/* Executive Suite v25: Emails command page uses Leads-grade insight panels and a primary log table. */
#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single {
	gap: 14px;
}

#mainAppContent.executive-suite-shell #emailsView,
#mainAppContent.executive-suite-shell #emailsView .admin-content,
#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single,
#mainAppContent.executive-suite-shell #emailsView .email-stats-card,
#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main,
#mainAppContent.executive-suite-shell #emailsView .email-logs-compact,
#mainAppContent.executive-suite-shell #emailsView .email-alerts-compact,
#mainAppContent.executive-suite-shell #emailsView .email-templates-quick {
	min-width: 0;
	max-width: 100%;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-card {
	padding: 12px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-card > .section-title {
	margin-bottom: 10px;
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel {
	height: 210px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 9px;
	padding: 11px;
	border: 1px solid rgba(126, 148, 184, 0.18);
	border-radius: 11px;
	background:
		linear-gradient(180deg, rgba(42, 58, 98, 0.34), rgba(8, 14, 25, 0.52)),
		rgba(8, 14, 25, 0.72);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--delivery {
	border-top: 3px solid rgba(91, 125, 255, 0.86);
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--engagement {
	border-top: 3px solid rgba(45, 212, 191, 0.78);
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--mix {
	border-top: 3px solid rgba(56, 189, 248, 0.78);
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.14);
	color: #9eb4d4;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel__header strong {
	color: #eff6ff;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-hero,
#mainAppContent.executive-suite-shell #emailsView .email-metric-mini,
#mainAppContent.executive-suite-shell #emailsView .email-mix-row {
	border: 1px solid rgba(126, 148, 184, 0.16);
	background:
		linear-gradient(90deg, rgba(99, 102, 241, 0.12), transparent 66%),
		rgba(6, 11, 22, 0.76);
	color: #f8fbff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

#mainAppContent.executive-suite-shell #emailsView button.email-metric-hero,
#mainAppContent.executive-suite-shell #emailsView button.email-metric-mini,
#mainAppContent.executive-suite-shell #emailsView .email-mix-row {
	cursor: pointer;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-hero {
	min-height: 72px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	padding: 12px;
	border-radius: 10px;
	text-align: left;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-hero span,
#mainAppContent.executive-suite-shell #emailsView .email-metric-mini {
	display: grid;
	gap: 3px;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-hero small,
#mainAppContent.executive-suite-shell #emailsView .email-metric-mini span {
	color: #91a6c5;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.07em;
	line-height: 1;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-hero strong {
	color: #f8fbff;
	font-size: 27px;
	font-weight: 950;
	line-height: 0.98;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-hero em {
	max-width: 150px;
	color: #8da1bf;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	line-height: 1.25;
	text-align: right;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-mini-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-mini {
	min-height: 54px;
	justify-content: stretch;
	padding: 10px;
	border-radius: 9px;
	text-align: left;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-mini strong {
	color: #eaf3ff;
	font-size: 20px;
	font-weight: 950;
	line-height: 1;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-mini--danger,
#mainAppContent.executive-suite-shell #emailsView .email-metric-mini.alert {
	border-color: rgba(248, 113, 113, 0.32);
	background:
		linear-gradient(90deg, rgba(239, 68, 68, 0.16), transparent 70%),
		rgba(6, 11, 22, 0.78);
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-hero.is-filter-active,
#mainAppContent.executive-suite-shell #emailsView .email-metric-mini.is-filter-active,
#mainAppContent.executive-suite-shell #emailsView .email-mix-row.is-filter-active {
	border-color: rgba(96, 165, 250, 0.72);
	box-shadow:
		0 0 0 1px rgba(59, 130, 246, 0.2),
		0 12px 28px rgba(37, 99, 235, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-list {
	min-height: 0;
	display: grid;
	gap: 5px;
	overflow: auto;
	padding-right: 2px;
	scrollbar-width: thin;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-row {
	min-height: 24px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 42px 34px;
	align-items: center;
	gap: 7px;
	padding: 5px 7px;
	border-radius: 8px;
	text-align: left;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-label {
	min-width: 0;
	overflow: hidden;
	color: #dbeafe;
	font-size: 10px;
	font-weight: 900;
	line-height: 1.1;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-value,
#mainAppContent.executive-suite-shell #emailsView .email-mix-percent {
	color: #b8cced;
	font-size: 10px;
	font-weight: 900;
	text-align: right;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-track {
	grid-column: 1 / -1;
	height: 2px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(126, 148, 184, 0.16);
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-track span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #5b7cff, #38bdf8);
}

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

#mainAppContent.executive-suite-shell #emailsView .email-logs-compact {
	order: 1;
	min-height: 500px;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
}

#mainAppContent.executive-suite-shell #emailsView .email-alerts-compact {
	order: 2;
	min-height: 158px;
	max-height: 220px;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-compact .section-header-row {
	min-height: 58px;
	padding: 12px 14px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.14);
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
	grid-template-columns: minmax(220px, 1fr) minmax(130px, 0.42fr) minmax(130px, 0.42fr);
	max-width: 560px;
	margin-left: auto;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-controls input,
#mainAppContent.executive-suite-shell #emailsView .email-logs-controls select {
	height: 34px;
	border-radius: 8px !important;
	font-size: 12px;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-body-compact {
	flex: 1 1 auto;
	min-height: 380px;
	max-height: 52vh;
	border: 0;
	border-radius: 0;
	background: rgba(4, 9, 18, 0.54);
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact {
	min-width: 940px;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th {
	height: 42px;
	padding: 10px 13px;
	background:
		linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(10, 16, 29, 0.98));
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td {
	height: 58px;
	padding: 10px 13px;
	background: rgba(10, 16, 29, 0.72);
	vertical-align: middle;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact tr:nth-child(even) td {
	background: rgba(7, 13, 24, 0.78);
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact tr:hover td {
	background: rgba(31, 48, 85, 0.58);
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--recipient {
	min-width: 190px;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--subject {
	min-width: 230px;
	max-width: 320px;
	color: #eef5ff;
	font-weight: 800;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--template {
	min-width: 145px;
	color: #b9cdf0;
	font-size: 12px;
	font-weight: 850;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--status {
	min-width: 105px;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--sent {
	min-width: 160px;
	color: #cfe1ff;
	font-size: 12px;
	font-weight: 850;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--actions {
	width: 74px;
	text-align: right;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-pagination {
	min-height: 52px;
	padding: 10px 14px;
	border-top: 1px solid rgba(126, 148, 184, 0.14);
	background: rgba(15, 23, 42, 0.58);
}

#mainAppContent.executive-suite-shell #emailsView #emailAlertsContainer {
	min-height: 92px;
}

#mainAppContent.executive-suite-shell #emailsView .email-templates-quick {
	padding: 12px !important;
}

#mainAppContent.executive-suite-shell #emailsView #emailTemplatesContainer {
	grid-auto-columns: minmax(244px, 282px);
	gap: 10px;
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

#mainAppContent.executive-suite-shell #emailsView .email-template-info-card {
	min-height: 172px;
	padding: 13px;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-title-row {
	align-items: flex-start;
	gap: 8px;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-name {
	font-size: 14px;
	line-height: 1.18;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-description {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 12px;
	line-height: 1.35;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-meta {
	gap: 5px;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-meta-item {
	font-size: 11px;
	line-height: 1.2;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-actions {
	gap: 7px;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-btn {
	min-height: 34px;
	padding: 0 10px;
	font-size: 12px;
}

@media (max-width: 1320px) {
	#mainAppContent.executive-suite-shell #emailsView .email-metrics-grid {
		grid-template-columns: 1fr;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel {
		height: auto;
		min-height: 188px;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-mix-list {
		max-height: 210px;
	}
}

@media (max-width: 720px) {
	#mainAppContent.executive-suite-shell #emailsView .email-metric-mini-grid,
	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		grid-template-columns: 1fr;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-compact .section-header-row {
		align-items: stretch;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		max-width: none;
		margin-left: 0;
	}
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell #leadsView .executive-page-header {
		min-height: 44px;
	}
}

#mainAppContent.executive-suite-shell.sidebar-collapsed {
	--es-sidebar-collapsed-width: 72px;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
	padding-inline: 9px;
	overflow-x: visible;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .brand {
	min-height: 48px;
	margin-bottom: 16px;
	padding-bottom: 12px;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .brand-logo {
	max-width: 48px;
	max-height: 36px;
}

/* Executive Suite v26: contain Emails page width and make logs the primary surface. */
#mainAppContent.executive-suite-shell #emailsView {
	overflow-x: hidden;
}

#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single,
#mainAppContent.executive-suite-shell #emailsView .email-stats-card,
#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main,
#mainAppContent.executive-suite-shell #emailsView .email-logs-compact,
#mainAppContent.executive-suite-shell #emailsView .email-templates-quick {
	width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-card {
	padding: 12px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-grid {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel {
	min-width: 0;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-hero,
#mainAppContent.executive-suite-shell #emailsView .email-metric-mini,
#mainAppContent.executive-suite-shell #emailsView .email-mix-row {
	min-width: 0;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-hero span,
#mainAppContent.executive-suite-shell #emailsView .email-metric-hero em,
#mainAppContent.executive-suite-shell #emailsView .email-metric-mini span,
#mainAppContent.executive-suite-shell #emailsView .email-metric-mini strong {
	min-width: 0;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-hero em {
	max-width: 118px;
}

#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main {
	display: flex !important;
	flex-direction: column;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-compact {
	order: 1;
	min-height: 560px;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-compact .section-header-row {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	align-items: center;
	gap: 16px;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
	width: min(100%, 620px);
	max-width: 620px;
	min-width: 0;
	justify-self: end;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-body-compact {
	overflow-x: auto;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact {
	min-width: 820px;
	width: 100%;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--recipient {
	width: 23%;
	min-width: 170px;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--subject {
	width: 30%;
	min-width: 210px;
	max-width: 360px;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--template {
	width: 16%;
	min-width: 126px;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--sent {
	width: 18%;
	min-width: 148px;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--actions {
	width: 64px;
	min-width: 64px;
}

#mainAppContent.executive-suite-shell #emailsView .email-alerts-compact {
	order: 2;
	min-height: 116px;
	max-height: none;
}

#mainAppContent.executive-suite-shell #emailsView .email-alerts-compact .section-header-row {
	min-height: 44px;
	padding-block: 10px;
}

#mainAppContent.executive-suite-shell #emailsView #emailAlertsContainer {
	min-height: 62px;
}

#mainAppContent.executive-suite-shell #emailsView .email-templates-quick {
	padding: 12px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-templates-quick > .section-title {
	margin-bottom: 10px;
}

#mainAppContent.executive-suite-shell #emailsView #emailTemplatesContainer {
	display: grid !important;
	grid-auto-flow: row !important;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 10px;
	max-height: 268px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 3px 4px 0;
	scrollbar-width: thin;
}

#mainAppContent.executive-suite-shell #emailsView .email-template-info-card {
	min-width: 0;
	min-height: 178px;
	max-width: 100%;
	padding: 12px;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-title-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-name {
	min-width: 0;
	font-size: 13px;
	line-height: 1.16;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-badge {
	max-width: 68px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-body {
	min-width: 0;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-meta-item {
	grid-template-columns: max-content minmax(0, 1fr);
}

#mainAppContent.executive-suite-shell #emailsView .template-info-meta-item .meta-value {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-actions {
	grid-template-columns: 1fr;
}

#mainAppContent.executive-suite-shell #emailsView .template-info-btn {
	min-width: 0;
	white-space: nowrap;
}

@media (max-width: 1500px) {
	#mainAppContent.executive-suite-shell #emailsView .email-metrics-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel {
		height: 184px;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--mix {
		grid-column: 1 / -1;
		height: 152px;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-mix-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px;
		overflow: auto;
	}
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell #emailsView .email-logs-compact .section-header-row {
		grid-template-columns: 1fr;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		justify-self: stretch;
		width: 100%;
	}
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
	top: 58px;
	right: 18px;
	width: 30px;
	height: 30px;
	border-radius: 10px;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
	gap: 9px;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
	width: 46px;
	min-height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(126, 148, 184, 0.13);
	background: rgba(8, 14, 25, 0.62);
	color: #94a7c3;
	font-size: 0;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link:hover,
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link:focus-visible {
	border-color: rgba(125, 211, 252, 0.32);
	background: rgba(15, 27, 48, 0.92);
	color: #dce8f8;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link.active,
#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[aria-current="page"] {
	border-color: rgba(83, 113, 255, 0.7);
	background:
		linear-gradient(180deg, rgba(99, 102, 241, 0.34), rgba(37, 99, 235, 0.14)),
		rgba(21, 33, 61, 0.96);
	color: #ffffff;
	box-shadow:
		0 0 0 1px rgba(83, 113, 255, 0.16),
		0 10px 24px rgba(36, 70, 202, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::before {
	content: "";
	width: 19px !important;
	height: 19px !important;
	display: block !important;
	background: currentColor !important;
	box-shadow: none !important;
	transform: none !important;
	-webkit-mask: var(--es-rail-icon) center / contain no-repeat;
	mask: var(--es-rail-icon) center / contain no-repeat;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::after {
	content: none !important;
	display: none !important;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="listings"] {
	--es-rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 21V7.4L12 3l7 4.4V21h-5v-6h-4v6H5Zm2-2h1v-6h8v6h1V8.5l-5-3.1-5 3.1V19Zm2-8h2V9H9v2Zm4 0h2V9h-2v2Z'/%3E%3C/svg%3E");
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="leads"] {
	--es-rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5Zm0-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm-5.6 8c.7-1.1 2.8-2 5.6-2s4.9.9 5.6 2H6.4Z'/%3E%3C/svg%3E");
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="specials"] {
	--es-rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 2s1 3-1.1 5.2C10.2 9 7 10.8 7 14.2A5 5 0 0 0 12 19a5 5 0 0 0 5-5c0-2.4-1.3-4-2.4-5.2-.1 1.5-.7 2.7-1.6 3.5.3-2.8-.3-6.5 0-10.3ZM12 22a8 8 0 0 1-8-7.8c0-4 3.1-6.3 5-8.4C10.4 4.2 10 2 10 2c4 1.8 6.8 5.3 7.9 8.6.5 1.2.8 2.3.8 3.6A6.7 6.7 0 0 1 12 22Z'/%3E%3C/svg%3E");
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="tracker"] {
	--es-rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 5 5v6c0 4.4 2.9 8.5 7 10 4.1-1.5 7-5.6 7-10V5l-7-3Zm0 2.2 5 2.1V11c0 3.2-2 6.3-5 7.8A8.6 8.6 0 0 1 7 11V6.3l5-2.1Zm-1 10.6 5-5-1.4-1.4L11 12l-1.6-1.6L8 11.8l3 3Z'/%3E%3C/svg%3E");
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="emails"] {
	--es-rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm0 3.2V17h16V8.2l-8 5-8-5Zm1.2-1.2 6.8 4.2L18.8 7H5.2Z'/%3E%3C/svg%3E");
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="agents"] {
	--es-rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm8 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM8 13c-3.3 0-6 1.7-6 4.2V19h12v-1.8C14 14.7 11.3 13 8 13Zm8 1c-.8 0-1.5.1-2.2.4 1.3.9 2.2 2 2.2 3.5V19h6v-1.5c0-2.1-2.7-3.5-6-3.5ZM8 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0 6c1.9 0 3.3.7 3.8 2H4.2c.5-1.3 1.9-2 3.8-2Z'/%3E%3C/svg%3E");
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="admin"] {
	--es-rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m19.4 13.5.1-1.5-.1-1.5 2-1.5-2-3.5-2.4 1a7 7 0 0 0-2.6-1.5L14 2h-4l-.4 2.5A7 7 0 0 0 7 6L4.6 5 2.6 8.5l2 1.5-.1 1.5.1 1.5-2 1.5 2 3.5 2.4-1a7 7 0 0 0 2.6 1.5L10 22h4l.4-2.5A7 7 0 0 0 17 18l2.4 1 2-3.5-2-1.5ZM12 15.5A3.5 3.5 0 1 1 12 8a3.5 3.5 0 0 1 0 7.5Zm0-2A1.5 1.5 0 1 0 12 10a1.5 1.5 0 0 0 0 3.5Z'/%3E%3C/svg%3E");
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="bugs"] {
	--es-rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 4.5 6.6 3.1 5.2 4.5 7 6.3A6.7 6.7 0 0 0 6 10v1H4v2h2v1H4v2h2.3A6 6 0 0 0 18 14v-1h2v-2h-2v-1c0-1.4-.4-2.7-1-3.7l1.8-1.8-1.4-1.4L16 4.5A6.5 6.5 0 0 0 8 4.5ZM8 10a4 4 0 0 1 8 0v4a4 4 0 0 1-8 0v-4Zm2 0h4V8h-4v2Zm0 4h4v-2h-4v2Z'/%3E%3C/svg%3E");
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
	gap: 7px;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .user-info {
	width: 46px;
	min-height: 46px;
	padding: 4px;
	border-radius: 14px;
	background: rgba(8, 14, 25, 0.58);
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .header-profile-avatar {
	width: 36px;
	height: 36px;
	border-radius: 11px;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn,
#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn {
	width: 46px;
	min-width: 46px;
	height: 40px;
	min-height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	color: #aebed6;
	font-size: 0 !important;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn .profile-btn-icon,
#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn .profile-btn-label {
	display: none !important;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn svg {
	width: 17px;
	height: 17px;
	display: block;
	margin: 0;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn::before {
	content: none !important;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn::before {
	content: "";
	width: 17px;
	height: 17px;
	display: block;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h8v2H7v14h6v2H5V3Zm10.6 4.4 4.6 4.6-4.6 4.6-1.4-1.4 2.2-2.2H10v-2h6.4l-2.2-2.2 1.4-1.4Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h8v2H7v14h6v2H5V3Zm10.6 4.4 4.6 4.6-4.6 4.6-1.4-1.4 2.2-2.2H10v-2h6.4l-2.2-2.2 1.4-1.4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Executive Suite v20: Leads signal row semantics and final panel ordering. */
#mainAppContent.executive-suite-shell {
	--es-active-sidebar-width: var(--es-sidebar-width, 232px);
}

#mainAppContent.executive-suite-shell.sidebar-collapsed {
	--es-active-sidebar-width: var(--es-sidebar-collapsed-width, 72px);
}

#mainAppContent.executive-suite-shell #appRoot {
	box-sizing: border-box;
	max-width: calc(100vw - var(--es-active-sidebar-width, 232px));
}

#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot {
	width: calc(100vw - var(--es-active-sidebar-width, 72px));
	max-width: calc(100vw - var(--es-active-sidebar-width, 72px));
}

#mainAppContent.executive-suite-shell #leadsView .leads-dashboard,
#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
	width: 100%;
	max-width: calc(100vw - var(--es-active-sidebar-width, 232px) - 48px);
	min-width: 0;
	box-sizing: border-box;
}

#mainAppContent.executive-suite-shell #leadsView:not(.hidden),
#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar,
#mainAppContent.executive-suite-shell #leadsView .leads-table-container {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

#mainAppContent.executive-suite-shell #leadsView .leads-table-container {
	overflow-x: auto;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-row {
	width: 100%;
	min-width: 0;
	flex-wrap: wrap;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-row .filter-input-compact,
#mainAppContent.executive-suite-shell #leadsView .leads-filter-row .search-input {
	min-width: 220px;
}

#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
	flex: 0 0 auto;
	margin-left: auto;
}

#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
	overflow: hidden;
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 10px;
		align-items: stretch;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-overview-panel {
		order: 1 !important;
		grid-column: auto !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-health-panel {
		order: 2 !important;
		grid-column: auto !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
		order: 3 !important;
		grid-column: auto !important;
	}
}

#mainAppContent.executive-suite-shell #leadsView .leads-source-panel,
#mainAppContent.executive-suite-shell #leadsView .leads-health-panel,
#mainAppContent.executive-suite-shell #leadsView .leads-overview-panel {
	min-width: 0;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
	grid-template-rows: 48px minmax(0, 1fr) !important;
	gap: 5px !important;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: minmax(0, 1fr) 4px;
	column-gap: 10px;
	row-gap: 4px;
	align-items: center;
	overflow: hidden;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--top-source-color) 18%, transparent), transparent 58%),
		rgba(8, 14, 25, 0.72);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-top {
	min-width: 0;
	display: grid;
	gap: 1px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-top span,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-total-label {
	color: #8fa5c2;
	font-size: 8px;
	font-weight: 850;
	letter-spacing: 0.075em;
	line-height: 1;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-top strong {
	overflow: hidden;
	color: #f8fbff;
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-top em {
	overflow: hidden;
	color: #9fb0ce;
	font-size: 8.5px;
	font-style: normal;
	font-weight: 760;
	line-height: 1.05;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-share {
	display: grid;
	justify-items: end;
	align-content: center;
	gap: 1px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-total {
	color: #f8fbff;
	font-size: 20px;
	font-weight: 930;
	line-height: 0.92;
	letter-spacing: 0;
	text-shadow: 0 0 18px color-mix(in srgb, var(--top-source-color) 38%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-mix {
	grid-column: 1 / -1;
	width: 100%;
	height: 4px;
	border-radius: 999px;
	box-shadow: 0 0 16px color-mix(in srgb, var(--top-source-color) 16%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
	gap: 3px !important;
	min-height: 0;
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
	padding: 2px 7px !important;
	min-height: 0 !important;
	height: 26px;
	max-height: 26px;
	box-sizing: border-box;
}

#mainAppContent.executive-suite-shell #leadsView .leads-health-bars {
	grid-template-rows: 50px repeat(5, minmax(21px, 1fr)) !important;
}

#mainAppContent.executive-suite-shell #leadsView .property-signals-summary {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--bar-color) 14%, transparent), transparent 68%),
		rgba(8, 14, 25, 0.72);
}

#mainAppContent.executive-suite-shell #leadsView .property-signal-row {
	grid-template-columns: 98px minmax(0, 1fr) 74px !important;
	align-items: center;
}

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

#mainAppContent.executive-suite-shell #leadsView .property-signal-row .health-bar-label {
	min-width: 0;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .property-signal-row .health-bar-label::before {
	content: "";
	width: 6px;
	height: 6px;
	flex: 0 0 6px;
	border-radius: 999px;
	background: var(--bar-color);
	box-shadow: 0 0 10px color-mix(in srgb, var(--bar-color) 45%, transparent);
}

#mainAppContent.executive-suite-shell #leadsView .property-signal-row .health-bar-meta {
	justify-self: end;
	display: inline-flex;
	gap: 7px;
	white-space: nowrap;
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-overview-panel,
	#mainAppContent.executive-suite-shell #leadsView .leads-health-panel,
	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
		order: initial !important;
	}
}

/* Executive Suite v21: viewport-budgeted Leads desktop guardrails. */
#mainAppContent.executive-suite-shell {
	--es-sidebar-width: 216px;
	--es-sidebar-width-compact: 204px;
	--es-sidebar-collapsed-width: 72px;
	--es-active-sidebar-width: var(--es-sidebar-width);
}

#mainAppContent.executive-suite-shell.sidebar-collapsed {
	--es-active-sidebar-width: var(--es-sidebar-collapsed-width);
}

@media (min-width: 901px) and (max-width: 1280px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) {
		--es-active-sidebar-width: var(--es-sidebar-width-compact);
	}
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #appRoot {
		box-sizing: border-box;
		width: calc(100vw - var(--es-active-sidebar-width));
		max-width: calc(100vw - var(--es-active-sidebar-width));
		margin-left: var(--es-active-sidebar-width) !important;
		padding-inline: clamp(14px, 1.45vw, 24px);
		overflow-x: hidden;
	}

	#mainAppContent.executive-suite-shell #leadsView:not(.hidden) {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding-top: 14px;
		overflow-x: hidden;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard,
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row,
	#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar,
	#mainAppContent.executive-suite-shell #leadsView .leads-table-container {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
		overflow: visible;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: clamp(8px, 0.8vw, 12px);
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-filter-row {
		display: flex !important;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		min-width: 0;
	}

	#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
		margin-left: auto;
		min-width: 120px;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-table-container {
		overflow-x: auto;
	}
}

@media (min-width: 901px) and (max-width: 1179px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #leadsView .leads-insights-row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #leadsView .leads-source-panel {
		grid-column: 1 / -1 !important;
	}
}

@media (min-width: 901px) and (max-width: 1040px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed #leadsView .leads-insights-row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #leadsView .leads-source-panel {
		grid-column: 1 / -1 !important;
	}
}

#mainAppContent.executive-suite-shell #leadsView #leadsSourceChart,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro,
#mainAppContent.executive-suite-shell #leadsView .lead-sources-list,
#mainAppContent.executive-suite-shell #leadsView .lead-source-item,
#mainAppContent.executive-suite-shell #leadsView .lead-source-head,
#mainAppContent.executive-suite-shell #leadsView .lead-source-name-wrap {
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name-wrap {
	overflow: hidden;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
	flex: 0 0 auto;
	min-width: 56px;
	justify-content: flex-end;
}

#mainAppContent.executive-suite-shell #leadsView .lead-sources-more {
	min-height: 16px;
	padding-inline: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Executive Suite v22: annotation-driven Leads layout fixes. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #leadsView .executive-page-header,
	#mainAppContent.executive-suite-shell #leadsView .executive-kpi-row {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-overview-panel {
		order: 1;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-health-panel {
		order: 2;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
		order: 3;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		height: 236px !important;
		min-height: 236px !important;
		max-height: 236px;
		padding: 9px 12px 10px !important;
		overflow: hidden;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
		min-height: 18px;
		margin-bottom: 7px;
		padding-bottom: 7px;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
		height: 100%;
		grid-template-rows: 44px minmax(0, 1fr) !important;
		gap: 4px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum,
	#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary,
	#mainAppContent.executive-suite-shell #leadsView .lead-health-summary {
		min-height: 44px !important;
		height: 44px;
		padding: 5px 9px !important;
		overflow: hidden;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-top,
	#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary,
	#mainAppContent.executive-suite-shell #leadsView .lead-health-summary {
		min-width: 0;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-top strong,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-top em,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-top span,
	#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary em,
	#mainAppContent.executive-suite-shell #leadsView .lead-health-summary em {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-total {
		font-size: 19px;
		line-height: 0.95;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum .lead-sources-mix {
		height: 3px;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list,
	#mainAppContent.executive-suite-shell #leadsView .leads-overview-bars,
	#mainAppContent.executive-suite-shell #leadsView .leads-health-bars {
		min-height: 0;
		display: grid;
		align-content: stretch;
		gap: 3px !important;
		overflow: hidden;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
		grid-template-rows: repeat(5, minmax(21px, 1fr)) 14px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-item,
	#mainAppContent.executive-suite-shell #leadsView .overview-bar-row,
	#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
		min-height: 0 !important;
		height: 24px;
		padding: 2px 7px !important;
		overflow: hidden;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-track,
	#mainAppContent.executive-suite-shell #leadsView .overview-bar-track,
	#mainAppContent.executive-suite-shell #leadsView .health-bar-track {
		height: 3px;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-more {
		min-height: 0;
		height: 14px;
		line-height: 14px;
		font-size: 9px;
	}

	#mainAppContent.executive-suite-shell #leadsView .property-signal-row {
		grid-template-columns: minmax(88px, 0.7fr) minmax(84px, 1fr) minmax(58px, auto) !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .property-signal-row .health-bar-meta {
		gap: 5px;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-filter-row > * {
		min-width: 0;
	}

	#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
		flex: 0 0 118px;
		max-width: 118px;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn {
		width: 46px;
		min-width: 46px;
		height: 40px;
		font-size: 0 !important;
		overflow: hidden;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn::before {
		content: none !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn svg {
		display: block !important;
		width: 17px;
		height: 17px;
		margin: 0 auto;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn::before {
		content: "";
		width: 17px;
		height: 17px;
		display: block;
		margin: 0 auto;
		background: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 17v-2h4V9h-4V7l-5 5 5 5Zm0 4H5a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h5v2H5v14h5v2Zm6-4.5L14.5 15H19V9h-4.5L16 7.5 21.5 12 16 16.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 17v-2h4V9h-4V7l-5 5 5 5Zm0 4H5a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h5v2H5v14h5v2Zm6-4.5L14.5 15H19V9h-4.5L16 7.5 21.5 12 16 16.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
	}
}

@media (min-width: 901px) and (max-width: 1599px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #leadsView .leads-insights-row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #leadsView .leads-source-panel {
		grid-column: 1 / -1 !important;
	}
}

@media (min-width: 901px) and (max-width: 1179px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed #leadsView .leads-insights-row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #leadsView .leads-source-panel {
		grid-column: 1 / -1 !important;
	}
}

@media (min-width: 901px) and (max-width: 1120px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel {
		grid-column: auto !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		height: auto !important;
		min-height: 0 !important;
		max-height: none;
	}
}

/* Executive Suite v23: viewport proofing after annotation QA. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell {
		--es-sidebar-width: 232px;
		--es-active-sidebar-width: 232px;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed {
		--es-active-sidebar-width: 72px;
	}

	#mainAppContent.executive-suite-shell #appRoot {
		width: auto !important;
		max-width: none !important;
		margin-left: var(--es-active-sidebar-width) !important;
		padding-inline: clamp(12px, 1.45vw, 24px);
		overflow-x: hidden;
	}

	#mainAppContent.executive-suite-shell #leadsView:not(.hidden),
	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard,
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row,
	#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar,
	#mainAppContent.executive-suite-shell #leadsView .leads-table-container {
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard,
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row,
	#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar {
		overflow: hidden;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		width: 100% !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-filter-row {
		width: 100%;
		max-width: 100%;
		flex-wrap: wrap;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-filter-tabs-inline,
	#mainAppContent.executive-suite-shell #leadsView .leads-scope-tabs-inline {
		flex: 0 1 auto;
		max-width: 100%;
		min-width: 0;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-filter-row .search-input,
	#mainAppContent.executive-suite-shell #leadsView .leads-filter-row .filter-input-compact {
		flex: 1 1 220px;
		max-width: min(320px, 100%);
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
		flex: 0 0 112px;
		max-width: 112px;
		min-width: 112px;
		margin-left: auto;
	}

	#mainAppContent.executive-suite-shell #leadsTable {
		min-width: 1180px;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(2),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(2) {
		width: 260px;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(3),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(3) {
		width: 96px;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(4),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(4) {
		width: 72px;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(5),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(5) {
		width: 142px;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(7),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(7) {
		width: 138px;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(8),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(8) {
		width: 172px;
	}
}

@media (min-width: 901px) and (max-width: 1599px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #leadsView .leads-source-panel .lead-sources-pro {
		grid-template-columns: minmax(190px, 260px) minmax(0, 1fr) !important;
		grid-template-rows: minmax(0, 1fr) !important;
		align-items: stretch;
		gap: 9px !important;
		height: 100%;
		overflow: hidden;
	}

	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #leadsView .leads-source-panel .lead-sources-primary--momentum {
		height: 100%;
		min-height: 0 !important;
		grid-template-rows: minmax(0, 1fr) 3px;
		align-content: stretch;
	}

	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #leadsView .leads-source-panel .lead-sources-list {
		grid-template-rows: repeat(5, minmax(23px, 1fr)) !important;
		align-content: stretch;
		min-width: 0;
		overflow: hidden;
	}

	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #leadsView .leads-source-panel .lead-sources-more {
		display: none !important;
	}
}

@media (min-width: 901px) and (max-width: 1280px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed #leadsView .leads-insights-row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #leadsView .leads-source-panel {
		grid-column: 1 / -1 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #addLeadBtn {
		flex: 0 0 116px;
		max-width: 116px;
		min-width: 116px;
		margin-left: 0;
	}
}

/* Executive Suite v24: keep the Codex/browser review pane from clipping desktop content. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #appRoot {
		width: calc(100vw - var(--es-active-sidebar-width)) !important;
		max-width: calc(100vw - var(--es-active-sidebar-width)) !important;
		min-width: 0 !important;
	}
}

@media (min-width: 901px) and (max-width: 1320px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed #leadsView .leads-insights-row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #leadsView .leads-source-panel {
		grid-column: 1 / -1 !important;
	}
}

/* Executive Suite v27: final Emails viewport containment after in-app browser QA. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #emailsView:not(.hidden),
	#mainAppContent.executive-suite-shell #emailsView .admin-content,
	#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single {
		width: 100% !important;
		max-width: calc(100vw - var(--es-active-sidebar-width, 232px) - clamp(24px, 2.9vw, 48px)) !important;
		min-width: 0 !important;
		box-sizing: border-box;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-stats-card,
	#mainAppContent.executive-suite-shell #emailsView .email-logs-compact,
	#mainAppContent.executive-suite-shell #emailsView .email-alerts-compact,
	#mainAppContent.executive-suite-shell #emailsView .email-templates-quick {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-grid {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metric-hero em {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

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

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed #emailsView:not(.hidden),
	#mainAppContent.executive-suite-shell.sidebar-collapsed #emailsView .admin-content,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #emailsView .email-dashboard-single,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #emailsView .email-stats-card,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #emailsView .email-logs-compact,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #emailsView .email-alerts-compact,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #emailsView .email-templates-quick {
		max-width: calc(100vw - var(--es-sidebar-collapsed-width, 72px) - 44px) !important;
	}

	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #emailsView:not(.hidden),
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #emailsView .admin-content,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #emailsView .email-dashboard-single,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #emailsView .email-stats-card,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #emailsView .email-logs-compact,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #emailsView .email-alerts-compact,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #emailsView .email-templates-quick {
		max-width: calc(100vw - var(--es-sidebar-width, 232px) - 52px) !important;
	}
}

@media (min-width: 901px) and (max-width: 1500px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed #emailsView .email-metrics-grid {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #emailsView .email-metrics-grid {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 126px;
		display: grid;
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		align-items: stretch;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--mix {
		grid-column: auto;
		min-height: 148px;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel__header {
		grid-column: 1 / -1;
		min-height: 26px;
		padding-bottom: 6px;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metric-hero {
		min-height: 58px;
		padding: 9px 10px;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metric-mini-grid {
		align-self: stretch;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metric-mini {
		min-height: 42px;
		padding: 8px 9px;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-mix-list {
		grid-column: 1 / -1;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		width: min(100%, 540px);
		grid-template-columns: minmax(0, 1fr) 112px 112px;
	}

	#mainAppContent.executive-suite-shell #emailsView #emailTemplatesContainer {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* Executive Suite v49: reserve a visible right gutter for Agents at desktop widths. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #appRoot {
		width: calc(100vw - var(--es-active-sidebar-width, 232px) - 24px) !important;
		max-width: calc(100vw - var(--es-active-sidebar-width, 232px) - 24px) !important;
	}
}

@media (min-width: 901px) and (max-width: 1120px) {
	#mainAppContent.executive-suite-shell #emailsView #emailTemplatesContainer {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Executive Suite v28: Emails table containment after desktop annotation QA. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #emailsView .email-logs-compact .section-header-row {
		grid-template-columns: 1fr !important;
		align-items: start;
		gap: 10px;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		justify-self: stretch !important;
		grid-template-columns: minmax(170px, 1fr) minmax(120px, 140px) minmax(120px, 140px) !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls input,
	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls select {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
}

@media (min-width: 901px) and (max-width: 1500px) {
	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		grid-template-columns: minmax(0, 1fr) 116px 116px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView #emailTemplatesContainer {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 901px) and (max-width: 1120px) {
	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls,
	#mainAppContent.executive-suite-shell #emailsView #emailTemplatesContainer {
		grid-template-columns: 1fr !important;
	}
}

/* Executive Suite v29: keep Emails inside the visible browser pane. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #appRoot {
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell #emailsView:not(.hidden),
	#mainAppContent.executive-suite-shell #emailsView .admin-content,
	#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #emailsView #emailTemplatesContainer {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 901px) and (max-width: 1120px) {
	#mainAppContent.executive-suite-shell #emailsView #emailTemplatesContainer {
		grid-template-columns: 1fr !important;
	}
}

/* Executive Suite v30: practical desktop breakpoints for the Codex review pane. */
@media (min-width: 901px) and (max-width: 1700px) {
	#mainAppContent.executive-suite-shell #emailsView .email-metrics-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--mix {
		grid-column: 1 / -1 !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		width: min(100%, 720px) !important;
		max-width: 720px !important;
		justify-self: start !important;
	}

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

/* Executive Suite v31: route-level hard stop for panes narrower than full desktop. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #emailsView:not(.hidden),
	#mainAppContent.executive-suite-shell #emailsView .admin-content,
	#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single,
	#mainAppContent.executive-suite-shell #emailsView .email-stats-card,
	#mainAppContent.executive-suite-shell #emailsView .email-logs-compact,
	#mainAppContent.executive-suite-shell #emailsView .email-alerts-compact,
	#mainAppContent.executive-suite-shell #emailsView .email-templates-quick {
		max-width: calc(100vw - var(--es-active-sidebar-width, 72px) - 72px) !important;
	}
}

/* Executive Suite v32: keep the Emails command surface readable inside the Codex review pane. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #emailsView:not(.hidden),
	#mainAppContent.executive-suite-shell #emailsView .admin-content,
	#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single,
	#mainAppContent.executive-suite-shell #emailsView .email-stats-card,
	#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main,
	#mainAppContent.executive-suite-shell #emailsView .email-logs-compact,
	#mainAppContent.executive-suite-shell #emailsView .email-alerts-compact,
	#mainAppContent.executive-suite-shell #emailsView .email-templates-quick {
		max-width: calc(100vw - var(--es-active-sidebar-width, 72px) - 136px) !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel {
		height: auto;
		min-height: 168px;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--mix {
		grid-column: 1 / -1 !important;
		min-height: 148px;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-mix-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		width: min(100%, 620px) !important;
		max-width: 620px !important;
		grid-template-columns: minmax(0, 1fr) minmax(108px, 124px) minmax(108px, 124px) !important;
	}

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

@media (min-width: 901px) and (max-width: 1180px) {
	#mainAppContent.executive-suite-shell #emailsView .email-metrics-grid,
	#mainAppContent.executive-suite-shell #emailsView .email-mix-list,
	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls,
	#mainAppContent.executive-suite-shell #emailsView #emailTemplatesContainer {
		grid-template-columns: 1fr !important;
	}
}

/* Executive Suite v33: Emails page rebuilt around three equal insight panels and a primary log table. */
#mainAppContent.executive-suite-shell #emailsView:not(.hidden),
#mainAppContent.executive-suite-shell #emailsView .admin-content,
#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single,
#mainAppContent.executive-suite-shell #emailsView .email-stats-card,
#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main,
#mainAppContent.executive-suite-shell #emailsView .email-logs-compact {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single {
	display: grid;
	gap: 12px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-card {
	padding: 10px 12px 12px !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-card > .section-title {
	margin: 0 0 9px !important;
	color: #f8fbff;
	font-size: 13px;
	font-weight: 950;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: 100% !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel,
#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--mix {
	grid-column: auto !important;
	height: 230px !important;
	min-height: 230px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	padding: 11px !important;
	overflow: hidden !important;
	border: 1px solid rgba(126, 148, 184, 0.18);
	border-top-width: 3px;
	border-radius: 11px;
	background:
		linear-gradient(180deg, rgba(34, 46, 73, 0.68), rgba(10, 15, 26, 0.78)),
		rgba(8, 13, 23, 0.94);
	box-shadow:
		0 14px 32px rgba(0, 0, 0, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--delivery {
	border-top-color: rgba(91, 125, 255, 0.88);
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--engagement {
	border-top-color: rgba(45, 212, 191, 0.78);
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--mix {
	border-top-color: rgba(56, 189, 248, 0.78);
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel__header {
	min-height: 27px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	padding-bottom: 7px !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 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel__header strong {
	color: #eff6ff !important;
	font-size: 16px !important;
	font-weight: 950 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-hero,
#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary {
	min-height: 72px !important;
	display: flex !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	gap: 12px !important;
	padding: 12px !important;
	border: 1px solid rgba(126, 148, 184, 0.16) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(90deg, rgba(99, 102, 241, 0.13), transparent 68%),
		rgba(5, 10, 20, 0.78) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
	text-align: left !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary span,
#mainAppContent.executive-suite-shell #emailsView .email-metric-hero span {
	min-width: 0;
	display: grid !important;
	gap: 3px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary small,
#mainAppContent.executive-suite-shell #emailsView .email-metric-hero small,
#mainAppContent.executive-suite-shell #emailsView .email-metric-mini span {
	color: #93a9c8 !important;
	font-size: 9px !important;
	font-weight: 950 !important;
	letter-spacing: 0.07em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary strong,
#mainAppContent.executive-suite-shell #emailsView .email-metric-hero strong {
	min-width: 0;
	overflow: hidden;
	color: #f8fbff !important;
	font-size: 25px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary em,
#mainAppContent.executive-suite-shell #emailsView .email-metric-hero em {
	min-width: 0;
	max-width: 160px !important;
	overflow: hidden;
	color: #90a4c2 !important;
	font-size: 10px !important;
	font-style: normal !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-align: left !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary b {
	flex: 0 0 auto;
	color: #f8fbff;
	font-size: 26px;
	font-weight: 950;
	line-height: 1;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-mini-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-mini {
	min-height: 58px !important;
	display: grid !important;
	gap: 4px !important;
	padding: 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.16) !important;
	border-radius: 9px !important;
	background: rgba(5, 10, 20, 0.76) !important;
	text-align: left !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-mini strong {
	color: #eaf3ff !important;
	font-size: 20px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-list,
#mainAppContent.executive-suite-shell #emailsView .email-mix-list--top {
	min-height: 0 !important;
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 5px !important;
	overflow: hidden !important;
	padding: 0 !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-row {
	min-height: 24px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 44px 36px !important;
	align-items: center !important;
	gap: 7px !important;
	padding: 5px 7px !important;
	border: 1px solid rgba(126, 148, 184, 0.14) !important;
	border-radius: 8px !important;
	background: rgba(5, 10, 20, 0.66) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
	color: #dbeafe !important;
	text-align: left !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-label,
#mainAppContent.executive-suite-shell #emailsView .email-mix-value,
#mainAppContent.executive-suite-shell #emailsView .email-mix-percent {
	font-size: 10px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-label {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-value,
#mainAppContent.executive-suite-shell #emailsView .email-mix-percent {
	color: #bad0f1 !important;
	text-align: right !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-track {
	grid-column: 1 / -1 !important;
	height: 2px !important;
	overflow: hidden !important;
	border-radius: 999px !important;
	background: rgba(126, 148, 184, 0.16) !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-track span {
	display: block !important;
	height: 100% !important;
	border-radius: inherit !important;
	background: linear-gradient(90deg, #5b7cff, #38bdf8) !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-more,
#mainAppContent.executive-suite-shell #emailsView .email-title-action {
	border: 1px solid rgba(96, 165, 250, 0.32);
	border-radius: 8px;
	background: rgba(15, 29, 52, 0.86);
	color: #dbeafe;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
	cursor: pointer;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-more {
	min-height: 28px;
	margin-top: auto;
}

#mainAppContent.executive-suite-shell #emailsView .email-title-action {
	height: 32px;
	padding: 0 12px;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-more:hover,
#mainAppContent.executive-suite-shell #emailsView .email-title-action:hover {
	border-color: rgba(125, 211, 252, 0.52);
	background: rgba(22, 43, 76, 0.96);
	color: #ffffff;
}

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

#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main {
	display: block !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-compact {
	min-height: 650px !important;
	display: flex !important;
	flex-direction: column !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(180deg, rgba(17, 24, 39, 0.92), rgba(6, 11, 22, 0.98)),
		rgba(7, 12, 22, 0.96) !important;
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.25) !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-compact .section-header-row {
	min-height: 58px !important;
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 16px !important;
	padding: 12px 14px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.16) !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-section-title-group {
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

#mainAppContent.executive-suite-shell #emailsView .email-section-title-group .section-title {
	margin: 0 !important;
	color: #f8fbff !important;
	font-size: 13px !important;
	font-weight: 950 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
	width: min(100%, 640px) !important;
	max-width: 640px !important;
	display: grid !important;
	grid-template-columns: minmax(220px, 1fr) 132px 132px !important;
	gap: 8px !important;
	justify-self: end !important;
	margin: 0 !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-controls input,
#mainAppContent.executive-suite-shell #emailsView .email-logs-controls select {
	height: 34px !important;
	min-width: 0 !important;
	width: 100% !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 8px !important;
	background: rgba(4, 9, 18, 0.82) !important;
	color: #eaf3ff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-body-compact {
	flex: 1 1 auto !important;
	min-height: 520px !important;
	max-height: none !important;
	overflow: auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: rgba(4, 9, 18, 0.56) !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact {
	width: 100% !important;
	min-width: 980px !important;
	table-layout: fixed !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th {
	position: sticky !important;
	top: 0 !important;
	z-index: 2 !important;
	height: 42px !important;
	padding: 10px 13px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.18) !important;
	background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(9, 15, 27, 0.98)) !important;
	color: #91b5e6 !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td {
	height: 62px !important;
	padding: 10px 13px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.1) !important;
	background: rgba(10, 16, 29, 0.74) !important;
	color: #eaf3ff !important;
	vertical-align: middle !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact tr:nth-child(even) td {
	background: rgba(7, 13, 24, 0.8) !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact tr:hover td {
	background: rgba(31, 48, 85, 0.58) !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th:nth-child(1),
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td:nth-child(1) {
	width: 24%;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th:nth-child(2),
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td:nth-child(2) {
	width: 31%;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th:nth-child(3),
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td:nth-child(3) {
	width: 16%;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th:nth-child(4),
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td:nth-child(4) {
	width: 12%;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th:nth-child(5),
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td:nth-child(5) {
	width: 14%;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th:nth-child(6),
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td:nth-child(6) {
	width: 64px;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-recipient-name,
#mainAppContent.executive-suite-shell #emailsView .email-log-cell--subject,
#mainAppContent.executive-suite-shell #emailsView .email-log-cell--template,
#mainAppContent.executive-suite-shell #emailsView .email-log-cell--sent {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-recipient-name {
	color: #ffffff;
	font-size: 13px;
	font-weight: 950;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-recipient-email {
	min-width: 0;
	overflow: hidden;
	color: #8fb4e8;
	font-size: 11px;
	font-weight: 750;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--subject {
	color: #eef5ff !important;
	font-size: 12px;
	font-weight: 850;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--template,
#mainAppContent.executive-suite-shell #emailsView .email-log-cell--sent {
	color: #bdd2f3 !important;
	font-size: 12px !important;
	font-weight: 850 !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-pagination {
	min-height: 54px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	padding: 10px 14px !important;
	border-top: 1px solid rgba(126, 148, 184, 0.14) !important;
	background: rgba(15, 23, 42, 0.58) !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-templates-modal,
#mainAppContent.executive-suite-shell #emailsView .email-workflow-modal {
	position: fixed;
	inset: 0;
	z-index: 10030;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 28px;
	background: rgba(2, 6, 13, 0.72);
	backdrop-filter: blur(10px);
}

#mainAppContent.executive-suite-shell #emailsView .email-templates-modal[hidden],
#mainAppContent.executive-suite-shell #emailsView .email-workflow-modal[hidden] {
	display: none !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-templates-modal__panel,
#mainAppContent.executive-suite-shell #emailsView .email-workflow-modal__panel {
	width: min(1040px, 94vw);
	max-height: min(780px, 88vh);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid rgba(126, 148, 184, 0.22);
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(20, 31, 52, 0.98), rgba(8, 13, 23, 0.99)),
		#0b111e;
	box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55);
}

#mainAppContent.executive-suite-shell #emailsView .email-workflow-modal__panel {
	width: min(560px, 92vw);
}

#mainAppContent.executive-suite-shell #emailsView .email-templates-modal__header,
#mainAppContent.executive-suite-shell #emailsView .email-workflow-modal__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 18px;
	border-bottom: 1px solid rgba(126, 148, 184, 0.16);
	background: rgba(17, 24, 39, 0.72);
}

#mainAppContent.executive-suite-shell #emailsView .email-templates-modal__header h3,
#mainAppContent.executive-suite-shell #emailsView .email-workflow-modal__header h3 {
	margin: 0;
	color: #ffffff;
	font-size: 18px;
	font-weight: 950;
	letter-spacing: 0;
}

#mainAppContent.executive-suite-shell #emailsView .email-templates-modal__header p,
#mainAppContent.executive-suite-shell #emailsView .email-workflow-modal__header p {
	margin: 5px 0 0;
	color: #9fb4d3;
	font-size: 12px;
	font-weight: 750;
}

#mainAppContent.executive-suite-shell #emailsView .email-modal-close {
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(126, 148, 184, 0.22);
	border-radius: 10px;
	background: rgba(7, 13, 24, 0.78);
	color: #cbd5e1;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
}

#mainAppContent.executive-suite-shell #emailsView .email-templates-modal .email-templates-quick {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	flex: 1 1 auto;
	padding: 14px !important;
	overflow: auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-templates-modal #emailTemplatesContainer {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
	max-height: none !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-workflow-modal__list {
	display: grid;
	gap: 7px;
	padding: 14px;
	overflow: auto;
}

#mainAppContent.executive-suite-shell #emailsView .email-workflow-modal .email-mix-row {
	min-height: 36px !important;
	grid-template-columns: minmax(0, 1fr) 56px 48px !important;
}

@media (max-width: 1400px) and (min-width: 901px) {
	#mainAppContent.executive-suite-shell #emailsView .email-metrics-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel,
	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--mix {
		height: 226px !important;
		min-height: 226px !important;
		padding: 10px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary strong,
	#mainAppContent.executive-suite-shell #emailsView .email-metric-hero strong {
		font-size: 22px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		width: min(100%, 560px) !important;
		grid-template-columns: minmax(180px, 1fr) 118px 118px !important;
	}
}

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

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel,
	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--mix {
		height: auto !important;
		min-height: 190px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-compact .section-header-row,
	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		width: 100% !important;
		justify-self: stretch !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-templates-modal #emailTemplatesContainer {
		grid-template-columns: 1fr !important;
	}
}

/* Executive Suite v34: keep Emails dashboard inside the viewport and promote logs as the primary table. */
#mainAppContent.executive-suite-shell #emailsView:not(.hidden),
#mainAppContent.executive-suite-shell #emailsView .admin-content,
#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single,
#mainAppContent.executive-suite-shell #emailsView .email-stats-card,
#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main,
#mainAppContent.executive-suite-shell #emailsView .email-logs-compact {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

#mainAppContent.executive-suite-shell #emailsView:not(.hidden),
#mainAppContent.executive-suite-shell #emailsView .admin-content,
#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single,
#mainAppContent.executive-suite-shell #emailsView .email-stats-card,
#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main,
#mainAppContent.executive-suite-shell #emailsView .email-logs-compact {
	overflow-x: hidden !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single {
	margin: 0 !important;
	padding: 0 !important;
	gap: 12px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-card {
	padding: 11px 12px 12px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-stats-card > .section-title {
	margin-bottom: 8px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-grid {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel,
#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--mix {
	min-width: 0 !important;
	max-width: 100% !important;
	height: 244px !important;
	min-height: 244px !important;
	gap: 7px !important;
	padding: 10px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel__header {
	min-height: 24px !important;
	padding-bottom: 6px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-hero,
#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary {
	min-height: 58px !important;
	padding: 10px 11px !important;
	align-items: center !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary span,
#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary strong,
#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary em {
	min-width: 0 !important;
	max-width: 100% !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary strong,
#mainAppContent.executive-suite-shell #emailsView .email-metric-hero strong {
	font-size: 22px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary b {
	font-size: 23px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-mini-grid {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	gap: 7px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-mini {
	min-height: 0 !important;
	padding: 8px 9px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-metric-mini strong {
	font-size: 18px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-list--top {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	display: grid !important;
	grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
	gap: 4px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-row {
	min-width: 0 !important;
	min-height: 0 !important;
	height: 26px !important;
	grid-template-columns: minmax(0, 1fr) 42px 32px !important;
	grid-template-rows: auto 2px !important;
	gap: 2px 6px !important;
	padding: 3px 7px !important;
	border-radius: 7px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-label,
#mainAppContent.executive-suite-shell #emailsView .email-mix-value,
#mainAppContent.executive-suite-shell #emailsView .email-mix-percent {
	min-width: 0 !important;
	font-size: 9px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-track {
	height: 2px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-mix-more {
	min-height: 26px !important;
	height: 26px !important;
	margin-top: 0 !important;
	flex: 0 0 auto !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-dashboard-main {
	display: block !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-compact {
	min-height: 660px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-compact .section-header-row {
	grid-template-columns: minmax(210px, auto) minmax(0, 590px) !important;
	gap: 12px !important;
	padding: 12px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-section-title-group {
	min-width: 0 !important;
	max-width: 100% !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
	width: 100% !important;
	max-width: 590px !important;
	min-width: 0 !important;
	grid-template-columns: minmax(150px, 1fr) 112px 112px !important;
	gap: 8px !important;
	justify-self: end !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-body-compact {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow-x: auto !important;
	overflow-y: auto !important;
	scrollbar-gutter: stable;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact {
	width: 100% !important;
	min-width: 1080px !important;
	max-width: none !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th,
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td {
	padding-left: 12px !important;
	padding-right: 12px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-pagination {
	flex: 0 0 auto !important;
}

@media (max-width: 1500px) and (min-width: 1101px) {
	#mainAppContent.executive-suite-shell #emailsView .email-stats-card {
		padding: 10px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-grid {
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel,
	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--mix {
		height: 234px !important;
		min-height: 234px !important;
		padding: 9px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary strong,
	#mainAppContent.executive-suite-shell #emailsView .email-metric-hero strong {
		font-size: 20px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-workflow-primary b {
		font-size: 21px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-mix-row {
		height: 24px !important;
		padding: 2px 6px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-compact .section-header-row {
		grid-template-columns: minmax(190px, auto) minmax(0, 520px) !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		max-width: 520px !important;
		grid-template-columns: minmax(140px, 1fr) 104px 104px !important;
	}
}

@media (max-width: 1100px) {
	#mainAppContent.executive-suite-shell #emailsView .email-metrics-grid {
		grid-template-columns: 1fr !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel,
	#mainAppContent.executive-suite-shell #emailsView .email-metrics-panel--mix {
		height: auto !important;
		min-height: 214px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-compact .section-header-row,
	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-logs-controls {
		max-width: 100% !important;
		justify-self: stretch !important;
	}
}

/* Executive Suite v35: email insight panels use Leads-style rows and no page-level overflow. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #appRoot {
		width: calc(100vw - var(--es-active-sidebar-width, 232px)) !important;
		max-width: calc(100vw - var(--es-active-sidebar-width, 232px)) !important;
		box-sizing: border-box !important;
		margin-left: var(--es-active-sidebar-width, 232px) !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell #appRoot:has(#emailsView:not(.hidden)) {
		width: calc(100vw - var(--es-active-sidebar-width, 232px)) !important;
		max-width: calc(100vw - var(--es-active-sidebar-width, 232px)) !important;
		box-sizing: border-box !important;
		margin-left: var(--es-active-sidebar-width, 232px) !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot {
		width: calc(100vw - 72px) !important;
		max-width: calc(100vw - 72px) !important;
		margin-left: 72px !important;
	}

	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #appRoot {
		width: calc(100vw - 232px) !important;
		max-width: calc(100vw - 232px) !important;
		margin-left: 232px !important;
	}
}

#mainAppContent.executive-suite-shell #emailsView .email-insight-list {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	display: grid !important;
	grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
	gap: 7px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-insight-row {
	min-width: 0 !important;
	min-height: 0 !important;
	display: grid !important;
	grid-template-columns: 132px minmax(80px, 1fr) 74px 42px !important;
	grid-template-rows: 1fr auto !important;
	align-items: center !important;
	gap: 2px 10px !important;
	padding: 7px 9px !important;
	border: 1px solid rgba(126, 148, 184, 0.14) !important;
	border-radius: 8px !important;
	background: rgba(5, 10, 20, 0.66) !important;
	color: #dbeafe !important;
	text-align: left !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

#mainAppContent.executive-suite-shell #emailsView button.email-insight-row {
	cursor: pointer;
}

#mainAppContent.executive-suite-shell #emailsView button.email-insight-row:hover {
	border-color: rgba(96, 165, 250, 0.36) !important;
	background: rgba(16, 31, 56, 0.82) !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-insight-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 #emailsView .email-insight-row--primary {
	background: rgba(18, 25, 50, 0.72) !important;
}

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

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

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

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

#mainAppContent.executive-suite-shell #emailsView .email-insight-label {
	color: #a9bddb !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
}

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

#mainAppContent.executive-suite-shell #emailsView .email-insight-percent {
	color: #b8cef0 !important;
	font-size: 11px !important;
	font-weight: 950 !important;
	text-align: right !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-insight-detail {
	grid-column: 1 / -1 !important;
	color: #7f94b3 !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-insight-bar {
	height: 4px !important;
	overflow: hidden !important;
	border-radius: 999px !important;
	background: rgba(126, 148, 184, 0.16) !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-insight-bar span {
	display: block !important;
	height: 100% !important;
	border-radius: inherit !important;
	background: linear-gradient(90deg, #5b7cff, #38bdf8) !important;
}

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

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

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

@media (max-width: 1500px) and (min-width: 1101px) {
	#mainAppContent.executive-suite-shell #emailsView .email-insight-list {
		gap: 5px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .email-insight-row {
		grid-template-columns: 112px minmax(64px, 1fr) 58px 34px !important;
		gap: 2px 7px !important;
		padding: 5px 7px !important;
	}

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

	#mainAppContent.executive-suite-shell #emailsView .email-insight-value {
		font-size: 12px !important;
	}
}

@media (max-width: 700px) {
	#mainAppContent.executive-suite-shell #emailsView .email-insight-row {
		grid-template-columns: 112px minmax(64px, 1fr) 58px !important;
	}

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

/* Executive Suite v36: Leads header/search parity with Specials and Tracker. */
#mainAppContent.executive-suite-shell #leadsView .executive-page-header.leads-page-header {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 0 !important;
	box-sizing: border-box !important;
	margin: 0 0 10px !important;
	padding: 13px 16px !important;
	overflow: visible !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 10px !important;
	background:
		radial-gradient(circle at 8% 0%, rgba(99, 102, 241, 0.14), transparent 210px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.012)),
		#101827 !important;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18) !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-title-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	padding: 0 !important;
	background: transparent !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-title-section {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-title-icon {
	flex: 0 0 auto !important;
	font-size: 18px !important;
	line-height: 1 !important;
	filter: drop-shadow(0 0 10px rgba(125, 211, 252, 0.24)) !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-title-section h2 {
	margin: 0 !important;
	color: #f7fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: clamp(18px, 1.06vw, 22px) !important;
	font-weight: 850 !important;
	letter-spacing: 0.065em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-page-header .executive-live-badge {
	display: none !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-page-header .lead-count-badge {
	flex: 0 0 auto !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	background: rgba(15, 23, 42, 0.72) !important;
	color: #c9d7ed !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-subtitle {
	max-width: 820px !important;
	margin: 8px 0 12px !important;
	color: #9fb0ce !important;
	font-size: 12px !important;
	line-height: 1.45 !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-header-search-row {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	padding: 0 !important;
	border: 0 !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-page-search {
	flex: 1 1 440px !important;
	max-width: 440px !important;
	height: 36px !important;
	margin: 0 !important;
	border-color: rgba(126, 148, 184, 0.22) !important;
	background: rgba(7, 12, 22, 0.72) !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-page-search svg {
	color: #8fb1da !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-page-search #leadSearch {
	width: 100% !important;
	height: 34px !important;
	min-width: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #eaf1ff !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-page-search #leadSearch::placeholder {
	color: rgba(159, 176, 206, 0.6) !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-header-search-row #dateRangeFilter {
	flex: 0 0 140px !important;
	width: 140px !important;
	max-width: 140px !important;
	height: 36px !important;
	border-color: rgba(126, 148, 184, 0.22) !important;
	border-radius: 9px !important;
	background: rgba(7, 12, 22, 0.72) !important;
	color: #eaf1ff !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-clear-filters {
	min-height: 36px !important;
	border-color: rgba(126, 148, 184, 0.2) !important;
	background: rgba(7, 12, 22, 0.72) !important;
	color: #dce8f8 !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-clear-filters:hover,
#mainAppContent.executive-suite-shell #leadsView .leads-clear-filters:focus-visible {
	border-color: rgba(125, 211, 252, 0.34) !important;
	background: rgba(15, 23, 42, 0.88) !important;
	color: #f8fbff !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar {
	margin: 0 0 10px !important;
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #leadsView .executive-page-header.leads-page-header {
		display: block !important;
	}

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

@media (max-width: 700px) {
	#mainAppContent.executive-suite-shell #leadsView .executive-page-header.leads-page-header {
		padding: 12px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-title-row,
	#mainAppContent.executive-suite-shell #leadsView .leads-header-search-row {
		align-items: stretch !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-title-row {
		flex-direction: column !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-page-search,
	#mainAppContent.executive-suite-shell #leadsView .leads-header-search-row #dateRangeFilter,
	#mainAppContent.executive-suite-shell #leadsView .leads-clear-filters {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Executive Suite v37: Leads header/action parity and duplicate filter removal. */
#mainAppContent.executive-suite-shell #leadsView .executive-page-header.leads-page-header {
	padding: 13px 16px 12px !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-title-section {
	line-height: 1 !important;
	transform: translateY(-1px);
}

#mainAppContent.executive-suite-shell #leadsView .leads-title-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 18px !important;
	height: 18px !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-header-search-row {
	align-items: center !important;
	gap: 10px !important;
	width: min(100%, 860px) !important;
	max-width: 860px !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-header-add-btn {
	flex: 0 0 auto !important;
	min-width: 118px !important;
	max-width: none !important;
	min-height: 36px !important;
	margin-left: 0 !important;
	padding-inline: 16px !important;
	border-color: rgba(129, 140, 248, 0.48) !important;
	background: linear-gradient(180deg, #6d74ff 0%, #4666e8 100%) !important;
	box-shadow:
		0 14px 28px rgba(37, 99, 235, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-header-add-btn:hover,
#mainAppContent.executive-suite-shell #leadsView .leads-header-add-btn:focus-visible {
	border-color: rgba(165, 180, 252, 0.72) !important;
	background: linear-gradient(180deg, #7b82ff 0%, #4f70f3 100%) !important;
	box-shadow:
		0 16px 34px rgba(37, 99, 235, 0.32),
		0 0 0 1px rgba(165, 180, 252, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-tabs-inline,
#mainAppContent.executive-suite-shell #leadsView #leadsScopeTabs,
#mainAppContent.executive-suite-shell #leadsView .leads-filter-row > .filter-spacer {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar:has(.bulk-actions-group:not([style*="display: none"])) {
	display: block !important;
	margin: 0 0 10px !important;
	padding: 8px 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 10px !important;
	background: #101827 !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar:has(.bulk-actions-group:not([style*="display: none"])) .leads-filter-row {
	justify-content: flex-end !important;
	min-height: 36px !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-filter-bar:has(.bulk-actions-group:not([style*="display: none"])) .bulk-actions-group {
	margin-left: auto !important;
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
		width: min(100%, calc(100vw - var(--es-active-sidebar-width, 232px) - 48px)) !important;
		max-width: min(100%, calc(100vw - var(--es-active-sidebar-width, 232px) - 48px)) !important;
		margin: 0 0 10px !important;
		padding: 0 !important;
		background: transparent !important;
		box-sizing: border-box !important;
	}

	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #leadsView .leads-dashboard {
		width: min(100%, calc(100vw - 232px - 48px)) !important;
		max-width: min(100%, calc(100vw - 232px - 48px)) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #leadsView .leads-dashboard {
		width: min(100%, calc(100vw - 72px - 48px)) !important;
		max-width: min(100%, calc(100vw - 72px - 48px)) !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		align-items: stretch !important;
		gap: 10px !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		height: 218px !important;
		min-height: 218px !important;
		max-height: 218px !important;
		padding: 10px 12px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
		min-height: 25px !important;
		margin: 0 0 7px !important;
		padding: 0 0 7px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-overview-bars,
	#mainAppContent.executive-suite-shell #leadsView .leads-health-bars,
	#mainAppContent.executive-suite-shell #leadsView .leads-source-chart {
		height: calc(100% - 32px) !important;
		min-height: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
		height: 100% !important;
		min-height: 0 !important;
		grid-template-rows: 44px minmax(0, 1fr) !important;
		gap: 3px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum,
	#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary,
	#mainAppContent.executive-suite-shell #leadsView .lead-health-summary {
		height: 44px !important;
		min-height: 44px !important;
		padding: 5px 9px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list,
	#mainAppContent.executive-suite-shell #leadsView .leads-overview-bars,
	#mainAppContent.executive-suite-shell #leadsView .leads-health-bars {
		gap: 4px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
		grid-template-rows: repeat(5, minmax(19px, 1fr)) 13px !important;
		gap: 3px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
		height: 20px !important;
		padding: 1px 7px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .overview-bar-row,
	#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
		height: 23px !important;
		min-height: 0 !important;
		padding: 2px 7px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-name-wrap,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-head,
	#mainAppContent.executive-suite-shell #leadsView .health-bar-label,
	#mainAppContent.executive-suite-shell #leadsView .overview-bar-label {
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-track,
	#mainAppContent.executive-suite-shell #leadsView .overview-bar-track,
	#mainAppContent.executive-suite-shell #leadsView .health-bar-track {
		height: 3px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-more {
		height: 13px !important;
		min-height: 0 !important;
		line-height: 13px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .table-wrapper {
		margin-top: 0 !important;
	}
}

@media (max-width: 700px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-header-add-btn {
		width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
	}
}

/* Executive Suite v38: final Leads page rhythm match with Specials and Tracker. */
#mainAppContent.executive-suite-shell #leadsView .executive-page-header.leads-page-header {
	padding: 13px 16px !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-title-row {
	min-height: 22px !important;
	align-items: center !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-title-section {
	align-items: center !important;
	transform: translateY(-2px);
}

#mainAppContent.executive-suite-shell #leadsView .leads-title-icon,
#mainAppContent.executive-suite-shell #leadsView .leads-title-section h2,
#mainAppContent.executive-suite-shell #leadsView .leads-page-header .lead-count-badge {
	position: relative !important;
	top: -1px !important;
}

#mainAppContent.executive-suite-shell #leadsView .leads-subtitle {
	margin: 8px 0 12px !important;
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
		margin: 0 0 10px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		display: flex !important;
		flex-direction: column !important;
		height: 218px !important;
		min-height: 218px !important;
		max-height: 218px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
		flex: 0 0 25px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-overview-bars,
	#mainAppContent.executive-suite-shell #leadsView .leads-health-bars,
	#mainAppContent.executive-suite-shell #leadsView .leads-source-chart {
		flex: 1 1 auto !important;
		height: auto !important;
		min-height: 0 !important;
		align-content: stretch !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-overview-bars {
		grid-template-rows: 44px repeat(4, minmax(24px, 1fr)) !important;
		gap: 4px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-health-bars {
		grid-template-rows: 44px repeat(5, minmax(20px, 1fr)) !important;
		gap: 4px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
		grid-template-rows: 44px minmax(0, 1fr) !important;
		gap: 4px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
		grid-template-rows: repeat(5, minmax(20px, 1fr)) minmax(12px, auto) !important;
		gap: 4px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-item,
	#mainAppContent.executive-suite-shell #leadsView .overview-bar-row,
	#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
		height: auto !important;
		min-height: 0 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary,
	#mainAppContent.executive-suite-shell #leadsView .lead-health-summary,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum {
		height: 44px !important;
		min-height: 44px !important;
		max-height: 44px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-more {
		height: auto !important;
		min-height: 12px !important;
		line-height: 12px !important;
	}
}

/* Executive Suite v39: constrain Leads surfaces to the actual content lane. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:has(#leadsView:not(.hidden)) #appRoot {
		width: calc(100vw - var(--es-active-sidebar-width, 232px)) !important;
		max-width: calc(100vw - var(--es-active-sidebar-width, 232px)) !important;
		margin-left: var(--es-active-sidebar-width, 232px) !important;
		box-sizing: border-box !important;
	}

	#mainAppContent.executive-suite-shell:has(#leadsView:not(.hidden)) #leadsView {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-page-header.leads-page-header,
	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard,
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row,
	#mainAppContent.executive-suite-shell #leadsView .leads-table-container,
	#mainAppContent.executive-suite-shell #leadsView .table-wrapper {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		width: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		justify-self: stretch !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel,
	#mainAppContent.executive-suite-shell #leadsView .leads-health-panel,
	#mainAppContent.executive-suite-shell #leadsView .leads-overview-panel {
		grid-column: auto !important;
	}
}

@media (min-width: 901px) and (max-width: 1180px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		height: auto !important;
		min-height: 218px !important;
		max-height: none !important;
	}
}

/* Executive Suite v40: guard against stale collapsed-width variables on Leads charts. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard,
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		width: calc(100vw - 232px - 48px) !important;
		max-width: calc(100vw - 232px - 48px) !important;
	}

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

/* Executive Suite v41: direct Leads chart lane sizing for in-app browser pane. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		flex-basis: auto !important;
	}
}

/* Executive Suite v42: compensate for sidebar state drift in the local review pane. */
@media (min-width: 1181px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard,
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		width: calc(100% - 160px) !important;
		max-width: calc(100% - 160px) !important;
	}
}

/* Executive Suite v43: Leads page parity with Tracker/Specials page rhythm. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:has(#leadsView:not(.hidden)) #appRoot {
		padding-top: 18px !important;
		padding-right: 22px !important;
		padding-left: 22px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView:not(.hidden) {
		display: block !important;
		grid-template-columns: none !important;
		grid-template-areas: none !important;
		gap: 0 !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .executive-page-header.leads-page-header {
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0 !important;
		margin: 0 0 10px !important;
		padding: 13px 16px !important;
		border-radius: 10px !important;
		transform: none !important;
		box-sizing: border-box !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-title-row {
		min-height: 0 !important;
		padding: 0 !important;
		align-items: center !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-title-section {
		align-items: center !important;
		line-height: 1 !important;
		transform: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-title-section h2,
	#mainAppContent.executive-suite-shell #leadsView .leads-title-icon,
	#mainAppContent.executive-suite-shell #leadsView .leads-page-header .lead-count-badge {
		position: static !important;
		top: auto !important;
		transform: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-subtitle {
		margin: 8px 0 12px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard,
	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row,
	#mainAppContent.executive-suite-shell #leadsView .leads-table-container,
	#mainAppContent.executive-suite-shell #leadsView .table-wrapper,
	#mainAppContent.executive-suite-shell #leadsView .pagination {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
		margin: 0 0 10px !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 10px !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		width: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		justify-self: stretch !important;
	}
}

#mainAppContent.executive-suite-shell #leadsView .lead-agent-select {
	color-scheme: dark !important;
}

#mainAppContent.executive-suite-shell #leadsView .lead-agent-select option {
	background: #07101f !important;
	color: #eef5ff !important;
}

/* Executive Suite v44: Emails header/search parity with Leads, Specials, and Tracker. */
#mainAppContent.executive-suite-shell #emailsView:not(.hidden) {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

#mainAppContent.executive-suite-shell #emailsView .emails-page-header {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 0 !important;
	box-sizing: border-box !important;
	margin: 0 0 10px !important;
	padding: 13px 16px !important;
	overflow: visible !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 10px !important;
	background:
		radial-gradient(circle at 8% 0%, rgba(99, 102, 241, 0.14), transparent 210px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.012)),
		#101827 !important;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18) !important;
}

#mainAppContent.executive-suite-shell #emailsView .emails-title-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	padding: 0 !important;
	background: transparent !important;
}

#mainAppContent.executive-suite-shell #emailsView .emails-title-section {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
	line-height: 1 !important;
}

#mainAppContent.executive-suite-shell #emailsView .emails-title-icon {
	flex: 0 0 auto !important;
	color: #a78bfa !important;
	font-size: 18px !important;
	line-height: 1 !important;
	filter: drop-shadow(0 0 10px rgba(167, 139, 250, 0.24)) !important;
}

#mainAppContent.executive-suite-shell #emailsView .emails-title-section h2 {
	margin: 0 !important;
	color: #f7fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: clamp(18px, 1.06vw, 22px) !important;
	font-weight: 850 !important;
	letter-spacing: 0.065em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #emailsView .emails-page-header .lead-count-badge {
	flex: 0 0 auto !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	background: rgba(15, 23, 42, 0.72) !important;
	color: #c9d7ed !important;
}

#mainAppContent.executive-suite-shell #emailsView .emails-subtitle {
	max-width: 820px !important;
	margin: 8px 0 12px !important;
	color: #9fb0ce !important;
	font-size: 12px !important;
	line-height: 1.45 !important;
}

#mainAppContent.executive-suite-shell #emailsView .emails-search-row {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	padding: 0 !important;
	border: 0 !important;
}

#mainAppContent.executive-suite-shell #emailsView .emails-page-header .email-logs-controls {
	width: 100% !important;
	max-width: 740px !important;
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	justify-self: start !important;
	margin: 0 !important;
}

#mainAppContent.executive-suite-shell #emailsView .emails-page-header #emailSearch {
	flex: 1 1 440px !important;
	max-width: 440px !important;
	height: 36px !important;
	min-width: 220px !important;
	margin: 0 !important;
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	border-radius: 9px !important;
	background: rgba(7, 12, 22, 0.72) !important;
	color: #eaf1ff !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #emailsView .emails-page-header #emailSearch::placeholder {
	color: rgba(159, 176, 206, 0.6) !important;
}

#mainAppContent.executive-suite-shell #emailsView .emails-page-header #emailStatusFilter,
#mainAppContent.executive-suite-shell #emailsView .emails-page-header #emailAgentFilter {
	flex: 0 0 140px !important;
	width: 140px !important;
	max-width: 140px !important;
	height: 36px !important;
	min-width: 0 !important;
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	border-radius: 9px !important;
	background: rgba(7, 12, 22, 0.72) !important;
	color: #eaf1ff !important;
	box-shadow: none !important;
	color-scheme: dark !important;
}

#mainAppContent.executive-suite-shell #emailsView .emails-page-header #emailAgentFilter {
	flex-basis: 150px !important;
	width: 150px !important;
	max-width: 150px !important;
}

/* Executive Suite v45: keep Emails header controls on the same desktop row. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #emailsView .emails-page-header .email-logs-controls {
		max-width: 780px !important;
		flex-wrap: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .emails-page-header #emailSearch {
		flex: 1 1 460px !important;
		max-width: 460px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .emails-page-header #emailStatusFilter {
		flex-basis: 140px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .emails-page-header #emailAgentFilter {
		flex-basis: 150px !important;
	}
}

#mainAppContent.executive-suite-shell #emailsView #emailStatusFilter option,
#mainAppContent.executive-suite-shell #emailsView #emailAgentFilter option {
	background: #07101f !important;
	color: #eef5ff !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-dashboard-single {
	margin: 0 !important;
	gap: 10px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-compact .section-header-row {
	min-height: 54px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	grid-template-columns: none !important;
	padding: 12px 14px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-section-title-group {
	width: 100% !important;
	justify-content: space-between !important;
}

@media (max-width: 700px) {
	#mainAppContent.executive-suite-shell #emailsView .emails-page-header {
		padding: 12px !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .emails-title-row,
	#mainAppContent.executive-suite-shell #emailsView .emails-search-row,
	#mainAppContent.executive-suite-shell #emailsView .emails-page-header .email-logs-controls {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	#mainAppContent.executive-suite-shell #emailsView .emails-page-header #emailSearch,
	#mainAppContent.executive-suite-shell #emailsView .emails-page-header #emailStatusFilter,
	#mainAppContent.executive-suite-shell #emailsView .emails-page-header #emailAgentFilter {
		flex: 0 0 auto !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Executive Suite v46: Agents header/search and analytics parity. */
@media (min-width: 1121px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#agentsView:not(.hidden)) #appRoot {
		width: calc(100vw - 232px) !important;
		max-width: calc(100vw - 232px) !important;
		margin-left: 232px !important;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#agentsView:not(.hidden)) #appRoot {
		width: calc(100vw - var(--es-sidebar-collapsed-width, 76px)) !important;
		max-width: calc(100vw - var(--es-sidebar-collapsed-width, 76px)) !important;
		margin-left: var(--es-sidebar-collapsed-width, 76px) !important;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}
}

#mainAppContent.executive-suite-shell #agentsView:not(.hidden) {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	overflow-x: hidden !important;
}

@media (min-width: 1121px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #agentsView:not(.hidden) {
		width: calc(100vw - 232px - 44px) !important;
		max-width: calc(100vw - 232px - 44px) !important;
	}
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) {
		width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 32px) !important;
		max-width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 32px) !important;
	}
}

@media (min-width: 1121px) {
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden),
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-page-header,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) #agentsAnalyticsDashboard,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-analytics-dashboard,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-charts-row,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-filter-bar,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .table-wrapper {
		width: calc(100vw - 232px - 44px) !important;
		max-width: calc(100vw - 232px - 44px) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden),
	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) .agents-page-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) #agentsAnalyticsDashboard,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) .agents-analytics-dashboard,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) .analytics-charts-row,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) .agents-filter-bar,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) .table-wrapper {
		width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 32px) !important;
		max-width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 32px) !important;
	}
}

#mainAppContent.executive-suite-shell #agentsView .agents-page-header {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 0 !important;
	box-sizing: border-box !important;
	margin: 0 0 10px !important;
	padding: 13px 16px !important;
	overflow: visible !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 10px !important;
	background:
		radial-gradient(circle at 8% 0%, rgba(99, 102, 241, 0.14), transparent 210px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.012)),
		#101827 !important;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18) !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-title-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	padding: 0 !important;
	background: transparent !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-title-section {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
	line-height: 1 !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-title-icon {
	flex: 0 0 auto !important;
	color: #a78bfa !important;
	font-size: 18px !important;
	line-height: 1 !important;
	filter: drop-shadow(0 0 10px rgba(167, 139, 250, 0.24)) !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-title-section h2 {
	margin: 0 !important;
	color: #f7fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: clamp(18px, 1.06vw, 22px) !important;
	font-weight: 850 !important;
	letter-spacing: 0.065em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-page-header .lead-count-badge {
	flex: 0 0 auto !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	background: rgba(15, 23, 42, 0.72) !important;
	color: #c9d7ed !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-subtitle {
	max-width: 820px !important;
	margin: 8px 0 12px !important;
	color: #9fb0ce !important;
	font-size: 12px !important;
	line-height: 1.45 !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-search-row {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	padding: 0 !important;
	border: 0 !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-page-search {
	width: 100% !important;
	max-width: 460px !important;
	height: 36px !important;
	flex: 1 1 460px !important;
	min-width: 220px !important;
	margin: 0 !important;
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	border-radius: 9px !important;
	background: rgba(7, 12, 22, 0.72) !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-page-search svg {
	left: 13px !important;
	width: 16px !important;
	height: 16px !important;
	color: #8ea3c0 !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-page-search .filter-input-compact {
	width: 100% !important;
	height: 100% !important;
	padding: 0 12px 0 38px !important;
	border: 0 !important;
	background: transparent !important;
	color: #eaf1ff !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-search-row #clearAgentsSearch {
	height: 36px !important;
	min-height: 36px !important;
}

#mainAppContent.executive-suite-shell #agentsView #agentsAnalyticsDashboard,
#mainAppContent.executive-suite-shell #agentsView .agents-analytics-dashboard,
#mainAppContent.executive-suite-shell #agentsView .analytics-charts-row,
#mainAppContent.executive-suite-shell #agentsView .agents-filter-bar,
#mainAppContent.executive-suite-shell #agentsView .table-wrapper {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-analytics-dashboard.compact {
	margin: 0 0 10px !important;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-charts-row {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
	align-items: stretch !important;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-chart-panel {
	height: 244px !important;
	min-height: 244px !important;
	max-height: 244px !important;
	width: auto !important;
	min-width: 0 !important;
	padding: 10px 12px 12px !important;
	border-radius: 10px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-chart-panel .leads-insight-header {
	min-height: 24px !important;
	margin-bottom: 8px !important;
	padding-bottom: 7px !important;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-chart-bars,
#mainAppContent.executive-suite-shell #agentsView .leads-source-chart {
	height: calc(100% - 32px) !important;
	min-height: 0 !important;
	display: block !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-pro {
	height: 100% !important;
	min-height: 0 !important;
	display: grid !important;
	grid-template-rows: 42px minmax(0, 1fr) !important;
	gap: 4px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-primary {
	min-height: 42px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-areas:
		"copy share"
		"track track" !important;
	gap: 4px 10px !important;
	align-items: center !important;
	padding: 6px 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.16) !important;
	border-radius: 9px !important;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--source-color, #5b7cff) 14%, transparent), transparent 68%),
		rgba(8, 14, 25, 0.74) !important;
	cursor: pointer !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-copy {
	grid-area: copy !important;
	display: grid !important;
	gap: 1px !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-copy span,
#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-share span {
	color: #8ea3c0 !important;
	font-size: 8px !important;
	font-weight: 850 !important;
	letter-spacing: 0.07em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-copy strong {
	overflow: hidden !important;
	color: #f8fbff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-copy em {
	overflow: hidden !important;
	color: #8196b6 !important;
	font-size: 8px !important;
	font-style: normal !important;
	font-weight: 760 !important;
	line-height: 1.15 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-share {
	grid-area: share !important;
	display: grid !important;
	justify-items: end !important;
	gap: 1px !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-share strong {
	color: #f8fbff !important;
	font-size: 19px !important;
	font-weight: 900 !important;
	line-height: 0.95 !important;
	text-shadow: 0 0 16px color-mix(in srgb, var(--source-color, #5b7cff) 24%, transparent) !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-track {
	grid-area: track !important;
	height: 4px !important;
	overflow: hidden !important;
	border-radius: 999px !important;
	background: rgba(4, 8, 15, 0.78) !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-fill {
	height: 100% !important;
	border-radius: inherit !important;
	background: var(--source-color, #5b7cff) !important;
	box-shadow: 0 0 14px color-mix(in srgb, var(--source-color, #5b7cff) 26%, transparent) !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list,
#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-list {
	min-height: 0 !important;
	display: grid !important;
	grid-template-rows: repeat(5, minmax(20px, 1fr)) !important;
	gap: 2px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-pro {
	grid-template-rows: 42px minmax(0, 1fr) !important;
	gap: 4px !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-primary {
	min-height: 42px !important;
	padding: 6px 10px !important;
	border-radius: 9px !important;
}

#mainAppContent.executive-suite-shell #agentsView .lead-source-item {
	min-height: 0 !important;
	padding: 2px 7px !important;
	border-radius: 7px !important;
}

#mainAppContent.executive-suite-shell #agentsView .lead-source-head {
	min-height: 12px !important;
	margin-bottom: 1px !important;
	gap: 6px !important;
}

#mainAppContent.executive-suite-shell #agentsView .lead-source-track {
	height: 3px !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-filter-bar {
	margin: 0 0 10px !important;
	padding: 9px 10px !important;
	border-radius: 10px !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-filter-row {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

#mainAppContent.executive-suite-shell #agentsView .agents-metrics-inline {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-metric-inline,
#mainAppContent.executive-suite-shell #agentsView .leads-filter-tabs-inline {
	min-height: 32px !important;
	border-radius: 9px !important;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-metric-inline {
	padding: 0 11px !important;
}

#mainAppContent.executive-suite-shell #agentsView .analytics-metric-inline-value {
	font-size: 16px !important;
}

#mainAppContent.executive-suite-shell #agentsView .table-wrapper {
	margin: 0 !important;
	overflow: auto !important;
	border-radius: 10px !important;
}

#mainAppContent.executive-suite-shell #agentsView #agentsTable {
	width: 100% !important;
	min-width: 1120px !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

#mainAppContent.executive-suite-shell #agentsView #agentsTable th {
	height: 38px !important;
	padding: 10px 14px !important;
	background: rgba(13, 21, 36, 0.96) !important;
}

#mainAppContent.executive-suite-shell #agentsView #agentsTable td {
	height: 58px !important;
	padding: 11px 14px !important;
	background: rgba(9, 15, 27, 0.48) !important;
}

#mainAppContent.executive-suite-shell #agentsView #agentsTable tr:hover td {
	background: rgba(99, 102, 241, 0.075) !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-landing-actions,
#mainAppContent.executive-suite-shell #agentsView .agent-account-actions,
#mainAppContent.executive-suite-shell #agentsView .agent-profile-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

#mainAppContent.executive-suite-shell #agentsView .agent-action-btn {
	min-height: 30px !important;
	padding: 0 12px !important;
	border-radius: 8px !important;
	white-space: nowrap !important;
}

@media (max-width: 1280px) {
	#mainAppContent.executive-suite-shell #agentsView .analytics-charts-row {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .analytics-chart-panel {
		height: 244px !important;
		min-height: 244px !important;
	}
}

@media (max-width: 700px) {
	#mainAppContent.executive-suite-shell #agentsView .agents-page-header {
		padding: 12px !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agents-title-row,
	#mainAppContent.executive-suite-shell #agentsView .agents-search-row {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agents-page-search {
		flex: 0 0 auto !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Executive Suite v47: Agents lane viewport guard.
   Keep the page surfaces inside the visible shell after sidebar state changes. */
@media (min-width: 1121px) {
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) {
		box-sizing: border-box !important;
		width: calc(100vw - 232px - 44px) !important;
		max-width: calc(100vw - 232px - 44px) !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-page-header,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) #agentsAnalyticsDashboard,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-analytics-dashboard,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-charts-row,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-filter-bar,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .table-wrapper {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

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

/* Executive Suite v48: Agents page final shell fit.
   The app root uses content-box in older layers, so keep this page box-sized before
   fitting charts and table surfaces. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #appRoot {
		box-sizing: border-box !important;
		width: calc(100vw - var(--es-active-sidebar-width, 232px)) !important;
		max-width: calc(100vw - var(--es-active-sidebar-width, 232px)) !important;
		margin-left: var(--es-active-sidebar-width, 232px) !important;
		padding: 18px 22px 24px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden),
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agents-page-header,
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) #agentsAnalyticsDashboard,
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agents-analytics-dashboard,
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row,
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agents-filter-bar,
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .table-wrapper {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) {
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 901px) and (max-width: 1500px) {
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #appRoot {
		padding-right: 18px !important;
		padding-left: 18px !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row {
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-chart-panel {
		padding-right: 9px !important;
		padding-left: 9px !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) #agentsTable {
		min-width: 1040px !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) #agentsTable th,
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) #agentsTable td {
		padding-right: 12px !important;
		padding-left: 12px !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agent-action-btn {
		padding-right: 10px !important;
		padding-left: 10px !important;
		font-size: 11px !important;
	}
}

/* Executive Suite v50: Agents analytics breakpoint polish.
   Three leaderboard panels need a wider canvas than the Codex review pane gives
   them; use a 2+1 layout here instead of compressing the charts into clipping. */
@media (min-width: 901px) and (max-width: 1900px) {
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

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

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

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agents-closed-panel .agent-leaderboard-pro {
		grid-template-columns: minmax(210px, 0.7fr) minmax(0, 1.3fr) !important;
		grid-template-rows: minmax(0, 1fr) !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agents-closed-panel .agent-leaderboard-primary {
		min-height: 0 !important;
		align-content: center !important;
	}

	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .agents-closed-panel .agent-leaderboard-list {
		grid-template-columns: 1fr !important;
		grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 1901px) {
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

/* Executive Suite v51: Admin page parity with the unified dark CRM surfaces. */
@media (min-width: 1121px) {
	#mainAppContent.executive-suite-shell #adminView:not(.hidden),
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-page-header,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-content,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #adminStatsRow,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-section {
		box-sizing: border-box !important;
		width: calc(100vw - 232px - 44px) !important;
		max-width: calc(100vw - 232px - 44px) !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #adminView:not(.hidden),
	#mainAppContent.executive-suite-shell.sidebar-collapsed #adminView:not(.hidden) .admin-page-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #adminView:not(.hidden) .admin-content,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #adminView:not(.hidden) #adminStatsRow,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #adminView:not(.hidden) .admin-section {
		width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 32px) !important;
		max-width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 32px) !important;
	}
}

#mainAppContent.executive-suite-shell #adminView:not(.hidden) {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-page-header {
	display: block !important;
	min-height: 0 !important;
	margin: 0 0 10px !important;
	padding: 13px 16px !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 10px !important;
	background:
		radial-gradient(circle at 8% 0%, rgba(99, 102, 241, 0.14), transparent 210px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.012)),
		#101827 !important;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18) !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-title-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	padding: 0 !important;
	background: transparent !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-title-section {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
	line-height: 1 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-title-icon {
	flex: 0 0 auto !important;
	color: #a78bfa !important;
	font-size: 18px !important;
	line-height: 1 !important;
	filter: drop-shadow(0 0 10px rgba(167, 139, 250, 0.24)) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-title-section h2 {
	margin: 0 !important;
	color: #f7fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: clamp(18px, 1.06vw, 22px) !important;
	font-weight: 850 !important;
	letter-spacing: 0.065em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-page-header .lead-count-badge {
	flex: 0 0 auto !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	background: rgba(15, 23, 42, 0.72) !important;
	color: #c9d7ed !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-subtitle {
	max-width: 860px !important;
	margin: 8px 0 12px !important;
	color: #9fb0ce !important;
	font-size: 12px !important;
	line-height: 1.45 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-search-row {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	padding: 0 !important;
	border: 0 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-page-search {
	position: relative !important;
	width: 100% !important;
	max-width: 460px !important;
	height: 36px !important;
	flex: 1 1 460px !important;
	min-width: 220px !important;
	margin: 0 !important;
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	border-radius: 9px !important;
	background: rgba(7, 12, 22, 0.72) !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-page-search svg {
	left: 13px !important;
	width: 16px !important;
	height: 16px !important;
	color: #8ea3c0 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-page-search .filter-input-compact {
	width: 100% !important;
	height: 100% !important;
	padding: 0 12px 0 38px !important;
	border: 0 !important;
	background: transparent !important;
	color: #eaf1ff !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-page-search .filter-input-compact::placeholder,
#mainAppContent.executive-suite-shell #adminView .audit-search-input::placeholder {
	color: #6f819e !important;
	opacity: 1 !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 #adminView .admin-search-row #clearUsersSearch,
#mainAppContent.executive-suite-shell #adminView .admin-search-row #addUserBtn {
	height: 36px !important;
	min-height: 36px !important;
	border-radius: 9px !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-search-row #addUserBtn {
	padding: 0 16px !important;
	box-shadow: 0 12px 26px rgba(79, 111, 255, 0.22) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-content {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

#mainAppContent.executive-suite-shell #adminView #adminStatsRow {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	gap: 10px !important;
	margin: 0 0 10px !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-stat-card {
	min-width: 0 !important;
	min-height: 92px !important;
	padding: 12px 14px !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.012)),
		rgba(16, 24, 39, 0.88) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16) !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-stat-card--users {
	border-color: rgba(129, 140, 248, 0.24) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-stat-card--audit,
#mainAppContent.executive-suite-shell #adminView .admin-stat-card--signin {
	border-color: rgba(34, 197, 94, 0.2) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-stat-head {
	display: flex !important;
	align-items: center !important;
	gap: 7px !important;
	margin: 0 0 7px !important;
}

#mainAppContent.executive-suite-shell #adminView .stat-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 22px !important;
	height: 22px !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 8px !important;
	background: rgba(99, 102, 241, 0.1) !important;
	color: #b8c7f9 !important;
	font-size: 12px !important;
}

#mainAppContent.executive-suite-shell #adminView .stat-label {
	overflow: hidden !important;
	color: #9fb4d4 !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	letter-spacing: 0.08em !important;
	line-height: 1.15 !important;
	text-transform: uppercase !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .stat-value {
	margin: 0 !important;
	color: #f7fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: clamp(22px, 1.6vw, 30px) !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	text-align: right !important;
}

#mainAppContent.executive-suite-shell #adminView .stat-sub {
	margin-top: 7px !important;
	overflow: hidden !important;
	color: #7f91ad !important;
	font-size: 10px !important;
	font-weight: 760 !important;
	line-height: 1.35 !important;
	text-overflow: ellipsis !important;
}

#mainAppContent.executive-suite-shell #adminView .stat-chip-row {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
}

#mainAppContent.executive-suite-shell #adminView .stat-role-chip {
	min-height: 22px !important;
	padding: 0 8px !important;
	border-radius: 999px !important;
	cursor: pointer !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
}

#mainAppContent.executive-suite-shell #adminView .stat-role-chip.is-active {
	border-color: rgba(96, 165, 250, 0.64) !important;
	box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.25), 0 0 18px rgba(96, 165, 250, 0.16) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-stat-actions {
	margin-top: 8px !important;
}

#mainAppContent.executive-suite-shell #adminView .landing-advanced-link {
	height: 28px !important;
	min-height: 28px !important;
	padding: 0 10px !important;
	border-radius: 8px !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-section {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	border: 1px solid rgba(126, 148, 184, 0.19) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
		rgba(12, 18, 31, 0.92) !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18) !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: 12px !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 10px 14px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.16) !important;
	background: rgba(16, 24, 39, 0.72) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-section .section-header h2 {
	margin: 0 !important;
	color: #f7fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.08em !important;
	line-height: 1.15 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-section-subtitle {
	margin: 3px 0 0 !important;
	color: #7f91ad !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-users-section .section-header h2,
#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header h2 {
	font-size: 0 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-users-section .section-header h2::after {
	content: "USER MANAGEMENT" !important;
	font-size: 12px !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header h2::after {
	content: "AUDIT LOG" !important;
	font-size: 12px !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-users-section .section-header > div[style*="display: flex"] {
	display: none !important;
}

#mainAppContent.executive-suite-shell #adminView .users-table-wrapper,
#mainAppContent.executive-suite-shell #adminView .audit-log-wrapper {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: auto !important;
	background: rgba(7, 12, 22, 0.4) !important;
}

#mainAppContent.executive-suite-shell #adminView .users-table-wrapper {
	max-height: none !important;
}

#mainAppContent.executive-suite-shell #adminView #usersTable {
	width: 100% !important;
	min-width: 1080px !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

#mainAppContent.executive-suite-shell #adminView #usersTable thead {
	position: sticky !important;
	top: 0 !important;
	z-index: 2 !important;
}

#mainAppContent.executive-suite-shell #adminView #usersTable th {
	height: 38px !important;
	padding: 10px 14px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.17) !important;
	background: rgba(13, 21, 36, 0.96) !important;
	color: #8fb0dc !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: 0.08em !important;
	line-height: 1 !important;
	text-align: left !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView #usersTable td {
	height: 56px !important;
	padding: 10px 14px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.13) !important;
	background: rgba(9, 15, 27, 0.5) !important;
	color: #e8f0ff !important;
	font-size: 12px !important;
	font-weight: 760 !important;
	line-height: 1.25 !important;
	vertical-align: middle !important;
}

#mainAppContent.executive-suite-shell #adminView #usersTable tbody tr:hover td {
	background: rgba(99, 102, 241, 0.075) !important;
}

#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(2),
#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(5),
#mainAppContent.executive-suite-shell #adminView #usersTable td:nth-child(6) {
	color: #9fb4d4 !important;
	font-family: var(--es-mono-font, ui-monospace, SFMono-Regular, Menlo, monospace) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
}

#mainAppContent.executive-suite-shell #adminView .role-badge,
#mainAppContent.executive-suite-shell #adminView .user-status,
#mainAppContent.executive-suite-shell #adminView .audit-action-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 22px !important;
	padding: 0 8px !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 999px !important;
	background: rgba(22, 31, 51, 0.76) !important;
	color: #d6e3f8 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .role-manager,
#mainAppContent.executive-suite-shell #adminView .role-super_user {
	border-color: rgba(167, 139, 250, 0.34) !important;
	background: rgba(99, 102, 241, 0.14) !important;
	color: #c7d2fe !important;
}

#mainAppContent.executive-suite-shell #adminView .role-agent,
#mainAppContent.executive-suite-shell #adminView .user-status.active {
	border-color: rgba(34, 197, 94, 0.32) !important;
	background: rgba(22, 163, 74, 0.13) !important;
	color: #a7f3d0 !important;
}

#mainAppContent.executive-suite-shell #adminView .user-status.inactive,
#mainAppContent.executive-suite-shell #adminView .user-status.suspended {
	border-color: rgba(248, 113, 113, 0.32) !important;
	background: rgba(127, 29, 29, 0.18) !important;
	color: #fecaca !important;
}

#mainAppContent.executive-suite-shell #adminView .user-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 7px !important;
}

#mainAppContent.executive-suite-shell #adminView .user-actions .c-button {
	min-height: 30px !important;
	padding: 0 10px !important;
	border-radius: 8px !important;
	font-size: 11px !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-filters {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-search-input,
#mainAppContent.executive-suite-shell #adminView #auditFilter {
	height: 34px !important;
	min-height: 34px !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 8px !important;
	background: rgba(7, 12, 22, 0.72) !important;
	color: #eaf1ff !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-search-input {
	width: min(280px, 34vw) !important;
	padding: 0 12px !important;
}

#mainAppContent.executive-suite-shell #adminView #auditFilter {
	width: 150px !important;
	padding: 0 34px 0 11px !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-log {
	display: grid !important;
	gap: 0 !important;
	min-height: 0 !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-entry {
	display: grid !important;
	grid-template-columns: 34px minmax(0, 1fr) auto !important;
	gap: 10px !important;
	align-items: center !important;
	min-height: 58px !important;
	padding: 9px 14px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.13) !important;
	background: rgba(9, 15, 27, 0.5) !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-entry:hover {
	background: rgba(99, 102, 241, 0.075) !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 30px !important;
	height: 30px !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 9px !important;
	background: rgba(99, 102, 241, 0.1) !important;
	color: #c7d2fe !important;
	font-size: 13px !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-content {
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-action {
	overflow: hidden !important;
	color: #e8f0ff !important;
	font-size: 12px !important;
	font-weight: 820 !important;
	line-height: 1.25 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-details {
	margin-top: 4px !important;
	overflow: hidden !important;
	color: #8ea3c0 !important;
	font-family: var(--es-mono-font, ui-monospace, SFMono-Regular, Menlo, monospace) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-timestamp {
	color: #9fb4d4 !important;
	font-family: var(--es-mono-font, ui-monospace, SFMono-Regular, Menlo, monospace) !important;
	font-size: 11px !important;
	font-weight: 760 !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-pagination {
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	min-height: 44px !important;
	padding: 8px 12px !important;
	border-top: 1px solid rgba(126, 148, 184, 0.14) !important;
	background: rgba(16, 24, 39, 0.72) !important;
	color: #9fb4d4 !important;
}

#mainAppContent.executive-suite-shell #adminView .pagination-info {
	color: #9fb4d4 !important;
	font-size: 12px !important;
	font-weight: 760 !important;
}

#mainAppContent.executive-suite-shell #adminView .pagination-nav {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
}

#mainAppContent.executive-suite-shell #adminView .pagination-nav-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 30px !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 8px !important;
	background: rgba(7, 12, 22, 0.72) !important;
	color: #dbe7fb !important;
}

#mainAppContent.executive-suite-shell #adminView .pagination-nav-btn:disabled {
	opacity: 0.45 !important;
	cursor: not-allowed !important;
}

@media (min-width: 901px) and (max-width: 1500px) {
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #appRoot {
		padding-right: 18px !important;
		padding-left: 18px !important;
	}

	#mainAppContent.executive-suite-shell #adminView #adminStatsRow {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-stat-card--roles,
	#mainAppContent.executive-suite-shell #adminView .admin-stat-card--landing {
		grid-column: span 2 !important;
	}
}

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell #adminView .admin-page-header,
	#mainAppContent.executive-suite-shell #adminView .admin-content,
	#mainAppContent.executive-suite-shell #adminView #adminStatsRow,
	#mainAppContent.executive-suite-shell #adminView .admin-section {
		width: 100% !important;
		max-width: 100% !important;
	}

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

@media (max-width: 700px) {
	#mainAppContent.executive-suite-shell #adminView .admin-page-header {
		padding: 12px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-title-row,
	#mainAppContent.executive-suite-shell #adminView .admin-search-row,
	#mainAppContent.executive-suite-shell #adminView .admin-section .section-header {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-page-search,
	#mainAppContent.executive-suite-shell #adminView .audit-search-input,
	#mainAppContent.executive-suite-shell #adminView #auditFilter {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
	}

	#mainAppContent.executive-suite-shell #adminView #adminStatsRow {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-stat-card--roles,
	#mainAppContent.executive-suite-shell #adminView .admin-stat-card--landing {
		grid-column: auto !important;
	}

	#mainAppContent.executive-suite-shell #adminView .audit-entry {
		grid-template-columns: 30px minmax(0, 1fr) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .audit-timestamp {
		grid-column: 2 !important;
		justify-self: start !important;
	}
}

/* Executive Suite v52: Admin insights row uses the same three-panel rhythm as the other executive pages. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #appRoot {
		box-sizing: border-box !important;
		width: calc(100vw - var(--es-active-sidebar-width, 232px)) !important;
		max-width: calc(100vw - var(--es-active-sidebar-width, 232px)) !important;
		margin-left: var(--es-active-sidebar-width, 232px) !important;
		padding: 18px 22px 24px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #adminView:not(.hidden),
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #adminView:not(.hidden) .admin-page-header,
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #adminView:not(.hidden) .admin-content,
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #adminView:not(.hidden) #adminStatsRow,
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #adminView:not(.hidden) .admin-section {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

#mainAppContent.executive-suite-shell #adminView #adminStatsRow {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	align-items: stretch !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-panel {
	position: relative !important;
	display: grid !important;
	grid-template-rows: auto 50px auto auto !important;
	gap: 5px !important;
	min-width: 0 !important;
	min-height: 236px !important;
	max-height: 236px !important;
	padding: 10px 12px 12px !important;
	overflow: hidden !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 10px !important;
	background:
		radial-gradient(circle at 12% 0%, rgba(99, 102, 241, 0.12), transparent 230px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.008)),
		#101827 !important;
	box-shadow:
		0 14px 36px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-panel::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 0 auto !important;
	height: 2px !important;
	border-radius: 10px 10px 0 0 !important;
	background: linear-gradient(90deg, rgba(100, 114, 255, 0.74), rgba(35, 183, 229, 0.24), transparent) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-roles-panel::before {
	background: linear-gradient(90deg, rgba(167, 139, 250, 0.74), rgba(96, 165, 250, 0.22), transparent) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-audit-panel::before {
	background: linear-gradient(90deg, rgba(35, 211, 125, 0.74), rgba(35, 183, 229, 0.2), transparent) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-header {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	min-height: 25px !important;
	padding-bottom: 7px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.15) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-header h3 {
	margin: 0 !important;
	color: #edf4ff !important;
	font-family: var(--es-display-font) !important;
	font-size: 10.5px !important;
	font-weight: 900 !important;
	letter-spacing: 0.085em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-header span {
	color: #7f91ad !important;
	font-size: 9px !important;
	font-weight: 850 !important;
	letter-spacing: 0.055em !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-primary {
	display: grid !important;
	align-items: center !important;
	min-height: 50px !important;
	padding: 7px 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.12) !important;
	border-radius: 9px !important;
	background:
		linear-gradient(90deg, rgba(99, 102, 241, 0.13), rgba(8, 14, 25, 0.2)),
		rgba(7, 12, 22, 0.72) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-primary div {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-areas:
		"label value"
		"caption value" !important;
	gap: 2px 12px !important;
	align-items: center !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-primary span {
	grid-area: label !important;
	overflow: hidden !important;
	color: #9fb4d4 !important;
	font-size: 9px !important;
	font-weight: 900 !important;
	letter-spacing: 0.08em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-primary strong {
	grid-area: value !important;
	justify-self: end !important;
	color: #f8fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: clamp(22px, 1.7vw, 30px) !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
	line-height: 0.96 !important;
	text-align: right !important;
	text-transform: none !important;
	text-shadow: 0 0 18px rgba(96, 165, 250, 0.16) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-roles-panel .admin-insight-primary strong {
	max-width: 160px !important;
	overflow: hidden !important;
	font-size: clamp(17px, 1.28vw, 23px) !important;
	text-overflow: ellipsis !important;
	text-transform: capitalize !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-primary em {
	grid-area: caption !important;
	overflow: hidden !important;
	color: #7f91ad !important;
	font-size: 9px !important;
	font-style: normal !important;
	font-weight: 760 !important;
	line-height: 1.2 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-list {
	display: grid !important;
	gap: 4px !important;
	align-content: start !important;
	min-height: 0 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-row {
	display: grid !important;
	grid-template-columns: 118px minmax(72px, 1fr) auto !important;
	align-items: center !important;
	gap: 10px !important;
	min-height: 23px !important;
	padding: 4px 8px !important;
	border: 1px solid rgba(126, 148, 184, 0.09) !important;
	border-radius: 8px !important;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--row-color, #60a5fa) 10%, transparent), transparent 74%),
		rgba(7, 12, 22, 0.45) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-row > span {
	overflow: hidden !important;
	color: #9fb4d4 !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	letter-spacing: 0.055em !important;
	text-transform: uppercase !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-row > strong {
	color: #eaf1ff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-align: right !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-track {
	height: 4px !important;
	overflow: hidden !important;
	border-radius: 999px !important;
	background: rgba(4, 8, 15, 0.76) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-insight-track i {
	display: block !important;
	width: var(--row-pct, 0%) !important;
	height: 100% !important;
	border-radius: inherit !important;
	background: var(--row-color, #60a5fa) !important;
	box-shadow: 0 0 14px color-mix(in srgb, var(--row-color, #60a5fa) 28%, transparent) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-roles-panel .stat-chip-row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 6px !important;
	align-content: start !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-roles-panel .stat-role-chip {
	width: 100% !important;
	justify-content: flex-start !important;
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-audit-panel .stat-sub {
	margin: 1px 0 0 !important;
	overflow: hidden !important;
	font-size: 9px !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-audit-panel .admin-stat-actions {
	margin-top: 2px !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-audit-panel .landing-advanced-link {
	height: 26px !important;
	min-height: 26px !important;
}

@media (max-width: 1280px) {
	#mainAppContent.executive-suite-shell #adminView #adminStatsRow {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-panel {
		min-height: 210px !important;
		max-height: none !important;
	}
}

@media (max-width: 700px) {
	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary div,
	#mainAppContent.executive-suite-shell #adminView .admin-insight-row {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary span,
	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary strong,
	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary em,
	#mainAppContent.executive-suite-shell #adminView .admin-insight-row > strong {
		justify-self: start !important;
		text-align: left !important;
	}
}

/* Executive Suite v53: Admin access charts and dedicated Analytics route. */
#mainAppContent.executive-suite-shell #adminView:not(.hidden),
#mainAppContent.executive-suite-shell #analyticsView:not(.hidden) {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #analyticsView:not(.hidden) .analytics-page-header,
#mainAppContent.executive-suite-shell #analyticsView:not(.hidden) .analytics-content,
#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-page-header,
#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-content,
#mainAppContent.executive-suite-shell #adminView:not(.hidden) #adminStatsRow,
#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-page-header {
	display: block !important;
	margin: 0 0 10px !important;
	padding: 14px 16px 16px !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 10px !important;
	background:
		radial-gradient(circle at 10% 0%, rgba(96, 165, 250, 0.13), transparent 260px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
		#111927 !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-title-row,
#mainAppContent.executive-suite-shell #analyticsView .analytics-title-section {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-title-section h2 {
	margin: 0 !important;
	color: #f8fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: 20px !important;
	font-weight: 900 !important;
	letter-spacing: 0.03em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-title-icon {
	font-size: 15px !important;
	line-height: 1 !important;
	opacity: 0.92 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-subtitle {
	margin: 12px 0 0 !important;
	color: #9fc0f8 !important;
	font-size: 14px !important;
	font-weight: 650 !important;
	line-height: 1.35 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-insights-row {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
	margin: 0 0 10px !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-panel,
#mainAppContent.executive-suite-shell #adminView .admin-insight-panel {
	position: relative !important;
	display: grid !important;
	grid-template-rows: auto 50px minmax(0, 1fr) !important;
	gap: 7px !important;
	min-width: 0 !important;
	height: 236px !important;
	min-height: 236px !important;
	max-height: 236px !important;
	padding: 10px 12px 12px !important;
	overflow: hidden !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 10px !important;
	background:
		radial-gradient(circle at 12% 0%, rgba(99, 102, 241, 0.12), transparent 230px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.008)),
		#101827 !important;
	box-shadow:
		0 14px 36px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-panel::before,
#mainAppContent.executive-suite-shell #adminView .admin-insight-panel::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 0 auto !important;
	height: 2px !important;
	border-radius: 10px 10px 0 0 !important;
	background: linear-gradient(90deg, rgba(96, 165, 250, 0.8), rgba(35, 183, 229, 0.2), transparent) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-roles-panel::before,
#mainAppContent.executive-suite-shell #analyticsView .analytics-funnel-panel::before {
	background: linear-gradient(90deg, rgba(167, 139, 250, 0.78), rgba(96, 165, 250, 0.22), transparent) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-audit-panel::before,
#mainAppContent.executive-suite-shell #analyticsView .analytics-agent-panel::before {
	background: linear-gradient(90deg, rgba(35, 211, 125, 0.78), rgba(35, 183, 229, 0.2), transparent) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-list,
#mainAppContent.executive-suite-shell #adminView .admin-insight-list {
	display: grid !important;
	gap: 4px !important;
	align-content: start !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-chart-row,
#mainAppContent.executive-suite-shell #adminView .admin-chart-row {
	appearance: none !important;
	width: 100% !important;
	border: 1px solid rgba(126, 148, 184, 0.09) !important;
	font: inherit !important;
	text-align: left !important;
	cursor: default !important;
}

#mainAppContent.executive-suite-shell #adminView button.admin-chart-row {
	cursor: pointer !important;
}

#mainAppContent.executive-suite-shell #adminView button.admin-chart-row:hover {
	border-color: color-mix(in srgb, var(--row-color, #60a5fa) 45%, rgba(126, 148, 184, 0.18)) !important;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--row-color, #60a5fa) 16%, transparent), transparent 74%),
		rgba(9, 16, 29, 0.74) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-chart-row.is-active {
	outline: 1px solid color-mix(in srgb, var(--row-color, #60a5fa) 60%, transparent) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--row-color, #60a5fa) 13%, transparent) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-empty-chart,
#mainAppContent.executive-suite-shell #adminView .admin-empty-chart {
	display: grid !important;
	place-items: center !important;
	min-height: 92px !important;
	border: 1px dashed rgba(126, 148, 184, 0.18) !important;
	border-radius: 8px !important;
	color: #7f91ad !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-operations-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1.38fr) minmax(360px, 0.82fr) !important;
	gap: 10px !important;
	align-items: stretch !important;
	margin-top: 10px !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-users-section,
#mainAppContent.executive-suite-shell #adminView .admin-audit-section {
	display: flex !important;
	flex-direction: column !important;
	height: min(42vh, 440px) !important;
	min-height: 360px !important;
	margin: 0 !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-section .section-header {
	flex: 0 0 auto !important;
	min-height: 45px !important;
}

#mainAppContent.executive-suite-shell #adminView .users-table-wrapper,
#mainAppContent.executive-suite-shell #adminView .audit-log-wrapper {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	overflow: auto !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-pagination {
	flex: 0 0 auto !important;
	min-height: 44px !important;
	border-top: 1px solid rgba(126, 148, 184, 0.14) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-users-section .section-header > div[style*="display: flex"] {
	display: none !important;
}

#mainAppContent.executive-suite-shell #adminView #usersTable {
	min-width: 920px !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-notes-panel {
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)),
		#101827 !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2) !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-notes-panel .section-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	min-height: 45px !important;
	padding: 10px 12px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.14) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-notes-panel h2 {
	margin: 0 !important;
	color: #f8fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.07em !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-notes-list {
	display: grid !important;
	gap: 8px !important;
	padding: 12px !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-notes-list span {
	display: block !important;
	padding: 9px 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.12) !important;
	border-radius: 8px !important;
	color: #afc4e6 !important;
	background: rgba(7, 12, 22, 0.55) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-loading {
	display: grid !important;
	place-items: center !important;
	min-height: 180px !important;
	border: 1px dashed rgba(126, 148, 184, 0.2) !important;
	border-radius: 10px !important;
	color: #9fb4d4 !important;
	font-weight: 800 !important;
}

@media (max-width: 1280px) {
	#mainAppContent.executive-suite-shell #analyticsView .analytics-insights-row,
	#mainAppContent.executive-suite-shell #adminView #adminStatsRow,
	#mainAppContent.executive-suite-shell #adminView .admin-operations-grid {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .admin-insight-panel,
	#mainAppContent.executive-suite-shell #adminView .admin-insight-panel {
		height: auto !important;
		max-height: none !important;
	}
}

@media (max-width: 700px) {
	#mainAppContent.executive-suite-shell #analyticsView .analytics-page-header,
	#mainAppContent.executive-suite-shell #adminView .admin-page-header {
		padding: 12px !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-title-row,
	#mainAppContent.executive-suite-shell #adminView .admin-search-row,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-notes-panel .section-header {
		align-items: stretch !important;
		flex-direction: column !important;
	}
}

/* Executive Suite v55: Admin activity charts and full-height management lists. */
#mainAppContent.executive-suite-shell #adminView #adminStatsRow {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-activity-panel::before {
	background: linear-gradient(90deg, rgba(34, 197, 94, 0.82), rgba(56, 189, 248, 0.28), transparent) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-activity-panel .admin-insight-primary {
	background:
		linear-gradient(90deg, rgba(34, 197, 94, 0.12), rgba(8, 14, 25, 0.16)),
		rgba(7, 12, 22, 0.76) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-audit-section {
	border-color: rgba(148, 163, 184, 0.22) !important;
	background:
		linear-gradient(180deg, rgba(148, 163, 184, 0.055), rgba(148, 163, 184, 0.015)),
		#101620 !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header {
	background:
		linear-gradient(180deg, rgba(148, 163, 184, 0.065), rgba(148, 163, 184, 0.018)),
		rgba(12, 17, 26, 0.82) !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-log-wrapper {
	background:
		linear-gradient(180deg, rgba(148, 163, 184, 0.035), rgba(9, 13, 20, 0.02)),
		#0d121b !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-audit-section .audit-entry {
	background:
		linear-gradient(90deg, rgba(148, 163, 184, 0.035), transparent 64%),
		rgba(8, 12, 20, 0.62) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-audit-section .audit-entry:nth-child(even) {
	background:
		linear-gradient(90deg, rgba(148, 163, 184, 0.045), transparent 64%),
		rgba(12, 16, 24, 0.66) !important;
}

@media (min-width: 1281px) {
	#mainAppContent.executive-suite-shell #adminView .admin-operations-grid {
		grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) !important;
		height: clamp(560px, calc(100vh - 472px), 780px) !important;
		min-height: 560px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-users-section,
	#mainAppContent.executive-suite-shell #adminView .admin-audit-section {
		height: 100% !important;
		min-height: 0 !important;
		max-height: none !important;
	}
}

@media (min-width: 1281px) {
	#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header {
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 12px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header h2,
	#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header h2::after {
		min-width: max-content !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header > div[style*="display: flex"] {
		display: grid !important;
		grid-template-columns: minmax(150px, 1fr) minmax(112px, 140px) !important;
		justify-content: end !important;
		gap: 10px !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header input,
	#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header select {
		width: 100% !important;
		min-width: 0 !important;
	}
}

@media (max-width: 1280px) {
	#mainAppContent.executive-suite-shell #adminView #adminStatsRow,
	#mainAppContent.executive-suite-shell #adminView .admin-operations-grid {
		grid-template-columns: 1fr !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-operations-grid,
	#mainAppContent.executive-suite-shell #adminView .admin-users-section,
	#mainAppContent.executive-suite-shell #adminView .admin-audit-section {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}
}

/* Executive Suite v56: manager analytics and profile modal polish. */
#mainAppContent.executive-suite-shell #analyticsView {
	color: #eaf1ff !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-content {
	display: grid !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-page-header {
	min-height: 128px !important;
	padding: 16px !important;
	background:
		radial-gradient(circle at 0% 0%, rgba(96, 165, 250, 0.1), transparent 240px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.012)),
		#121a2a !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-subtitle {
	max-width: 760px !important;
}

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

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-header h3,
#mainAppContent.executive-suite-shell #adminView .admin-insight-header h3 {
	margin: 0 !important;
	color: #f8fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.075em !important;
	line-height: 1.1 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-header span,
#mainAppContent.executive-suite-shell #adminView .admin-insight-header span {
	color: #8facd9 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-primary,
#mainAppContent.executive-suite-shell #adminView .admin-insight-primary {
	display: flex !important;
	align-items: center !important;
	min-width: 0 !important;
	padding: 9px 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.11) !important;
	border-radius: 8px !important;
	background:
		linear-gradient(90deg, rgba(99, 102, 241, 0.11), rgba(8, 14, 25, 0.18)),
		rgba(7, 12, 22, 0.78) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-primary > div,
#mainAppContent.executive-suite-shell #adminView .admin-insight-primary > div {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 1px 10px !important;
	width: 100% !important;
	min-width: 0 !important;
	align-items: end !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-primary span,
#mainAppContent.executive-suite-shell #adminView .admin-insight-primary span {
	color: #9eb9e4 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: 0.075em !important;
	line-height: 1.1 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-primary strong,
#mainAppContent.executive-suite-shell #adminView .admin-insight-primary strong {
	grid-column: 2 !important;
	grid-row: 1 / span 2 !important;
	align-self: center !important;
	color: #f8fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: 24px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-align: right !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-primary em,
#mainAppContent.executive-suite-shell #adminView .admin-insight-primary em {
	grid-column: 1 !important;
	color: #7ea3d5 !important;
	font-size: 10px !important;
	font-style: normal !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-chart-row,
#mainAppContent.executive-suite-shell #adminView .admin-chart-row {
	display: grid !important;
	grid-template-columns: minmax(108px, 0.72fr) minmax(70px, 1fr) minmax(52px, auto) !important;
	grid-template-rows: auto auto !important;
	align-items: center !important;
	gap: 0 8px !important;
	min-height: 27px !important;
	padding: 5px 8px !important;
	border-radius: 8px !important;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--row-color, #60a5fa) 11%, transparent), transparent 76%),
		rgba(8, 13, 24, 0.58) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-chart-row > span,
#mainAppContent.executive-suite-shell #adminView .admin-chart-row > span {
	color: #a9bfdf !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: 0.035em !important;
	line-height: 1 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-chart-row > strong,
#mainAppContent.executive-suite-shell #adminView .admin-chart-row > strong {
	color: #f4f8ff !important;
	font-size: 12px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
	text-align: right !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-chart-row > small {
	grid-column: 1 / -1 !important;
	color: #7894bf !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	letter-spacing: 0.035em !important;
	line-height: 1.1 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-track,
#mainAppContent.executive-suite-shell #adminView .admin-insight-track {
	position: relative !important;
	height: 4px !important;
	border-radius: 999px !important;
	overflow: hidden !important;
	background: rgba(3, 8, 16, 0.82) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-track i,
#mainAppContent.executive-suite-shell #adminView .admin-insight-track i {
	display: block !important;
	width: var(--row-pct, 0%) !important;
	height: 100% !important;
	border-radius: inherit !important;
	background: linear-gradient(90deg, var(--row-color, #60a5fa), color-mix(in srgb, var(--row-color, #60a5fa) 56%, #ffffff)) !important;
	box-shadow: 0 0 10px color-mix(in srgb, var(--row-color, #60a5fa) 34%, transparent) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-traffic-panel::before {
	background: linear-gradient(90deg, rgba(56, 189, 248, 0.82), rgba(96, 165, 250, 0.24), transparent) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-ops-panel {
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(180deg, rgba(148, 163, 184, 0.045), rgba(148, 163, 184, 0.012)),
		#101620 !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2) !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-ops-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	min-height: 48px !important;
	padding: 10px 12px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.14) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-ops-header h3 {
	margin: 0 !important;
	color: #f8fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.07em !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-ops-header span {
	display: block !important;
	margin-top: 3px !important;
	color: #819bc0 !important;
	font-size: 11px !important;
	font-weight: 750 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-notes-list {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	padding: 10px 12px !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-notes-list span {
	min-height: 34px !important;
	color: #afc4e6 !important;
	background:
		linear-gradient(90deg, rgba(96, 165, 250, 0.07), transparent 68%),
		rgba(7, 12, 22, 0.62) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal.modal {
	background: rgba(3, 8, 17, 0.78) !important;
	backdrop-filter: blur(12px) saturate(125%) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-settings-modal {
	display: flex !important;
	flex-direction: column !important;
	width: min(980px, calc(100vw - 32px)) !important;
	max-width: min(980px, calc(100vw - 32px)) !important;
	max-height: min(88vh, 900px) !important;
	border: 1px solid rgba(126, 148, 184, 0.26) !important;
	border-radius: 12px !important;
	background:
		radial-gradient(circle at 12% 0%, rgba(96, 165, 250, 0.12), transparent 260px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
		#111927 !important;
	box-shadow: 0 28px 90px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
	color: #eaf1ff !important;
	overflow: hidden !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-modal-header {
	flex: 0 0 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	padding: 16px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.16) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
		rgba(15, 23, 38, 0.92) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-header-content {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	min-width: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-header-avatar,
body:has(#mainAppContent.executive-suite-shell) #profileModal .headshot-preview {
	display: grid !important;
	place-items: center !important;
	width: 52px !important;
	height: 52px !important;
	border: 1px solid rgba(96, 165, 250, 0.34) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(135deg, rgba(96, 165, 250, 0.28), rgba(35, 211, 125, 0.12)),
		#0a1220 !important;
	box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.08), 0 12px 28px rgba(0, 0, 0, 0.24) !important;
	color: #dbeafe !important;
	overflow: hidden !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-header-avatar img,
body:has(#mainAppContent.executive-suite-shell) #profileModal .headshot-preview img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-header-info h3 {
	margin: 0 !important;
	color: #f8fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: 18px !important;
	font-weight: 950 !important;
	letter-spacing: 0.03em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-header-email {
	display: block !important;
	margin-top: 4px !important;
	color: #9db8df !important;
	font-size: 12px !important;
	font-weight: 750 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .icon-btn {
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	border-radius: 10px !important;
	background: rgba(7, 12, 22, 0.72) !important;
	color: #c9d7ec !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-modal-body {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	padding: 14px !important;
	overflow: auto !important;
	background: #0b111d !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-two-col {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
	gap: 12px !important;
	align-items: start !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section {
	margin: 0 0 12px !important;
	padding: 12px !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)),
		#111927 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section-header {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding-bottom: 9px !important;
	margin-bottom: 10px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.13) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section-header h4 {
	margin: 0 !important;
	color: #f8fbff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section-content,
body:has(#mainAppContent.executive-suite-shell) #profileModal .field {
	display: grid !important;
	gap: 7px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .field {
	margin-bottom: 11px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal label {
	color: #aec3e2 !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	letter-spacing: 0.03em !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal input,
body:has(#mainAppContent.executive-suite-shell) #profileModal textarea,
body:has(#mainAppContent.executive-suite-shell) #profileModal select {
	width: 100% !important;
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	border-radius: 9px !important;
	background: rgba(5, 10, 18, 0.86) !important;
	color: #eef5ff !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal input:focus,
body:has(#mainAppContent.executive-suite-shell) #profileModal textarea:focus,
body:has(#mainAppContent.executive-suite-shell) #profileModal select:focus {
	border-color: rgba(96, 165, 250, 0.62) !important;
	box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.16) !important;
	outline: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal small,
body:has(#mainAppContent.executive-suite-shell) #profileModal .toggle-hint {
	color: #7894bc !important;
	font-size: 11px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .modal-footer {
	flex: 0 0 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	padding: 12px 14px !important;
	border-top: 1px solid rgba(126, 148, 184, 0.16) !important;
	background: rgba(15, 23, 38, 0.94) !important;
}

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

@media (max-width: 860px) {
	body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-two-col {
		grid-template-columns: 1fr !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-settings-modal {
		width: calc(100vw - 20px) !important;
		max-height: calc(100vh - 20px) !important;
	}
}

/* Executive Suite v57: local audit review, analytics containment, and profile interior cleanup. */
#mainAppContent.executive-suite-shell #analyticsView .analytics-content,
#mainAppContent.executive-suite-shell #analyticsView .analytics-insights-row {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-insights-row {
	align-items: stretch !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-panel {
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-panel *,
#mainAppContent.executive-suite-shell #adminView .admin-insight-panel * {
	box-sizing: border-box !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal,
body:has(#mainAppContent.executive-suite-shell) #profileModal * {
	box-sizing: border-box !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-settings-modal,
body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-modal-body,
body:has(#mainAppContent.executive-suite-shell) #profileModal #profileForm,
body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-two-col,
body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-col {
	color: #eaf1ff !important;
	background: transparent !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-settings-modal {
	background:
		radial-gradient(circle at 16% 0%, rgba(96, 165, 250, 0.12), transparent 260px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
		#101827 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-modal-body {
	background:
		linear-gradient(180deg, rgba(12, 20, 34, 0.96), rgba(8, 13, 23, 0.98)),
		#0a101c !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal #profileForm {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-col {
	display: grid !important;
	gap: 12px !important;
	min-width: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section {
	margin: 0 !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)),
		#111927 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .headshot-upload-area {
	display: grid !important;
	grid-template-columns: 76px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 10px !important;
	margin-bottom: 11px !important;
	border: 1px solid rgba(126, 148, 184, 0.16) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(90deg, rgba(96, 165, 250, 0.07), transparent 70%),
		rgba(5, 10, 18, 0.58) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .headshot-upload-info {
	display: grid !important;
	gap: 6px !important;
	min-width: 0 !important;
	color: #a9bfdf !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .headshot-upload-info label {
	margin: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal input[type="file"] {
	min-height: 38px !important;
	padding: 6px !important;
	border-style: dashed !important;
	color: #9db8df !important;
	cursor: pointer !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal input[type="file"]::file-selector-button {
	margin-right: 10px !important;
	padding: 7px 10px !important;
	border: 1px solid rgba(96, 165, 250, 0.34) !important;
	border-radius: 8px !important;
	background:
		linear-gradient(180deg, rgba(96, 165, 250, 0.24), rgba(96, 165, 250, 0.12)),
		#12233a !important;
	color: #dbeafe !important;
	font-weight: 850 !important;
	cursor: pointer !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .readonly-input {
	background: rgba(8, 13, 24, 0.72) !important;
	color: #9db3d2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .password-error {
	color: #fda4af !important;
	font-size: 11px !important;
	font-weight: 800 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .toggle-switch-label {
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.16) !important;
	border-radius: 10px !important;
	background: rgba(5, 10, 18, 0.54) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .toggle-switch-label input {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .toggle-text {
	color: #d7e5fa !important;
	font-size: 12px !important;
	font-weight: 850 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .social-links-grid,
body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-metrics-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-metric-card {
	min-height: 68px !important;
	padding: 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.17) !important;
	border-radius: 10px !important;
	background: rgba(5, 10, 18, 0.58) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-metric-value {
	color: #f8fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: 22px !important;
	font-weight: 950 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-metric-label {
	color: #8facd9 !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .view-landing-btn,
body:has(#mainAppContent.executive-suite-shell) #profileModal .copy-landing-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	min-height: 36px !important;
	padding: 8px 11px !important;
	border: 1px solid rgba(96, 165, 250, 0.28) !important;
	border-radius: 9px !important;
	background: rgba(13, 25, 43, 0.74) !important;
	color: #cfe3ff !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	text-decoration: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .copy-landing-btn {
	width: 38px !important;
	padding: 0 !important;
}

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

@media (max-width: 620px) {
	body:has(#mainAppContent.executive-suite-shell) #profileModal .headshot-upload-area,
	body:has(#mainAppContent.executive-suite-shell) #profileModal .social-links-grid,
	body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-metrics-grid {
		grid-template-columns: 1fr !important;
	}
}

/* Executive Suite v58: analytics reference layout, protected audit state, profile modal polish. */
#mainAppContent.executive-suite-shell #analyticsView:not(.hidden) {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	padding: 16px 18px 28px !important;
	background: #050913 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-page-header {
	min-height: 126px !important;
	margin: 0 0 10px !important;
	padding: 16px !important;
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	border-radius: 10px !important;
	background:
		radial-gradient(circle at 4% 0%, rgba(96, 165, 250, 0.11), transparent 260px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
		#121a29 !important;
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.23), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-title-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	min-height: 30px !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-title-section {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-title-section h2 {
	margin: 0 !important;
	color: #f8fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: 22px !important;
	font-weight: 950 !important;
	line-height: 1.05 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-title-icon {
	display: inline-grid !important;
	place-items: center !important;
	width: 24px !important;
	height: 24px !important;
	border-radius: 8px !important;
	background: rgba(96, 165, 250, 0.14) !important;
	box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.18) !important;
	font-size: 14px !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-subtitle {
	max-width: 820px !important;
	margin: 14px 0 0 !important;
	color: #9ec2f5 !important;
	font-size: 13px !important;
	font-weight: 750 !important;
	line-height: 1.45 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-content {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 10px !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-insights-row {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-panel {
	display: flex !important;
	flex-direction: column !important;
	height: 248px !important;
	min-height: 248px !important;
	max-height: 248px !important;
	min-width: 0 !important;
	padding: 12px !important;
	border: 1px solid rgba(126, 148, 184, 0.21) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
		#111927 !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-traffic-panel {
	border-top-color: rgba(56, 189, 248, 0.65) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-funnel-panel {
	border-top-color: rgba(139, 92, 246, 0.7) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-agent-panel {
	border-top-color: rgba(34, 197, 94, 0.65) !important;
}

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

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-header h3 {
	margin: 0 !important;
	color: #f7fbff !important;
	font-size: 12px !important;
	font-weight: 950 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.01em !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-header span {
	color: #87a9d7 !important;
	font-size: 10px !important;
	font-weight: 850 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-primary {
	flex: 0 0 auto !important;
	min-height: 56px !important;
	margin: 0 0 7px !important;
	padding: 9px 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.1) !important;
	border-radius: 8px !important;
	background:
		linear-gradient(90deg, rgba(96, 165, 250, 0.085), transparent 72%),
		#0a101b !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-primary > div {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-areas:
		"label value"
		"detail value" !important;
	align-items: center !important;
	column-gap: 12px !important;
	row-gap: 2px !important;
	min-width: 0 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-primary span {
	grid-area: label !important;
	color: #8fb1df !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-primary strong {
	grid-area: value !important;
	color: #f8fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: 24px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-primary em {
	grid-area: detail !important;
	min-width: 0 !important;
	color: #7fa0cf !important;
	font-size: 10px !important;
	font-style: normal !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-insight-list {
	flex: 1 1 auto !important;
	display: grid !important;
	align-content: start !important;
	gap: 5px !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-chart-row {
	display: grid !important;
	grid-template-columns: minmax(112px, 0.9fr) minmax(80px, 1fr) minmax(58px, auto) !important;
	grid-template-rows: 16px 0 !important;
	align-items: center !important;
	gap: 6px !important;
	min-height: 24px !important;
	padding: 4px 8px !important;
	border: 1px solid rgba(126, 148, 184, 0.09) !important;
	border-radius: 7px !important;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--row-color) 10%, transparent), transparent 72%),
		rgba(7, 12, 21, 0.68) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-chart-row > span {
	min-width: 0 !important;
	color: #b6c8e4 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-chart-row .admin-insight-track {
	position: relative !important;
	height: 4px !important;
	border-radius: 999px !important;
	background: rgba(2, 6, 23, 0.78) !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-chart-row .admin-insight-track i {
	display: block !important;
	width: var(--row-pct, 0%) !important;
	height: 100% !important;
	border-radius: inherit !important;
	background: var(--row-color, #60a5fa) !important;
	box-shadow: 0 0 12px color-mix(in srgb, var(--row-color) 45%, transparent) !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-chart-row > strong {
	color: #eef6ff !important;
	font-size: 12px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
	text-align: right !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-chart-row > small {
	grid-column: 1 / -1 !important;
	height: 0 !important;
	color: transparent !important;
	font-size: 0 !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #analyticsView .admin-empty-chart {
	display: grid !important;
	place-items: center !important;
	min-height: 132px !important;
	border: 1px dashed rgba(126, 148, 184, 0.18) !important;
	border-radius: 8px !important;
	color: #84a4d1 !important;
	font-size: 12px !important;
	font-weight: 850 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-ops-panel {
	min-height: 142px !important;
	padding: 12px !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(180deg, rgba(148, 163, 184, 0.05), rgba(148, 163, 184, 0.015)),
		#101722 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

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

#mainAppContent.executive-suite-shell #analyticsView .analytics-ops-header h3 {
	margin: 0 0 3px !important;
	color: #f8fbff !important;
	font-size: 12px !important;
	font-weight: 950 !important;
	letter-spacing: 0.01em !important;
	text-transform: uppercase !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-ops-header span {
	color: #8facd9 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-notes-list {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

#mainAppContent.executive-suite-shell #analyticsView .analytics-notes-list span {
	display: block !important;
	min-width: 0 !important;
	padding: 9px 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.12) !important;
	border-radius: 8px !important;
	background: rgba(7, 12, 21, 0.62) !important;
	color: #a9c7ef !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-empty-state {
	display: grid !important;
	place-items: center !important;
	gap: 8px !important;
	min-height: 280px !important;
	padding: 32px 22px !important;
	text-align: center !important;
	color: #8facd9 !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-empty-state__icon {
	display: inline-grid !important;
	place-items: center !important;
	min-width: 58px !important;
	height: 28px !important;
	padding: 0 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 999px !important;
	background: rgba(15, 23, 42, 0.72) !important;
	color: #91b9ee !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	letter-spacing: 0.08em !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-empty-state strong {
	color: #f8fbff !important;
	font-size: 14px !important;
	font-weight: 950 !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-empty-state span {
	max-width: 560px !important;
	color: #91a8c8 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.45 !important;
}

#mainAppContent.executive-suite-shell #adminView .audit-empty-state--protected {
	border: 1px dashed rgba(96, 165, 250, 0.25) !important;
	background:
		radial-gradient(circle at 50% 0%, rgba(96, 165, 250, 0.1), transparent 220px),
		rgba(8, 12, 20, 0.44) !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-audit-section {
	background:
		linear-gradient(180deg, rgba(148, 163, 184, 0.06), rgba(148, 163, 184, 0.018)),
		#0e141f !important;
}

#mainAppContent.executive-suite-shell #adminView .admin-audit-section .audit-log-wrapper,
#mainAppContent.executive-suite-shell #adminView .admin-audit-section .audit-log {
	background-color: #0b1018 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal:not(.hidden) {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 24px !important;
	background: rgba(3, 7, 15, 0.72) !important;
	backdrop-filter: blur(10px) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-settings-modal {
	width: min(860px, calc(100vw - 32px)) !important;
	max-width: min(860px, calc(100vw - 32px)) !important;
	max-height: min(86vh, 820px) !important;
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	border-radius: 12px !important;
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
	overflow: hidden !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-modal-header {
	min-height: 72px !important;
	padding: 14px 16px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.18) !important;
	background:
		radial-gradient(circle at 14% 0%, rgba(96, 165, 250, 0.14), transparent 240px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)),
		#121b2a !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-header-content {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	min-width: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-header-avatar {
	width: 46px !important;
	height: 46px !important;
	border: 1px solid rgba(96, 165, 250, 0.32) !important;
	box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.08), 0 12px 26px rgba(0, 0, 0, 0.26) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-header-info h3 {
	margin: 0 !important;
	color: #f8fbff !important;
	font-size: 18px !important;
	font-weight: 950 !important;
	letter-spacing: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-header-email {
	color: #8facd9 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-modal-header .icon-btn {
	width: 34px !important;
	height: 34px !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 9px !important;
	background: rgba(7, 12, 21, 0.64) !important;
	color: #bfd5f4 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-modal-body {
	padding: 14px !important;
	overflow: auto !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-two-col {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 0.84fr) !important;
	gap: 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section {
	padding: 13px !important;
	border: 1px solid rgba(126, 148, 184, 0.17) !important;
	border-radius: 11px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section-header {
	margin-bottom: 11px !important;
	padding-bottom: 9px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.13) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section-header h4 {
	margin: 0 !important;
	color: #f8fbff !important;
	font-size: 12px !important;
	font-weight: 950 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .field {
	margin-bottom: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal label {
	margin-bottom: 5px !important;
	color: #8facd9 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal input,
body:has(#mainAppContent.executive-suite-shell) #profileModal textarea,
body:has(#mainAppContent.executive-suite-shell) #profileModal select {
	min-height: 38px !important;
	border-color: rgba(126, 148, 184, 0.17) !important;
	border-radius: 9px !important;
	background: rgba(5, 10, 18, 0.72) !important;
	color: #f4f8ff !important;
	font-size: 13px !important;
	font-weight: 760 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .modal-footer {
	padding: 12px 14px !important;
	background: #0d1420 !important;
}

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

	#mainAppContent.executive-suite-shell #analyticsView .admin-insight-panel {
		height: auto !important;
		min-height: 230px !important;
		max-height: none !important;
	}
}

@media (max-width: 760px) {
	#mainAppContent.executive-suite-shell #analyticsView:not(.hidden) {
		padding: 12px !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-page-header {
		min-height: 0 !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-notes-list,
	body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-two-col {
		grid-template-columns: 1fr !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #profileModal:not(.hidden) {
		padding: 10px !important;
	}
}

/* Executive Suite v59: admin viewport containment and equal management panels. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#adminView:not(.hidden)) #appRoot {
		box-sizing: border-box !important;
		width: calc(100vw - 232px - 28px) !important;
		max-width: calc(100vw - 232px - 28px) !important;
		min-width: 0 !important;
		margin-left: 232px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#adminView:not(.hidden)) #appRoot {
		box-sizing: border-box !important;
		width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 28px) !important;
		max-width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 28px) !important;
		min-width: 0 !important;
		margin-left: var(--es-sidebar-collapsed-width, 76px) !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #adminView:not(.hidden) {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 0 !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #adminView .admin-page-header,
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #adminView .admin-content,
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #adminView #adminStatsRow,
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #adminView .admin-operations-grid,
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #adminView .admin-section {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

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

	#mainAppContent.executive-suite-shell #adminView .admin-insight-panel {
		min-width: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-operations-grid {
		display: grid !important;
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
		gap: 10px !important;
		align-items: stretch !important;
		height: clamp(560px, calc(100vh - 470px), 780px) !important;
		min-height: 560px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-users-section,
	#mainAppContent.executive-suite-shell #adminView .admin-audit-section {
		height: 100% !important;
		min-height: 0 !important;
		max-height: none !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView .users-table-wrapper,
	#mainAppContent.executive-suite-shell #adminView .audit-log-wrapper {
		flex: 1 1 auto !important;
		min-height: 0 !important;
		min-width: 0 !important;
		overflow: auto !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header {
		display: grid !important;
		grid-template-columns: max-content minmax(0, 1fr) !important;
		align-items: center !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header .audit-filters {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(116px, 148px) !important;
		justify-self: end !important;
		width: min(100%, 520px) !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header .audit-search-input,
	#mainAppContent.executive-suite-shell #adminView .admin-audit-section .section-header #auditFilter {
		width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-pagination {
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-pagination .pagination-info {
		min-width: 0 !important;
	}
}

@media (min-width: 901px) and (max-width: 1280px) {
	#mainAppContent.executive-suite-shell #adminView #adminStatsRow,
	#mainAppContent.executive-suite-shell #adminView .admin-operations-grid {
		grid-template-columns: 1fr !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-users-section,
	#mainAppContent.executive-suite-shell #adminView .admin-audit-section {
		height: min(62vh, 620px) !important;
		min-height: 420px !important;
	}
}

/* Executive Suite v60: Admin and Analytics use viewport-fitted shell margins. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#adminView:not(.hidden)) #appRoot,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#analyticsView:not(.hidden)) #appRoot {
		box-sizing: border-box !important;
		width: calc(100vw - 232px - 96px) !important;
		max-width: calc(100vw - 232px - 96px) !important;
		min-width: 0 !important;
		margin-left: 232px !important;
		margin-right: 0 !important;
		padding-left: 14px !important;
		padding-right: 14px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#adminView:not(.hidden)) #appRoot,
	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#analyticsView:not(.hidden)) #appRoot {
		box-sizing: border-box !important;
		width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 96px) !important;
		max-width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 96px) !important;
		min-width: 0 !important;
		margin-left: var(--es-sidebar-collapsed-width, 76px) !important;
		margin-right: 0 !important;
		padding-left: 14px !important;
		padding-right: 14px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #adminView:not(.hidden),
	#mainAppContent.executive-suite-shell:has(#analyticsView:not(.hidden)) #analyticsView:not(.hidden),
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #adminView .admin-page-header,
	#mainAppContent.executive-suite-shell:has(#analyticsView:not(.hidden)) #analyticsView .analytics-page-header,
	#mainAppContent.executive-suite-shell:has(#analyticsView:not(.hidden)) #analyticsView .analytics-content,
	#mainAppContent.executive-suite-shell:has(#analyticsView:not(.hidden)) #analyticsView .analytics-insights-row,
	#mainAppContent.executive-suite-shell:has(#analyticsView:not(.hidden)) #analyticsView .analytics-notes-panel {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
	}
}

/* Executive Suite v61: let Admin/Analytics fill the remaining shell width without 100vw overflow. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #appRoot:has(#adminView:not(.hidden)),
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #appRoot:has(#analyticsView:not(.hidden)) {
		box-sizing: border-box !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-left: 232px !important;
		margin-right: 72px !important;
		padding: 14px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot:has(#adminView:not(.hidden)),
	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot:has(#analyticsView:not(.hidden)) {
		box-sizing: border-box !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-left: var(--es-sidebar-collapsed-width, 76px) !important;
		margin-right: 72px !important;
		padding: 14px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden),
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-page-header,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-content,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #adminStatsRow,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-section,
	#mainAppContent.executive-suite-shell #analyticsView:not(.hidden),
	#mainAppContent.executive-suite-shell #analyticsView:not(.hidden) .analytics-page-header,
	#mainAppContent.executive-suite-shell #analyticsView:not(.hidden) .analytics-content,
	#mainAppContent.executive-suite-shell #analyticsView:not(.hidden) .analytics-insights-row,
	#mainAppContent.executive-suite-shell #analyticsView:not(.hidden) .analytics-notes-panel {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
}

/* Executive Suite v62: hard stop Admin/Analytics at the visible page edge. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)),
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#analyticsView:not(.hidden)) > #appRoot:has(#analyticsView:not(.hidden)) {
		box-sizing: border-box !important;
		width: calc(100% - 232px - 72px) !important;
		max-width: calc(100% - 232px - 72px) !important;
		min-width: 0 !important;
		margin-left: 232px !important;
		margin-right: 0 !important;
		padding: 14px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)),
	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#analyticsView:not(.hidden)) > #appRoot:has(#analyticsView:not(.hidden)) {
		box-sizing: border-box !important;
		width: calc(100% - var(--es-sidebar-collapsed-width, 76px) - 72px) !important;
		max-width: calc(100% - var(--es-sidebar-collapsed-width, 76px) - 72px) !important;
		min-width: 0 !important;
		margin-left: var(--es-sidebar-collapsed-width, 76px) !important;
		margin-right: 0 !important;
		padding: 14px !important;
		overflow-x: hidden !important;
	}
}

/* Executive Suite v63: restore Admin chart rhythm and keep operations inside the visible pane. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#adminView:not(.hidden)) #appRoot,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)) {
		box-sizing: border-box !important;
		width: calc(100vw - 232px - 56px) !important;
		max-width: calc(100vw - 232px - 56px) !important;
		min-width: 0 !important;
		margin-left: 232px !important;
		margin-right: 0 !important;
		padding: 14px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#adminView:not(.hidden)) #appRoot,
	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)) {
		box-sizing: border-box !important;
		width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 44px) !important;
		max-width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 44px) !important;
		min-width: 0 !important;
		margin-left: var(--es-sidebar-collapsed-width, 76px) !important;
		margin-right: 0 !important;
		padding: 14px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden),
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-page-header,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-content,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #adminStatsRow,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-content {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: auto minmax(0, 1fr) !important;
		gap: 10px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #adminStatsRow {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-auto-rows: 236px !important;
		gap: 10px !important;
		height: 236px !important;
		min-height: 236px !important;
		max-height: 236px !important;
		margin: 0 !important;
		overflow: visible !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-insight-panel {
		height: 236px !important;
		min-height: 236px !important;
		max-height: 236px !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-insight-row {
		grid-template-columns: minmax(108px, 0.72fr) minmax(80px, 1fr) minmax(48px, auto) !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid {
		display: grid !important;
		grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) !important;
		gap: 10px !important;
		align-items: stretch !important;
		height: clamp(560px, calc(100vh - 452px), 780px) !important;
		min-height: 560px !important;
		margin: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-users-section,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section {
		height: 100% !important;
		min-height: 0 !important;
		max-height: none !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section {
		background:
			linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.008)),
			#0d141f !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .users-table-wrapper,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .audit-log-wrapper {
		flex: 1 1 auto !important;
		min-height: 0 !important;
		min-width: 0 !important;
		overflow: auto !important;
	}
}

@media (min-width: 901px) and (max-width: 1180px) {
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #adminStatsRow,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid {
		grid-template-columns: 1fr !important;
		height: auto !important;
		max-height: none !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid {
		min-height: 0 !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-users-section,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section {
		height: 520px !important;
	}
}

/* Executive Suite v64: contain Admin sections inside their grid columns. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-section,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-users-section,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-section .section-header,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section .section-header {
		min-width: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section .section-header {
		display: grid !important;
		grid-template-columns: max-content minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section .audit-filters {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(112px, 136px) !important;
		justify-self: stretch !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-insight-header {
		min-width: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-insight-header span {
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}
}

/* Executive Suite v65: tighten Admin column containment and table proportions. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) {
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #adminStatsRow,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid {
		max-width: 100% !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-insight-panel {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-insight-header h3 {
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-insight-header span {
		flex: 0 1 auto !important;
		max-width: 132px !important;
		text-align: right !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-insight-primary {
		grid-template-columns: minmax(0, 1fr) minmax(72px, auto) !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-insight-primary > div,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-insight-primary strong,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-insight-primary em {
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid {
		grid-template-columns: minmax(0, 1fr) minmax(360px, 0.84fr) !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-users-section,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section {
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .users-table-wrapper,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .audit-log-wrapper,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .audit-log {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .users-table-wrapper {
		overflow: auto !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable {
		width: 100% !important;
		min-width: 820px !important;
		max-width: none !important;
		table-layout: fixed !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable th,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable td {
		box-sizing: border-box !important;
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable th:nth-child(1),
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable td:nth-child(1) {
		width: 18% !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable th:nth-child(2),
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable td:nth-child(2) {
		width: 27% !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable th:nth-child(3),
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable td:nth-child(3) {
		width: 11% !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable th:nth-child(4),
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable td:nth-child(4) {
		width: 11% !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable th:nth-child(5),
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable td:nth-child(5),
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable th:nth-child(6),
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable td:nth-child(6) {
		width: 13% !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable th:nth-child(7),
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #usersTable td:nth-child(7) {
		width: 94px !important;
		text-align: right !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section .section-header {
		grid-template-columns: max-content minmax(240px, 1fr) !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section .audit-filters {
		justify-self: end !important;
		width: min(100%, 480px) !important;
		max-width: 480px !important;
	}
}

@media (min-width: 901px) and (max-width: 1320px) {
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid {
		grid-template-columns: 1fr !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-users-section,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section {
		height: 520px !important;
	}
}

/* Executive Suite v66: keep Admin inside the review pane with visible right breathing room. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#adminView:not(.hidden)) #appRoot,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)) {
		width: calc(100vw - 232px - 96px) !important;
		max-width: calc(100vw - 232px - 96px) !important;
		margin-left: 232px !important;
		padding: 14px 0 14px 14px !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#adminView:not(.hidden)) #appRoot,
	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)) {
		width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 72px) !important;
		max-width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 72px) !important;
		padding: 14px 0 14px 14px !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-page-header,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-content,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #adminStatsRow,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid {
		width: 100% !important;
		max-width: 100% !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #adminStatsRow {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-roles-panel .admin-insight-primary {
		grid-template-columns: minmax(0, 1fr) minmax(84px, auto) !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-roles-panel .admin-insight-primary strong {
		font-size: clamp(16px, 1.15vw, 22px) !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section .audit-filters {
		grid-template-columns: minmax(0, 1fr) 124px !important;
	}
}

/* Executive Suite v67: remove legacy Admin width locks that clipped the right column. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #appRoot,
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)) {
		box-sizing: border-box !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-right: 28px !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#adminView:not(.hidden)) #appRoot,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)) {
		margin-left: 232px !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#adminView:not(.hidden)) #appRoot,
	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)) {
		margin-left: var(--es-sidebar-collapsed-width, 76px) !important;
		margin-right: 24px !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden),
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-page-header,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-content,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #adminStatsRow,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-section,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-users-section,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
}

/* Executive Suite v68: beat older page-width selectors exactly on Admin. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#adminView:not(.hidden)) #appRoot,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)) {
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-left: 232px !important;
		margin-right: 28px !important;
		padding: 14px 0 14px 14px !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#adminView:not(.hidden)) #appRoot,
	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)) {
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-left: var(--es-sidebar-collapsed-width, 76px) !important;
		margin-right: 24px !important;
		padding: 14px 0 14px 14px !important;
		overflow: visible !important;
	}
}

/* Executive Suite v69: clamp the Admin view itself to the visible desktop lane. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #adminView:not(.hidden) {
		width: calc(100vw - 232px - 52px) !important;
		max-width: calc(100vw - 232px - 52px) !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #adminView:not(.hidden) {
		width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 40px) !important;
		max-width: calc(100vw - var(--es-sidebar-collapsed-width, 76px) - 40px) !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-page-header,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-content,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #adminStatsRow,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
}

/* Executive Suite v70: keep Admin review-pane layouts from horizontal clipping. */
@media (min-width: 901px) and (max-width: 1700px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #adminView:not(.hidden) {
		width: min(calc(100dvw - 232px - 212px), 1240px) !important;
		max-width: min(calc(100dvw - 232px - 212px), 1240px) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #adminView:not(.hidden) {
		width: min(calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 96px), 1360px) !important;
		max-width: min(calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 96px), 1360px) !important;
	}
}

@media (min-width: 901px) and (max-width: 1450px) {
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) #adminStatsRow,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid {
		grid-template-columns: 1fr !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-insight-panel {
		height: 218px !important;
		min-height: 218px !important;
		max-height: 218px !important;
	}

	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-users-section,
	#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-audit-section {
		height: 540px !important;
	}
}

/* Executive Suite v71: hard desktop clamp for the Admin lane in embedded review. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #adminView:not(.hidden) {
		width: min(1240px, calc(100dvw - 232px - 52px)) !important;
		max-width: min(1240px, calc(100dvw - 232px - 52px)) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #adminView:not(.hidden) {
		width: min(1440px, calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 40px)) !important;
		max-width: min(1440px, calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 40px)) !important;
	}
}

/* Executive Suite v72: final broad Admin clamp after all legacy page rules. */
@media (min-width: 901px) {
	#adminView:not(.hidden) {
		box-sizing: border-box !important;
		width: 1240px !important;
		max-width: calc(100vw - 280px) !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #adminView:not(.hidden) {
		max-width: calc(100vw - 116px) !important;
	}
}

/* Executive Suite v73: contain Admin panels inside the desktop review lane. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)) {
		box-sizing: border-box !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-right: 28px !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed):has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)) {
		margin-left: var(--es-sidebar-width, 232px) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed:has(#adminView:not(.hidden)) > #appRoot:has(#adminView:not(.hidden)) {
		margin-left: var(--es-sidebar-collapsed-width, 76px) !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-page-header,
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-content {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-content > #adminStatsRow.admin-stats-row,
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-content > .admin-operations-grid {
		box-sizing: border-box !important;
		display: grid !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		gap: 12px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-content > #adminStatsRow.admin-stats-row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-content > .admin-operations-grid {
		grid-template-columns: minmax(0, 1.08fr) minmax(390px, 0.92fr) !important;
		align-items: stretch !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-content > #adminStatsRow.admin-stats-row > .admin-insight-panel,
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-content > .admin-operations-grid > .admin-section,
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-users-section,
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-audit-section {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-insight-primary,
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-insight-row {
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .users-table-wrapper {
		overflow: auto !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable {
		table-layout: fixed !important;
		width: 100% !important;
		min-width: 760px !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th,
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td {
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(1),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(1) {
		width: 20% !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(2),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(2) {
		width: 25% !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(3),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(3),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(4),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(4) {
		width: 12% !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(5),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(5),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(6),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(6) {
		width: 13% !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(7),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(7) {
		width: 18% !important;
	}
}

@media (min-width: 901px) and (max-width: 1360px) {
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-content > #adminStatsRow.admin-stats-row,
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-content > .admin-operations-grid {
		grid-template-columns: 1fr !important;
		overflow: visible !important;
	}
}

/* Executive Suite v74: compact Admin chart internals so values do not spill past the pane. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #appRoot #adminView:not(.hidden) {
		width: min(1260px, calc(100dvw - var(--es-sidebar-width, 232px) - 88px)) !important;
		max-width: min(1260px, calc(100dvw - var(--es-sidebar-width, 232px) - 88px)) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #appRoot #adminView:not(.hidden) {
		width: min(1360px, calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 68px)) !important;
		max-width: min(1360px, calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 68px)) !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-content > #adminStatsRow.admin-stats-row > .admin-insight-panel {
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-insight-primary > div {
		grid-template-columns: minmax(0, 1fr) minmax(70px, auto) !important;
		gap: 2px 8px !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-insight-primary strong {
		max-width: 96px !important;
		overflow: hidden !important;
		font-size: clamp(18px, 1.35vw, 25px) !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-roles-panel .admin-insight-primary strong {
		max-width: 88px !important;
		font-size: clamp(16px, 1.12vw, 21px) !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-insight-row {
		grid-template-columns: minmax(74px, 90px) minmax(0, 1fr) minmax(44px, auto) !important;
		gap: 6px !important;
		padding: 4px 7px !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-insight-row > span {
		min-width: 0 !important;
		font-size: 9.5px !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-insight-row > strong {
		max-width: 66px !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-content > .admin-operations-grid {
		grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr) !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .user-actions {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 6px !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .user-actions .c-button {
		width: 100% !important;
		justify-content: center !important;
		padding-inline: 8px !important;
	}
}

/* Executive Suite v75: keep Admin lists readable without hidden actions and show audit access state. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .users-table-wrapper {
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable {
		table-layout: fixed !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(1),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(1) {
		width: 18% !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(2),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(2) {
		width: 23% !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(3),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(3),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(4),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(4) {
		width: 10% !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(5),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(5) {
		width: 13% !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(6),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(6) {
		width: 12% !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable th:nth-child(7),
	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(7) {
		width: 17% !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) #usersTable td:nth-child(7) {
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .user-actions .c-button {
		min-width: 0 !important;
		height: 28px !important;
		font-size: 10px !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-audit-section #auditLog {
		display: grid !important;
		min-height: 100% !important;
		place-items: center !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-audit-section #auditLog:not(:has(.audit-empty-state)) {
		display: block !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-audit-section .audit-empty-state {
		width: min(420px, calc(100% - 36px)) !important;
		min-height: 220px !important;
		margin: auto !important;
		border-radius: 12px !important;
	}
}

/* Executive Suite v77: final collapsed rail override, kept last so older rail attempts cannot leak text. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		width: var(--es-sidebar-collapsed-width, 76px) !important;
		padding: 14px 8px !important;
		align-items: center !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		width: 100% !important;
		align-items: center !important;
		gap: 10px !important;
		padding-inline: 0 !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		width: 44px !important;
		min-width: 44px !important;
		max-width: 44px !important;
		height: 44px !important;
		min-height: 44px !important;
		margin-inline: auto !important;
		padding: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 14px !important;
		font-size: 0 !important;
		line-height: 1 !important;
		text-indent: 0 !important;
		letter-spacing: 0 !important;
		overflow: hidden !important;
		transform: none !important;
	}

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

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::before {
		content: "" !important;
		position: static !important;
		inset: auto !important;
		width: 19px !important;
		height: 19px !important;
		display: block !important;
		flex: 0 0 19px !important;
		background: currentColor !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		transform: none !important;
		-webkit-mask: var(--es-rail-icon) center / contain no-repeat !important;
		mask: var(--es-rail-icon) center / contain no-repeat !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="analytics"] {
		--es-rail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 19h16v2H4v-2Zm1-8h4v6H5v-6Zm5-6h4v12h-4V5Zm5 3h4v9h-4V8Z'/%3E%3C/svg%3E");
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::after {
		display: none !important;
		content: none !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		width: 100% !important;
		align-items: center !important;
		gap: 10px !important;
		padding-inline: 0 !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info {
		width: 46px !important;
		min-width: 46px !important;
		height: 46px !important;
		min-height: 46px !important;
		margin-inline: auto !important;
		padding: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 999px !important;
		cursor: pointer !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-profile-avatar {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		border-radius: 999px !important;
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-user-copy,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn {
		width: 44px !important;
		min-width: 44px !important;
		height: 40px !important;
		min-height: 40px !important;
		margin-inline: auto !important;
		padding: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 0 !important;
		line-height: 1 !important;
		text-indent: 0 !important;
		letter-spacing: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn::before {
		content: "" !important;
		width: 18px !important;
		height: 18px !important;
		display: block !important;
		background: currentColor !important;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h8v2H7v14h6v2H5V3Zm10.6 4.4 4.6 4.6-4.6 4.6-1.4-1.4 2.2-2.2H10v-2h6.4l-2.2-2.2 1.4-1.4Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h8v2H7v14h6v2H5V3Zm10.6 4.4 4.6 4.6-4.6 4.6-1.4-1.4 2.2-2.2H10v-2h6.4l-2.2-2.2 1.4-1.4Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
	}
}

/* Executive Suite v78: Listings header parity and list-view control cleanup. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:has(#listingsView:not(.hidden)) #appRoot {
		padding-top: 18px !important;
		padding-right: 22px !important;
		padding-left: 22px !important;
	}

	#mainAppContent.executive-suite-shell #listingsView:not(.hidden) {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .listings-filter-bar {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 10px !important;
		padding: 13px 16px !important;
		box-sizing: border-box !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .filter-primary-row {
		display: grid !important;
		grid-template-columns: minmax(300px, 520px) auto auto minmax(180px, auto) minmax(178px, auto) !important;
		grid-template-areas:
			"property filters add toggle mode"
			"customer customer customer customer customer" !important;
		gap: 10px !important;
		align-items: center !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .filter-search-wrapper {
		grid-area: property !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		order: 0 !important;
	}

	#mainAppContent.executive-suite-shell #listingsView #filtersToggleBtn {
		grid-area: filters !important;
		order: 0 !important;
	}

	#mainAppContent.executive-suite-shell #listingsView #addActionsDropdown {
		grid-area: add !important;
		order: 0 !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .view-toggle-group {
		grid-area: toggle !important;
		order: 0 !important;
		display: inline-grid !important;
		grid-template-columns: 1fr 1fr !important;
		width: 178px !important;
		min-width: 178px !important;
		border-radius: 10px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .view-toggle-group .view-toggle-btn {
		width: auto !important;
		min-width: 0 !important;
		padding: 0 12px !important;
		gap: 7px !important;
		justify-content: center !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .view-toggle-group .view-toggle-btn span {
		display: inline !important;
		font-size: 11px !important;
		font-weight: 900 !important;
		letter-spacing: 0.02em !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .view-mode-control {
		grid-area: mode !important;
		width: 190px !important;
		min-width: 190px !important;
		max-width: 190px !important;
		order: 0 !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .view-mode-select {
		width: 100% !important;
		min-width: 0 !important;
		padding-right: 30px !important;
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .customer-selector-control {
		grid-area: customer !important;
		width: min(100%, 330px) !important;
		max-width: 330px !important;
		min-width: 260px !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;
		box-sizing: border-box !important;
	}

	#mainAppContent.executive-suite-shell #listingsView .active-filters-bar,
	#mainAppContent.executive-suite-shell #listingsView .list-view-container,
	#mainAppContent.executive-suite-shell #listingsView .map-view-container {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
}

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

@media (max-width: 900px) {
	#mainAppContent.executive-suite-shell #listingsView .view-toggle-group .view-toggle-btn span {
		display: inline !important;
	}
}

/* Executive Suite v79: final listings rail, expanded-row, and popup dark polish. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		width: var(--es-sidebar-collapsed-width, 76px) !important;
		padding: 18px 8px 12px !important;
		align-items: center !important;
		overflow-x: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .brand {
		position: relative !important;
		width: 100% !important;
		min-height: 84px !important;
		margin: 0 0 12px !important;
		padding: 0 0 12px !important;
		display: grid !important;
		grid-template-rows: 36px 36px !important;
		place-items: center !important;
		gap: 10px !important;
		border-bottom: 1px solid rgba(126, 148, 184, 0.16) !important;
	}

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

	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
		position: static !important;
		inset: auto !important;
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		min-height: 36px !important;
		margin: 0 auto !important;
		display: grid !important;
		place-items: center !important;
		border-radius: 12px !important;
		z-index: 1 !important;
		transform: none !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		display: grid !important;
		grid-auto-rows: 46px !important;
		justify-items: center !important;
		align-items: center !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		gap: 12px !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		position: relative !important;
		width: 46px !important;
		min-width: 46px !important;
		max-width: 46px !important;
		height: 46px !important;
		min-height: 46px !important;
		max-height: 46px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		display: grid !important;
		place-items: center !important;
		border-radius: 14px !important;
		font-size: 0 !important;
		line-height: 0 !important;
		text-indent: 0 !important;
		letter-spacing: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
		transform: none !important;
	}

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

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::before {
		content: "" !important;
		position: static !important;
		inset: auto !important;
		width: 20px !important;
		height: 20px !important;
		min-width: 20px !important;
		min-height: 20px !important;
		display: block !important;
		margin: 0 !important;
		flex: none !important;
		background: currentColor !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		transform: none !important;
		-webkit-mask: var(--es-rail-icon) center / 20px 20px no-repeat !important;
		mask: var(--es-rail-icon) center / 20px 20px no-repeat !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::after {
		display: none !important;
		content: none !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		width: 100% !important;
		padding: 0 !important;
		margin: auto 0 0 !important;
		display: grid !important;
		justify-items: center !important;
		gap: 12px !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info {
		width: 46px !important;
		min-width: 46px !important;
		max-width: 46px !important;
		height: 46px !important;
		min-height: 46px !important;
		max-height: 46px !important;
		margin: 0 auto !important;
		padding: 4px !important;
		display: grid !important;
		place-items: center !important;
		border-radius: 999px !important;
		cursor: pointer !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-profile-avatar {
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
		margin: 0 !important;
		border-radius: 999px !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-user-copy,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn {
		width: 46px !important;
		min-width: 46px !important;
		max-width: 46px !important;
		height: 46px !important;
		min-height: 46px !important;
		max-height: 46px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		display: grid !important;
		place-items: center !important;
		border-radius: 14px !important;
		font-size: 0 !important;
		line-height: 0 !important;
		text-indent: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn::before {
		content: "" !important;
		width: 19px !important;
		height: 19px !important;
		display: block !important;
		margin: 0 !important;
		background: currentColor !important;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h8v2H7v14h6v2H5V3Zm10.6 4.4 4.6 4.6-4.6 4.6-1.4-1.4 2.2-2.2H10v-2h6.4l-2.2-2.2 1.4-1.4Z'/%3E%3C/svg%3E") center / 19px 19px no-repeat !important;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h8v2H7v14h6v2H5V3Zm10.6 4.4 4.6 4.6-4.6 4.6-1.4-1.4 2.2-2.2H10v-2h6.4l-2.2-2.2 1.4-1.4Z'/%3E%3C/svg%3E") center / 19px 19px no-repeat !important;
	}
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #listingsView:not(.hidden) {
		padding-top: 0 !important;
	}

	#mainAppContent.executive-suite-shell:has(#listingsView:not(.hidden)) #appRoot {
		padding-top: 18px !important;
		padding-left: 22px !important;
		padding-right: 22px !important;
	}

	#mainAppContent.executive-suite-shell #listingsView #listingsFilters {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 12px !important;
	}
}

#mainAppContent.executive-suite-shell #listingsView .expanded-details-row .expanded-details-cell {
	padding: 0 !important;
	background:
		linear-gradient(180deg, rgba(10, 17, 31, 0.98), rgba(7, 12, 22, 0.98)),
		#070c16 !important;
	color: #e7f0ff !important;
	border-color: rgba(126, 148, 184, 0.18) !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-expanded-wrap {
	padding: 16px 18px 18px !important;
	background:
		radial-gradient(circle at 14% 0%, rgba(59, 130, 246, 0.08), transparent 34%),
		radial-gradient(circle at 86% 0%, rgba(20, 184, 166, 0.06), transparent 28%),
		rgba(7, 12, 22, 0.98) !important;
	color: #e7f0ff !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-status-section,
#mainAppContent.executive-suite-shell #listingsView .lv-detail-block,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-section,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-empty,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-card,
#mainAppContent.executive-suite-shell #listingsView .lv-floorplan-card,
#mainAppContent.executive-suite-shell #listingsView .inventory-unit-row {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(16, 24, 39, 0.92), rgba(9, 14, 25, 0.94)),
		#0b1220 !important;
	color: #dce8fb !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 12px 30px rgba(0, 0, 0, 0.18) !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-status-section {
	padding: 12px 14px !important;
	border-radius: 12px !important;
	margin-bottom: 12px !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-status-grid {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-stat-pill {
	background: rgba(15, 23, 42, 0.78) !important;
	border: 1px solid rgba(126, 148, 184, 0.16) !important;
	color: #6ee7b7 !important;
	border-radius: 999px !important;
	padding: 4px 10px !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-stat-pill span,
#mainAppContent.executive-suite-shell #listingsView .lv-status-meta,
#mainAppContent.executive-suite-shell #listingsView .lv-status-meta span {
	color: #9fb8d8 !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-block-label,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-title {
	color: #93c5fd !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-fp-header-bar {
	border-color: rgba(52, 211, 153, 0.22) !important;
	background:
		linear-gradient(90deg, rgba(16, 185, 129, 0.11), rgba(59, 130, 246, 0.07)),
		rgba(10, 17, 31, 0.92) !important;
	color: #d7fff0 !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-fp-empty-title {
	color: #f8fbff !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-fp-empty-copy,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-summary,
#mainAppContent.executive-suite-shell #listingsView .lv-amenity-tag {
	color: #b7c9e5 !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-contact-row {
	display: grid !important;
	gap: 8px !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-contact-row span {
	display: flex !important;
	align-items: center !important;
	gap: 7px !important;
	min-height: 34px !important;
	padding: 8px 10px !important;
	border: 1px solid rgba(96, 165, 250, 0.26) !important;
	border-radius: 10px !important;
	background: rgba(12, 21, 36, 0.9) !important;
	color: #dbeafe !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-contact-row a {
	color: #7dd3fc !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-contact-row a:hover {
	color: #bae6fd !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

#mainAppContent.executive-suite-shell #listingsView .expand-btn,
#mainAppContent.executive-suite-shell #listingsView .specials-btn,
#mainAppContent.executive-suite-shell #listingsView .icon-btn-small,
#mainAppContent.executive-suite-shell #listingsView .interest-btn {
	display: inline-grid !important;
	place-items: center !important;
	width: 30px !important;
	height: 30px !important;
	min-width: 30px !important;
	min-height: 30px !important;
	padding: 0 !important;
	border-radius: 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	background: rgba(15, 23, 42, 0.74) !important;
	color: #a9bdd8 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

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

#mainAppContent.executive-suite-shell #listingsView .interest-btn,
#mainAppContent.executive-suite-shell #listingsView .interest-count {
	color: #fb7185 !important;
	border-color: rgba(251, 113, 133, 0.3) !important;
	background: rgba(127, 29, 29, 0.13) !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .modal-card {
	width: min(920px, calc(100vw - 40px)) !important;
	max-width: min(920px, calc(100vw - 40px)) !important;
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(180deg, rgba(20, 29, 45, 0.98), rgba(9, 14, 25, 0.99)),
		#0b1220 !important;
	color: #e7f0ff !important;
	box-shadow:
		0 30px 90px rgba(0, 0, 0, 0.62),
		0 0 0 1px rgba(96, 165, 250, 0.08) !important;
}

body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal .modal-card {
	max-height: min(78vh, 760px) !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .modal-header {
	border-bottom: 1px solid rgba(126, 148, 184, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.78)),
		#111827 !important;
	color: #f8fbff !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal .modal-body,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .modal-body,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .modal-body,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-body,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .modal-body {
	background: rgba(7, 12, 22, 0.68) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #propertyNotesContent,
body:has(#mainAppContent.executive-suite-shell) #activityLogContent,
body:has(#mainAppContent.executive-suite-shell) #listingSpecialsContent,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsList {
	background: transparent !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) .note-bubble,
body:has(#mainAppContent.executive-suite-shell) .al-card,
body:has(#mainAppContent.executive-suite-shell) .notes-empty-state,
body:has(#mainAppContent.executive-suite-shell) .listing-special-card,
body:has(#mainAppContent.executive-suite-shell) .interested-lead-item {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 12px !important;
	background: rgba(10, 17, 31, 0.88) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) .note-author,
body:has(#mainAppContent.executive-suite-shell) .note-content,
body:has(#mainAppContent.executive-suite-shell) .al-desc,
body:has(#mainAppContent.executive-suite-shell) .al-by,
body:has(#mainAppContent.executive-suite-shell) .al-metadata,
body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal p,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal p {
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) .note-timestamp,
body:has(#mainAppContent.executive-suite-shell) .al-time,
body:has(#mainAppContent.executive-suite-shell) .notes-empty-state p {
	color: #93a9c8 !important;
}

body:has(#mainAppContent.executive-suite-shell) #newPropertyNote,
body:has(#mainAppContent.executive-suite-shell) #newLeadNote,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal textarea,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal input,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal textarea,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal select {
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	background: #070c16 !important;
	color: #f8fbff !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .activity-timeline,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .notes-list,
body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal .specials-list {
	display: grid !important;
	gap: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .activity-timeline {
	position: relative !important;
	padding: 4px 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .activity-timeline::before {
	left: 15px !important;
	top: 22px !important;
	bottom: 22px !important;
	width: 1px !important;
	background: linear-gradient(180deg, rgba(96, 165, 250, 0.32), rgba(45, 212, 191, 0.16)) !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-item {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 34px minmax(0, 1fr) !important;
	gap: 10px !important;
	align-items: start !important;
	padding: 8px 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-dot,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .note-avatar,
body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal .special-icon {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	z-index: 1 !important;
	display: grid !important;
	place-items: center !important;
	width: 30px !important;
	height: 30px !important;
	min-width: 30px !important;
	border-radius: 10px !important;
	border: 1px solid rgba(96, 165, 250, 0.22) !important;
	background: rgba(59, 130, 246, 0.12) !important;
	color: #bfdbfe !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-card {
	min-width: 0 !important;
	overflow: visible !important;
	padding: 12px 14px !important;
	background: rgba(8, 14, 26, 0.94) !important;
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-card::before,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-card::after,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-by::before,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-by::after,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata::before,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata::after {
	display: none !important;
	content: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-by {
	display: block !important;
	margin-top: 5px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-header,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .note-header {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner {
	display: grid !important;
	gap: 7px !important;
	margin-top: 8px !important;
	min-height: 0 !important;
	color: #c7d7ef !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner:empty,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata:has(.al-metadata-inner:empty) {
	display: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner > div,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner details,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner summary,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner ul,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner li,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner span {
	color: #c7d7ef !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner > div,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner details {
	border: 1px solid rgba(74, 104, 145, 0.28) !important;
	border-radius: 10px !important;
	background: rgba(7, 12, 22, 0.72) !important;
	padding: 8px 10px !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner details > div,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner div[style],
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner span[style],
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner ul[style] {
	background: transparent !important;
	color: #c7d7ef !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner strong,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal strong,
body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal strong {
	color: #f8fbff !important;
	font-weight: 900 !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner a,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal a,
body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal a,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal a {
	color: #7dd3fc !important;
	font-weight: 850 !important;
	text-decoration: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner a:hover,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal a:hover,
body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal a:hover,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal a:hover {
	color: #bae6fd !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal .modal-close,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .modal-close,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .modal-close,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-close,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .modal-close,
body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal .close-btn,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .close-btn,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .close-btn,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .close-btn,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .close-btn {
	display: grid !important;
	place-items: center !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	background: rgba(15, 23, 42, 0.78) !important;
	color: #c7d7ef !important;
}

/* Executive Suite v80: listings rail precision and dark detail/popup finish. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell.sidebar-collapsed {
		--es-sidebar-collapsed-width: 76px;
		--es-rail-control-size: 46px;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		width: var(--es-sidebar-collapsed-width) !important;
		align-items: center !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
		position: static !important;
		inset: auto !important;
		justify-self: center !important;
		align-self: center !important;
		margin: 8px auto 12px !important;
		display: grid !important;
		place-items: center !important;
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		z-index: 2 !important;
		transform: none !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-auto-rows: var(--es-rail-control-size) !important;
		justify-items: center !important;
		align-items: center !important;
		align-content: start !important;
		width: 100% !important;
		gap: 10px !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn {
		position: relative !important;
		display: grid !important;
		place-items: center !important;
		justify-self: center !important;
		align-self: center !important;
		width: var(--es-rail-control-size) !important;
		min-width: var(--es-rail-control-size) !important;
		max-width: var(--es-rail-control-size) !important;
		height: var(--es-rail-control-size) !important;
		min-height: var(--es-rail-control-size) !important;
		padding: 0 !important;
		margin: 0 auto !important;
		line-height: 1 !important;
		text-align: center !important;
		font-size: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::before,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn::before {
		position: relative !important;
		inset: auto !important;
		display: block !important;
		width: 20px !important;
		height: 20px !important;
		min-width: 20px !important;
		margin: 0 !important;
		transform: none !important;
		background-position: center !important;
		background-size: contain !important;
		-webkit-mask-position: center !important;
		mask-position: center !important;
		-webkit-mask-size: contain !important;
		mask-size: contain !important;
		-webkit-mask-repeat: no-repeat !important;
		mask-repeat: no-repeat !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::after {
		content: "" !important;
		position: absolute !important;
		inset: auto 9px 7px 9px !important;
		width: auto !important;
		height: 2px !important;
		margin: 0 !important;
		border-radius: 999px !important;
		transform: none !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions {
		display: grid !important;
		grid-template-columns: 1fr !important;
		justify-items: center !important;
		align-items: center !important;
		width: 100% !important;
		gap: 10px !important;
		padding: 0 !important;
		margin: auto 0 0 !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-actions .user-info {
		display: grid !important;
		place-items: center !important;
		justify-self: center !important;
		width: 48px !important;
		min-width: 48px !important;
		height: 48px !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .header-profile-avatar {
		margin: 0 !important;
	}

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

#mainAppContent.executive-suite-shell #listingsView .expanded-row,
#mainAppContent.executive-suite-shell #listingsView .expanded-row td,
#mainAppContent.executive-suite-shell #listingsView .expanded-details-cell {
	background: #080f1c !important;
	color: #dce8fb !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-expanded-wrap,
#mainAppContent.executive-suite-shell #listingsView .lv-detail-grid,
#mainAppContent.executive-suite-shell #listingsView .lv-detail-column,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-section,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-scroll,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-cluster,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-group,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-group-body,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-bedroom-group,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-bedroom-stack {
	background: transparent !important;
	color: #dce8fb !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-status-section,
#mainAppContent.executive-suite-shell #listingsView .lv-detail-block,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-section,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-card,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-empty {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(8, 14, 26, 0.92)),
		#08101d !important;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-status-section {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	min-height: 58px !important;
	padding: 14px 16px !important;
	border-color: rgba(45, 212, 191, 0.18) !important;
	background:
		linear-gradient(90deg, rgba(8, 145, 178, 0.12), rgba(15, 23, 42, 0.94)),
		#08101d !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-status-section *,
#mainAppContent.executive-suite-shell #listingsView .lv-detail-block *,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-section *,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-card *,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-empty * {
	color: inherit !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-status-count,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-card-price,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-unit-rent {
	color: #6ee7b7 !important;
	font-weight: 900 !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-status-label,
#mainAppContent.executive-suite-shell #listingsView .lv-status-note,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-summary,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-empty-copy,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-card-meta,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-unit-avail,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-compact-meta {
	color: #9fb4d2 !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-detail-title,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-title,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-empty-title,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-card-title,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-compact-title,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-group-title,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-bedroom-label {
	color: #f8fbff !important;
	font-weight: 900 !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-fp-header-bar,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-cluster-head,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-group-header,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-label,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-card-head,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-compact-row {
	border-color: rgba(126, 148, 184, 0.16) !important;
	background:
		linear-gradient(180deg, rgba(12, 21, 39, 0.94), rgba(8, 14, 26, 0.9)),
		#08101d !important;
	color: #dce8fb !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-layout-unit-list,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-unit-row,
#mainAppContent.executive-suite-shell #listingsView .lv-unit-row,
#mainAppContent.executive-suite-shell #listingsView .lv-units-table,
#mainAppContent.executive-suite-shell #listingsView .lv-units-table thead,
#mainAppContent.executive-suite-shell #listingsView .lv-units-table tbody,
#mainAppContent.executive-suite-shell #listingsView .lv-units-table tr,
#mainAppContent.executive-suite-shell #listingsView .lv-units-table th,
#mainAppContent.executive-suite-shell #listingsView .lv-units-table td {
	border-color: rgba(126, 148, 184, 0.14) !important;
	background: #08101d !important;
	color: #dce8fb !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-layout-unit-row {
	display: grid !important;
	grid-template-columns: 32px minmax(88px, 1fr) minmax(96px, 0.9fr) minmax(96px, 1fr) minmax(120px, 1.1fr) !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 10px 12px !important;
	border-radius: 10px !important;
	background:
		linear-gradient(90deg, rgba(12, 21, 39, 0.88), rgba(8, 14, 26, 0.94)),
		#08101d !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-layout-unit-row:hover {
	background:
		linear-gradient(90deg, rgba(30, 64, 175, 0.16), rgba(8, 14, 26, 0.96)),
		#0a1424 !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-layout-unit-number,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-unit-number-text {
	color: #f8fbff !important;
	font-weight: 900 !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-layout-card-badge,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-card-code,
#mainAppContent.executive-suite-shell #listingsView .lv-layout-unit-pill,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-chip,
#mainAppContent.executive-suite-shell #listingsView .lv-fp-avail-badge,
#mainAppContent.executive-suite-shell #listingsView .availability-badge,
#mainAppContent.executive-suite-shell #listingsView .unit-status-badge {
	border: 1px solid rgba(96, 165, 250, 0.28) !important;
	background: rgba(30, 64, 175, 0.18) !important;
	color: #bfdbfe !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-contact-row,
#mainAppContent.executive-suite-shell #listingsView .contact-row {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-contact-row span,
#mainAppContent.executive-suite-shell #listingsView .contact-row span,
#mainAppContent.executive-suite-shell #listingsView .lv-contact-row a,
#mainAppContent.executive-suite-shell #listingsView .contact-row a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	min-height: 28px !important;
	padding: 5px 9px !important;
	border: 1px solid rgba(96, 165, 250, 0.2) !important;
	border-radius: 9px !important;
	background: rgba(15, 23, 42, 0.82) !important;
	color: #93c5fd !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-contact-row a:hover,
#mainAppContent.executive-suite-shell #listingsView .contact-row a:hover {
	border-color: rgba(125, 211, 252, 0.38) !important;
	background: rgba(14, 116, 144, 0.16) !important;
	color: #bae6fd !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal .modal-content,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .modal-content,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .modal-content,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-content,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .modal-content,
body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .modal-card {
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	background:
		linear-gradient(180deg, rgba(17, 27, 48, 0.98), rgba(8, 14, 26, 0.98)),
		#08101d !important;
	color: #dce8fb !important;
	box-shadow: 0 32px 90px rgba(0, 0, 0, 0.5) !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner > div,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner details,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .note-bubble,
body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal .listing-special-card,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .interested-lead-item {
	background: rgba(8, 14, 26, 0.82) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner > div *,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata-inner details *,
body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal [style*="background: white"],
body:has(#mainAppContent.executive-suite-shell) #listingSpecialsModal [style*="background:white"],
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal [style*="background: white"],
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal [style*="background:white"],
body:has(#mainAppContent.executive-suite-shell) #dynamicModal [style*="background: white"],
body:has(#mainAppContent.executive-suite-shell) #dynamicModal [style*="background:white"] {
	background: transparent !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .al-metadata * {
	background-color: transparent !important;
	box-shadow: none !important;
}

/* Executive Suite v96: Analytics advanced landing metrics and Admin chart label fit. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #adminView .admin-insight-list .admin-insight-row {
		grid-template-columns: minmax(204px, 0.82fr) minmax(74px, 0.72fr) minmax(88px, max-content) !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-copy > span {
		font-size: 9.75px !important;
		letter-spacing: 0.055em !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-copy small {
		font-size: 8.5px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-track {
		max-width: 100% !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-content {
		display: grid !important;
		gap: 12px !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-panel,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-ops-panel {
		position: relative !important;
		min-width: 0 !important;
		overflow: hidden !important;
		border: 1px solid rgba(126, 148, 184, 0.2) !important;
		border-radius: 11px !important;
		background:
			linear-gradient(180deg, rgba(30, 41, 65, 0.74), rgba(9, 14, 24, 0.82)),
			rgba(8, 13, 23, 0.94) !important;
		box-shadow:
			0 14px 32px rgba(0, 0, 0, 0.24),
			inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section {
		padding: 13px !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section::before,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-panel::before,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-ops-panel::before {
		content: "" !important;
		position: absolute !important;
		inset: 0 0 auto !important;
		height: 2px !important;
		background: linear-gradient(90deg, rgba(96, 165, 250, 0.82), rgba(45, 212, 191, 0.44), transparent) !important;
	}

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

	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-panel .analytics-detail-header {
		padding: 12px 14px 10px !important;
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-header h3 {
		margin: 0 !important;
		color: #eef5ff !important;
		font-size: 12px !important;
		font-weight: 950 !important;
		letter-spacing: 0.055em !important;
		line-height: 1 !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-header span {
		color: #8fb2e4 !important;
		font-size: 10px !important;
		font-weight: 900 !important;
		letter-spacing: 0.075em !important;
		line-height: 1 !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-grid,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-funnel-mini-grid {
		display: grid !important;
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		gap: 9px !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-funnel-mini-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		padding: 12px 14px 0 !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card {
		min-width: 0 !important;
		min-height: 78px !important;
		display: grid !important;
		align-content: center !important;
		gap: 5px !important;
		padding: 11px !important;
		border: 1px solid rgba(126, 148, 184, 0.14) !important;
		border-left: 2px solid color-mix(in srgb, var(--card-color, #60a5fa) 76%, rgba(126, 148, 184, 0.18)) !important;
		border-radius: 10px !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--card-color, #60a5fa) 11%, transparent), transparent 76%),
			rgba(5, 10, 20, 0.72) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card--blue { --card-color: #60a5fa; }
	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card--green { --card-color: #22c55e; }
	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card--teal { --card-color: #2dd4bf; }
	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card--purple { --card-color: #8b5cf6; }
	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card--amber { --card-color: #f59e0b; }
	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card--rose { --card-color: #f472b6; }

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card > span {
		min-width: 0 !important;
		overflow: hidden !important;
		color: #9fb8dc !important;
		font-size: 10px !important;
		font-weight: 900 !important;
		letter-spacing: 0.06em !important;
		line-height: 1.15 !important;
		text-overflow: ellipsis !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card > strong {
		color: #f1f7ff !important;
		font-size: clamp(17px, 1.2vw, 24px) !important;
		font-weight: 950 !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card > em {
		min-width: 0 !important;
		overflow: hidden !important;
		color: #81a1cd !important;
		font-size: 10px !important;
		font-style: normal !important;
		font-weight: 800 !important;
		line-height: 1.1 !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

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

	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-grid--two {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-panel {
		display: grid !important;
		grid-template-rows: auto minmax(0, auto) !important;
	}

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

	#mainAppContent.executive-suite-shell #analyticsView .analytics-funnel-mini-grid + .analytics-table-wrap {
		padding-top: 12px !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-table {
		width: 100% !important;
		min-width: 0 !important;
		border-collapse: collapse !important;
		color: #dbeafe !important;
		font-size: 12px !important;
		table-layout: auto !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-table th {
		padding: 9px 8px !important;
		border-bottom: 1px solid rgba(126, 148, 184, 0.18) !important;
		background: rgba(7, 12, 22, 0.52) !important;
		color: #93add3 !important;
		font-size: 10px !important;
		font-weight: 950 !important;
		letter-spacing: 0.07em !important;
		text-align: left !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-table td {
		max-width: 360px !important;
		padding: 10px 8px !important;
		border-bottom: 1px solid rgba(126, 148, 184, 0.1) !important;
		color: #dce9fb !important;
		font-weight: 760 !important;
		line-height: 1.25 !important;
		overflow: hidden !important;
		text-align: left !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-table td:first-child {
		color: #9fc0f8 !important;
		font-weight: 900 !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-error-grid .analytics-table td:nth-child(3),
	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-panel--wide .analytics-table td {
		max-width: 260px !important;
	}
}

@media (max-width: 1280px) {
	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-grid--two,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-funnel-mini-grid {
		grid-template-columns: 1fr !important;
	}
}

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

/* Executive Suite v106: profile settings information architecture and SMS UX polish. */
body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-settings-modal {
	width: min(1180px, calc(100vw - 32px)) !important;
	max-width: min(1180px, calc(100vw - 32px)) !important;
	height: min(94vh, 980px) !important;
	max-height: min(94vh, 980px) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-two-col {
	grid-template-columns: minmax(420px, 1.08fr) minmax(0, 0.92fr) !important;
	gap: 14px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-col-left {
	display: flex !important;
	flex-direction: column !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-modal-body {
	max-height: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section--notifications {
	order: 1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section--account {
	order: 2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section--security {
	order: 3 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section--collapsible {
	display: block !important;
	padding: 0 !important;
	overflow: hidden !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section--collapsible > .profile-section-header {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 13px 42px 13px 13px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.13) !important;
	cursor: pointer !important;
	list-style: none !important;
	user-select: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section--collapsible > .profile-section-header::-webkit-details-marker {
	display: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section--collapsible > .profile-section-header::after {
	content: "" !important;
	position: absolute !important;
	right: 16px !important;
	top: 50% !important;
	width: 8px !important;
	height: 8px !important;
	border-right: 2px solid #8facd9 !important;
	border-bottom: 2px solid #8facd9 !important;
	transform: translateY(-64%) rotate(45deg) !important;
	transition: transform 160ms ease, border-color 160ms ease !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section--collapsible:not([open]) > .profile-section-header {
	border-bottom-color: transparent !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section--collapsible:not([open]) > .profile-section-header::after {
	transform: translateY(-50%) rotate(-45deg) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section--collapsible > .profile-section-header:hover::after {
	border-color: #cfe3ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-section--collapsible > .profile-section-content {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 10px !important;
	padding: 12px 13px 13px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-notification-card {
	display: grid !important;
	gap: 10px !important;
	margin-top: 0 !important;
	padding: 11px !important;
	border: 1px solid rgba(126, 148, 184, 0.17) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.006)),
		rgba(5, 10, 18, 0.58) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-notification-card--contact {
	border-color: rgba(56, 189, 248, 0.22) !important;
	background:
		linear-gradient(90deg, rgba(56, 189, 248, 0.09), rgba(52, 211, 153, 0.035)),
		rgba(5, 10, 18, 0.62) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-landing-contact-card {
	margin-top: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-notification-card--sms {
	border-color: rgba(52, 211, 153, 0.2) !important;
	background:
		linear-gradient(90deg, rgba(52, 211, 153, 0.08), rgba(251, 191, 36, 0.025)),
		rgba(5, 10, 18, 0.62) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal #profileSmsAlertsPanel {
	order: 1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal label:has(#profileEmailNotifications) {
	order: 2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal label:has(#profileEmailNotifications) + .toggle-hint {
	order: 3 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-mini-heading,
body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alerts-heading {
	display: flex !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	gap: 10px !important;
	min-width: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-mini-heading span,
body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alerts-heading h5 {
	margin: 0 !important;
	color: #f1f7ff !important;
	font-size: 11px !important;
	font-weight: 950 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alerts-heading span {
	color: #8facd9 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-notification-card .field,
body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alert-settings .field {
	margin-bottom: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alert-settings {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	align-items: stretch !important;
	gap: 10px !important;
	padding: 12px !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alert-settings,
body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alert-settings * {
	min-width: 0 !important;
	box-sizing: border-box !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alert-settings > .sms-alerts-heading,
body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alert-settings > .field,
body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alert-settings > .sms-quiet-hours-row,
body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alert-settings > .sms-alert-status {
	grid-column: 1 / -1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal #profileSmsCodeField[style*="display: none"] {
	display: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alert-settings > .sms-alert-status {
	font-size: 10px !important;
	margin-top: -2px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alert-settings > .toggle-switch-label {
	grid-column: span 1 !important;
	display: grid !important;
	grid-template-columns: 38px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 9px !important;
	min-height: 38px !important;
	width: 100% !important;
	padding: 8px 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.13) !important;
	border-radius: 8px !important;
	background: rgba(7, 13, 24, 0.42) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alert-settings > .toggle-switch-label .toggle-text {
	display: block !important;
	min-width: 0 !important;
	color: #dce8fb !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	line-height: 1.25 !important;
	white-space: normal !important;
}

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

body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-verification-row .c-button {
	min-height: 36px !important;
	min-width: max-content !important;
	padding-inline: 12px !important;
	white-space: nowrap !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-quiet-hours-row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
	width: 100% !important;
	padding: 9px 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.13) !important;
	border-radius: 8px !important;
	background: rgba(7, 13, 24, 0.36) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-quiet-hours-row .field {
	margin-bottom: 0 !important;
	min-width: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-quiet-hours-row input {
	width: 100% !important;
	min-height: 34px !important;
	min-width: 0 !important;
	padding: 7px 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-metrics-layout {
	display: grid !important;
	gap: 10px !important;
	min-width: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-metrics-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-metric-card {
	min-height: 64px !important;
	border-color: rgba(126, 148, 184, 0.16) !important;
	background:
		linear-gradient(180deg, rgba(56, 189, 248, 0.055), rgba(255, 255, 255, 0.008)),
		rgba(5, 10, 18, 0.62) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart {
	display: grid !important;
	align-items: center !important;
	min-height: 190px !important;
	padding: 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.17) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(5, 10, 18, 0.68) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-chart-v2 {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 128px !important;
	align-items: center !important;
	gap: 10px !important;
	width: 100% !important;
	min-width: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-legend {
	display: grid !important;
	gap: 7px !important;
	min-width: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-row {
	display: grid !important;
	grid-template-columns: 9px minmax(0, 1fr) auto auto !important;
	align-items: center !important;
	gap: 7px !important;
	min-height: 28px !important;
	padding: 6px 7px !important;
	border: 1px solid rgba(126, 148, 184, 0.12) !important;
	border-radius: 8px !important;
	background: rgba(9, 15, 27, 0.72) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-dot {
	width: 9px !important;
	height: 9px !important;
	border-radius: 999px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-channel {
	min-width: 0 !important;
	overflow: hidden !important;
	color: #dce8fb !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-count,
body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-pct {
	color: #9db8df !important;
	font-size: 11px !important;
	font-weight: 900 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-ring-wrap {
	position: relative !important;
	display: grid !important;
	place-items: center !important;
	width: 128px !important;
	height: 128px !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-svg {
	width: 128px !important;
	height: 128px !important;
	filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.28)) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-track {
	stroke: rgba(126, 148, 184, 0.16) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-segment {
	filter: drop-shadow(0 0 5px rgba(15, 23, 42, 0.48)) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-center {
	position: absolute !important;
	inset: 34px !important;
	display: grid !important;
	place-items: center !important;
	align-content: center !important;
	border: 1px solid rgba(126, 148, 184, 0.14) !important;
	border-radius: 999px !important;
	background: rgba(5, 10, 18, 0.88) !important;
	color: #f1f7ff !important;
	text-align: center !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-center strong {
	color: #f8fbff !important;
	font-family: var(--es-display-font) !important;
	font-size: 20px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-center span {
	color: #8facd9 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-empty {
	display: grid !important;
	place-items: center !important;
	min-height: 150px !important;
	color: #8facd9 !important;
	font-size: 12px !important;
	font-weight: 850 !important;
}

@media (max-width: 900px) {
	body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-two-col {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 620px) {
	body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-settings-modal {
		width: calc(100vw - 18px) !important;
		max-width: calc(100vw - 18px) !important;
		max-height: calc(100vh - 18px) !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-verification-row,
	body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alert-settings,
	body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-quiet-hours-row,
	body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-chart-v2 {
		grid-template-columns: 1fr !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-alert-settings > * {
		grid-column: 1 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #profileModal .sms-verification-row .c-button {
		width: 100% !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-sources-chart .tre-pie-ring-wrap {
		justify-self: center !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #profileModal .modal-footer {
		display: grid !important;
		grid-template-columns: minmax(116px, 1fr) minmax(78px, 0.68fr) minmax(72px, 0.58fr) !important;
		gap: 7px !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #profileModal .profile-logout-btn {
		grid-column: auto !important;
		margin-right: 0 !important;
	}

	body:has(#mainAppContent.executive-suite-shell) #profileModal .modal-footer .c-button {
		width: 100% !important;
		min-width: 0 !important;
	}
}

/* Executive Suite v102: true terminal collapsed-sidebar chart override. */
@media (min-width: 901px) {
	#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: calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 48px) !important;
		max-width: calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 48px) !important;
		grid-template-columns: minmax(0, 1fr) !important;
		overflow: visible !important;
	}

	#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;
	}
}

/* Executive Suite v101: terminal collapsed-sidebar overrides after legacy chart rules. */
@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: calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 48px) !important;
		max-width: calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 48px) !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) .analytics-chart-panel {
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Executive Suite v99: release-preview repairs for Analytics, Agents chart fit, and collapsed profile controls. */
#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn,
#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header .profile-btn {
	display: none !important;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn::before,
#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header .profile-btn::before {
	content: none !important;
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #appRoot #agentsView:not(.hidden) {
		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 #appRoot #agentsView:not(.hidden) {
		width: calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 48px) !important;
		max-width: calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 48px) !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden),
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-page-header,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) #agentsAnalyticsDashboard,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .agents-filter-bar,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .table-wrapper,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-charts-row,
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-chart-panel {
		box-sizing: border-box !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-charts-row {
		width: 100% !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		align-items: stretch !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-chart-panel {
		width: 100% !important;
		overflow: hidden !important;
	}
}

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

/* Executive Suite v100: clamp Agents dashboard rows to the available sidebar-adjusted viewport. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #agentsView:not(.hidden) .agents-page-header,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #agentsView:not(.hidden) #agentsAnalyticsDashboard,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #agentsView:not(.hidden) .analytics-charts-row,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #agentsView:not(.hidden) .agents-filter-bar,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #agentsView:not(.hidden) .table-wrapper {
		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 #agentsView:not(.hidden) .agents-page-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) #agentsAnalyticsDashboard,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) .analytics-charts-row,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) .agents-filter-bar,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) .table-wrapper {
		width: calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 48px) !important;
		max-width: calc(100dvw - var(--es-sidebar-collapsed-width, 76px) - 48px) !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-charts-row {
		justify-content: stretch !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #agentsView:not(.hidden) .analytics-charts-row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* Executive Suite v22: explicit sidebar toggle and single profile entry. */
#mainAppContent.executive-suite-shell .app-header {
	position: fixed;
}

#mainAppContent.executive-suite-shell .sidebar-collapse-toggle {
	position: absolute !important;
	top: 18px !important;
	right: 12px !important;
	z-index: 12;
	width: 34px;
	height: 34px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(125, 211, 252, 0.34);
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(30, 41, 59, 0.98), rgba(15, 23, 42, 0.96)),
		#111827;
	color: #dce8fb;
	cursor: pointer;
	box-shadow:
		0 0 0 1px rgba(14, 165, 233, 0.08),
		0 14px 28px rgba(0, 0, 0, 0.28);
}

#mainAppContent.executive-suite-shell .sidebar-collapse-toggle:hover,
#mainAppContent.executive-suite-shell .sidebar-collapse-toggle:focus-visible {
	border-color: rgba(125, 211, 252, 0.68);
	background:
		linear-gradient(180deg, rgba(30, 64, 175, 0.38), rgba(14, 116, 144, 0.2)),
		#111827;
	color: #ffffff;
	outline: none;
	box-shadow:
		0 0 0 3px rgba(56, 189, 248, 0.14),
		0 18px 34px rgba(0, 0, 0, 0.32);
}

#mainAppContent.executive-suite-shell .sidebar-collapse-icon {
	width: 14px;
	height: 14px;
}

#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
	top: 18px !important;
	right: 19px !important;
	width: 34px;
	height: 34px;
}

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

#mainAppContent.executive-suite-shell .user-info {
	cursor: pointer;
}

/* Executive Suite v23: sidebar lip control and uniform Leads intelligence panels. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell .app-header {
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
		position: absolute !important;
		top: 104px !important;
		right: auto !important;
		left: calc(100% - 1px) !important;
		z-index: 40 !important;
		width: 30px !important;
		height: 60px !important;
		margin: 0 !important;
		padding: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: 1px solid rgba(91, 124, 255, 0.42) !important;
		border-left: 0 !important;
		border-radius: 0 18px 18px 0 !important;
		background:
			linear-gradient(180deg, rgba(35, 48, 80, 0.98), rgba(11, 18, 32, 0.98)),
			#111827 !important;
		color: #dce8fb !important;
		box-shadow:
			12px 0 30px rgba(0, 0, 0, 0.28),
			inset 1px 0 0 rgba(255, 255, 255, 0.08),
			0 0 0 1px rgba(91, 124, 255, 0.08) !important;
		transform: none !important;
		transition:
			width 160ms ease,
			background 160ms ease,
			border-color 160ms ease,
			box-shadow 160ms ease !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle::before {
		content: "";
		position: absolute;
		inset: 8px auto 8px -7px;
		width: 8px;
		border-radius: 999px 0 0 999px;
		background: linear-gradient(180deg, rgba(91, 124, 255, 0.28), rgba(14, 165, 233, 0.12));
		opacity: 0.85;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle:hover,
	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle:focus-visible {
		width: 34px !important;
		border-color: rgba(125, 211, 252, 0.72) !important;
		background:
			linear-gradient(180deg, rgba(37, 99, 235, 0.42), rgba(8, 47, 73, 0.34)),
			#111827 !important;
		color: #ffffff !important;
		outline: none !important;
		box-shadow:
			14px 0 34px rgba(0, 0, 0, 0.32),
			0 0 0 4px rgba(56, 189, 248, 0.13),
			inset 1px 0 0 rgba(255, 255, 255, 0.12) !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-icon {
		width: 12px !important;
		height: 12px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 12px !important;
		align-items: stretch !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		height: 238px !important;
		min-height: 238px !important;
		max-height: 238px !important;
		display: flex !important;
		flex-direction: column !important;
		padding: 10px 12px 12px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-header {
		flex: 0 0 auto !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
		min-height: 20px !important;
		margin-bottom: 8px !important;
		padding-bottom: 8px !important;
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		border-bottom: 1px solid rgba(126, 148, 184, 0.14) !important;
		letter-spacing: 0.08em !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsSourceChart {
		flex: 1 1 auto !important;
		min-height: 0 !important;
		height: auto !important;
		display: grid !important;
		gap: 6px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
		grid-template-rows: 52px repeat(4, minmax(0, 1fr)) !important;
		align-content: stretch !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
		height: 100% !important;
		min-height: 0 !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: minmax(0, 1fr) !important;
		gap: 0 !important;
	}

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

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
		height: 100% !important;
		min-height: 0 !important;
		display: grid !important;
		gap: 6px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
		position: relative !important;
		min-height: 0 !important;
		height: auto !important;
		max-height: none !important;
		display: grid !important;
		grid-template-columns: minmax(108px, 0.68fr) minmax(120px, 1fr) minmax(70px, auto) !important;
		align-items: center !important;
		gap: 10px !important;
		margin: 0 !important;
		padding: 5px 10px !important;
		border: 1px solid rgba(126, 148, 184, 0.14) !important;
		border-radius: 10px !important;
		background: rgba(8, 14, 26, 0.62) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:first-child,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child {
		min-height: 52px !important;
		padding: 8px 10px !important;
		border-color: color-mix(in srgb, var(--bar-color, var(--source-color, #5b7cff)) 42%, rgba(126, 148, 184, 0.16)) !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--bar-color, var(--source-color, #5b7cff)) 17%, transparent), transparent 68%),
			rgba(9, 16, 30, 0.86) !important;
	}

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

	#mainAppContent.executive-suite-shell #leadsView .health-bar-label,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-name-wrap {
		min-width: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 7px !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-label,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-name {
		color: #f4f8ff !important;
		font-size: 11px !important;
		font-weight: 900 !important;
		letter-spacing: 0.01em !important;
		line-height: 1.05 !important;
		text-transform: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:first-child .health-bar-label,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child .lead-source-name {
		font-size: 12px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-track,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-track {
		position: relative !important;
		z-index: 1 !important;
		width: 100% !important;
		min-width: 0 !important;
		height: 4px !important;
		border-radius: 999px !important;
		background: rgba(4, 8, 15, 0.88) !important;
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.34) !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-fill,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-fill {
		height: 100% !important;
		border-radius: inherit !important;
		background: linear-gradient(90deg, var(--bar-color, var(--source-color, #5b7cff)), color-mix(in srgb, var(--bar-color, var(--source-color, #5b7cff)) 72%, #ffffff)) !important;
		box-shadow: 0 0 14px color-mix(in srgb, var(--bar-color, var(--source-color, #5b7cff)) 42%, transparent) !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-meta,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
		justify-self: end !important;
		min-width: 70px !important;
		display: inline-flex !important;
		align-items: baseline !important;
		justify-content: flex-end !important;
		gap: 6px !important;
		color: #dce8fb !important;
		font-size: 10px !important;
		font-weight: 900 !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-count,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-values span {
		color: #f8fbff !important;
		font-weight: 930 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-pct,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-values strong {
		color: #9bb6e9 !important;
		font-weight: 850 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-head {
		display: contents !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-rank {
		min-width: 26px !important;
		height: 20px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: 1px solid rgba(203, 213, 225, 0.18) !important;
		border-radius: 999px !important;
		background: rgba(226, 232, 240, 0.1) !important;
		color: #dce8fb !important;
		font-size: 9px !important;
		font-weight: 900 !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child .lead-source-rank {
		background: color-mix(in srgb, var(--source-color, #5b7cff) 28%, rgba(226, 232, 240, 0.12)) !important;
		border-color: color-mix(in srgb, var(--source-color, #5b7cff) 46%, rgba(226, 232, 240, 0.18)) !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-dot {
		width: 6px !important;
		height: 6px !important;
		flex: 0 0 6px !important;
		border-radius: 999px !important;
		background: var(--source-color, #5b7cff) !important;
		box-shadow: 0 0 12px color-mix(in srgb, var(--source-color, #5b7cff) 50%, transparent) !important;
	}
}

/* Executive Suite v24: final specificity locks for Leads panel symmetry. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
		top: 122px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #leadsView .leads-insights-row,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #leadsView .leads-insights-row {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insights-row > .leads-insight-panel,
	#mainAppContent.executive-suite-shell #leadsView .leads-overview-panel,
	#mainAppContent.executive-suite-shell #leadsView .leads-health-panel,
	#mainAppContent.executive-suite-shell #leadsView .leads-source-panel,
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #leadsView .leads-source-panel,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #leadsView .leads-source-panel {
		grid-column: auto !important;
		width: auto !important;
		max-width: 100% !important;
		height: 238px !important;
		min-height: 238px !important;
		max-height: 238px !important;
		box-sizing: border-box !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
		box-sizing: border-box !important;
		height: 100% !important;
	}
}

/* Executive Suite v25: equal chart body budgets across all three Leads panels. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
		min-height: 18px !important;
		margin-bottom: 6px !important;
		padding-bottom: 6px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsSourceChart,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
		flex: 0 0 180px !important;
		height: 180px !important;
		max-height: 180px !important;
		min-height: 0 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
		grid-template-rows: 52px repeat(4, 26px) !important;
		align-content: start !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:first-child,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child {
		height: 52px !important;
		min-height: 52px !important;
		max-height: 52px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:not(:first-child),
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:not(:first-child) {
		height: 26px !important;
		min-height: 26px !important;
		max-height: 26px !important;
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}
}

/* Executive Suite v26: slimmer integrated nav lip and softer dark-theme text. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
		top: 120px !important;
		left: calc(100% - 1px) !important;
		width: 22px !important;
		min-width: 22px !important;
		max-width: 22px !important;
		height: 50px !important;
		min-height: 50px !important;
		max-height: 50px !important;
		box-sizing: border-box !important;
		border: 1px solid rgba(91, 124, 255, 0.28) !important;
		border-left: 0 !important;
		border-radius: 0 999px 999px 0 !important;
		background:
			linear-gradient(180deg, rgba(19, 28, 48, 0.98), rgba(9, 15, 27, 0.98)),
			#0d1424 !important;
		color: #9ebcff !important;
		box-shadow:
			-3px 0 0 #101827,
			8px 0 18px rgba(0, 0, 0, 0.26),
			inset 1px 0 0 rgba(255, 255, 255, 0.035) !important;
		opacity: 0.96 !important;
	}

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

	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle:hover,
	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle:focus-visible {
		width: 26px !important;
		min-width: 26px !important;
		max-width: 26px !important;
		border-color: rgba(125, 211, 252, 0.5) !important;
		background:
			linear-gradient(180deg, rgba(29, 52, 93, 0.98), rgba(10, 28, 49, 0.98)),
			#0d1424 !important;
		color: #d8e7ff !important;
		box-shadow:
			-3px 0 0 #101827,
			10px 0 24px rgba(0, 0, 0, 0.3),
			0 0 0 3px rgba(91, 124, 255, 0.1),
			inset 1px 0 0 rgba(255, 255, 255, 0.07) !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-icon {
		width: 10px !important;
		height: 10px !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-icon::before {
		inset: 2px !important;
		border-width: 0 0 2px 2px !important;
		border-color: currentColor !important;
		opacity: 0.92 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		color: #d9e6f5 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
		color: #e7eef8 !important;
		text-shadow: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
		background: rgba(8, 14, 26, 0.68) !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:first-child,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child {
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--bar-color, var(--source-color, #5b7cff)) 13%, transparent), transparent 70%),
			rgba(10, 18, 33, 0.9) !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-label,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-name {
		color: #dce8f5 !important;
		font-weight: 830 !important;
		text-shadow: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:first-child .health-bar-label,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child .lead-source-name {
		color: #f1f6ff !important;
		font-size: 12.5px !important;
		font-weight: 900 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-meta,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-values {
		color: #c9d8ea !important;
		font-weight: 820 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-count,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-values span {
		color: #e6eef9 !important;
		font-weight: 880 !important;
		text-shadow: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-pct,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-values strong {
		color: #b8c9e2 !important;
		font-weight: 780 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:first-child .health-bar-count,
	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:first-child .health-bar-pct,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child .lead-source-values {
		color: #f2f7ff !important;
		font-size: 12.5px !important;
		font-weight: 900 !important;
		letter-spacing: 0.005em !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-track,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-track {
		background: rgba(4, 8, 15, 0.72) !important;
	}
}

/* Executive Suite v28: final Leads table fit and chart breathing room. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
		padding-bottom: 7px !important;
		box-sizing: border-box !important;
		align-content: start !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars {
		grid-template-rows: 51px repeat(4, 24px) !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars {
		grid-template-rows: 51px repeat(5, 19px) !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
		grid-template-rows: repeat(5, 24px) minmax(12px, auto) !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:first-child,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child {
		min-height: 51px !important;
		max-height: 51px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:not(:first-child),
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:not(:first-child) {
		min-height: 24px !important;
		max-height: 24px !important;
	}

	#mainAppContent.executive-suite-shell:has(#leadsView:not(.hidden)) #appRoot,
	#mainAppContent.executive-suite-shell #leadsView:not(.hidden),
	#mainAppContent.executive-suite-shell #leadsView .leads-dashboard {
		min-height: 0 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-table-container,
	#mainAppContent.executive-suite-shell #leadsView .table-wrapper {
		height: clamp(420px, calc(100dvh - 500px), 860px) !important;
		min-height: 420px !important;
		max-height: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .table-wrapper {
		overflow: auto !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable thead th {
		position: sticky !important;
		top: 0 !important;
		z-index: 5 !important;
		background: rgba(10, 16, 29, 0.96) !important;
	}
}

/* Executive Suite v50: hard-lock collapsed rail mechanics and chart row symmetry. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell .app-header {
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell .main-nav,
	#mainAppContent.executive-suite-shell .header-actions {
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
		top: 126px !important;
		left: auto !important;
		right: -17px !important;
		width: 34px !important;
		min-width: 34px !important;
		max-width: 34px !important;
		height: 58px !important;
		min-height: 58px !important;
		max-height: 58px !important;
		display: grid !important;
		place-items: center !important;
		padding: 0 !important;
		border: 1px solid rgba(125, 211, 252, 0.36) !important;
		border-left: 0 !important;
		border-radius: 0 17px 17px 0 !important;
		background:
			linear-gradient(180deg, rgba(24, 35, 61, 0.98), rgba(8, 14, 25, 0.98)),
			#0b1221 !important;
		color: #c7d8f6 !important;
		box-shadow:
			10px 0 26px rgba(0, 0, 0, 0.34),
			inset 1px 0 0 rgba(255, 255, 255, 0.065) !important;
		opacity: 1 !important;
		transform: none !important;
		z-index: 1200 !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle:hover,
	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle:focus-visible,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle:hover,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle:focus-visible {
		width: 38px !important;
		min-width: 38px !important;
		max-width: 38px !important;
		right: -21px !important;
		border-color: rgba(125, 211, 252, 0.68) !important;
		background:
			linear-gradient(180deg, rgba(36, 58, 96, 0.98), rgba(9, 25, 43, 0.98)),
			#0b1221 !important;
		color: #f2f7ff !important;
		box-shadow:
			12px 0 30px rgba(0, 0, 0, 0.38),
			0 0 0 3px rgba(96, 165, 250, 0.11),
			inset 1px 0 0 rgba(255, 255, 255, 0.1) !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-icon {
		width: 13px !important;
		height: 13px !important;
		display: block !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-icon::before {
		inset: 2px !important;
		border-width: 0 0 2px 2px !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .main-nav {
		align-items: center !important;
		gap: 10px !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		position: relative !important;
		width: 46px !important;
		min-width: 46px !important;
		max-width: 46px !important;
		height: 46px !important;
		min-height: 46px !important;
		max-height: 46px !important;
		display: grid !important;
		place-items: center !important;
		padding: 0 !important;
		margin: 0 auto !important;
		gap: 0 !important;
		line-height: 0 !important;
		text-align: center !important;
		transform: none !important;
	}

	#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.sidebar-collapsed .nav-link > span,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link .nav-icon {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::before {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		width: 19px !important;
		height: 19px !important;
		margin: 0 !important;
		display: block !important;
		transform: translate(-50%, -50%) !important;
		transform-origin: center !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="admin"]::before {
		width: 20px !important;
		height: 20px !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn {
		position: relative !important;
		width: 46px !important;
		min-width: 46px !important;
		max-width: 46px !important;
		height: 46px !important;
		min-height: 46px !important;
		max-height: 46px !important;
		display: grid !important;
		place-items: center !important;
		padding: 0 !important;
		margin: 0 auto !important;
		line-height: 0 !important;
		transform: none !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed #profileBtn svg,
	#mainAppContent.executive-suite-shell.sidebar-collapsed #logoutBtn::before {
		width: 18px !important;
		height: 18px !important;
		margin: 0 !important;
		display: block !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		height: 238px !important;
		min-height: 238px !important;
		max-height: 238px !important;
		padding: 10px 12px 13px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .leads-insight-title {
		color: #dce7f5 !important;
		font-size: 11px !important;
		font-weight: 850 !important;
		letter-spacing: 0.085em !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsSourceChart,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
		height: 181px !important;
		min-height: 0 !important;
		max-height: 181px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list {
		display: grid !important;
		grid-template-rows: 52px repeat(4, 26px) !important;
		gap: 6px !important;
		align-content: start !important;
		padding: 0 0 7px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: minmax(0, 1fr) !important;
		gap: 0 !important;
	}

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

	#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary,
	#mainAppContent.executive-suite-shell #leadsView .lead-health-summary,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child,
	#mainAppContent.executive-suite-shell #leadsView .overview-bar-row:first-child,
	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:first-child {
		height: 52px !important;
		min-height: 52px !important;
		max-height: 52px !important;
		padding: 8px 10px !important;
		border: 1px solid color-mix(in srgb, var(--bar-color, var(--source-color, #5b7cff)) 38%, rgba(126, 148, 184, 0.18)) !important;
		border-radius: 10px !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--bar-color, var(--source-color, #5b7cff)) 14%, transparent), transparent 70%),
			rgba(8, 15, 29, 0.88) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:not(:first-child),
	#mainAppContent.executive-suite-shell #leadsView .overview-bar-row:not(:first-child),
	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:not(:first-child),
	#mainAppContent.executive-suite-shell #leadsView .health-bar-row {
		height: 26px !important;
		min-height: 26px !important;
		max-height: 26px !important;
		padding: 4px 10px !important;
		border-radius: 9px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item {
		display: grid !important;
		grid-template-columns: minmax(112px, 0.66fr) minmax(118px, 1fr) minmax(76px, auto) !important;
		align-items: center !important;
		gap: 10px !important;
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary strong,
	#mainAppContent.executive-suite-shell #leadsView .lead-health-summary strong,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child .lead-source-values,
	#mainAppContent.executive-suite-shell #leadsView .overview-bar-row:first-child .health-bar-meta,
	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:first-child .health-bar-meta {
		color: #edf4ff !important;
		font-size: 13px !important;
		font-weight: 900 !important;
		letter-spacing: 0 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child .lead-source-name,
	#mainAppContent.executive-suite-shell #leadsView .overview-bar-row:first-child .health-bar-label,
	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:first-child .health-bar-label {
		color: #edf4ff !important;
		font-size: 12.5px !important;
		font-weight: 900 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-label,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-name {
		color: #d8e4f2 !important;
		font-weight: 820 !important;
		text-shadow: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-track,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-track {
		height: 4px !important;
		background: rgba(4, 8, 15, 0.76) !important;
	}
}

/* Executive Suite v53: final rail-integrated handle override after prior experiments. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell .app-header,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .app-header {
		z-index: 1300 !important;
		overflow: visible !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
		top: 96px !important;
		left: auto !important;
		right: 0 !important;
		width: 32px !important;
		min-width: 32px !important;
		max-width: 32px !important;
		height: 34px !important;
		min-height: 34px !important;
		max-height: 34px !important;
		display: grid !important;
		place-items: center !important;
		padding: 0 !important;
		border: 1px solid rgba(101, 133, 255, 0.32) !important;
		border-right: 0 !important;
		border-radius: 12px 0 0 12px !important;
		background:
			linear-gradient(145deg, rgba(23, 35, 61, 0.98), rgba(8, 15, 28, 0.98)),
			#0b1020 !important;
		color: #cbd8eb !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.06),
			inset -2px 0 0 rgba(56, 189, 248, 0.18),
			0 10px 24px rgba(0, 0, 0, 0.28) !important;
		opacity: 1 !important;
		transform: none !important;
		z-index: 20 !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle {
		left: 48px !important;
		right: auto !important;
		width: 28px !important;
		min-width: 28px !important;
		max-width: 28px !important;
		height: 34px !important;
		min-height: 34px !important;
		max-height: 34px !important;
		border-radius: 10px 0 0 10px !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle::before,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle::before {
		content: "" !important;
		position: absolute !important;
		top: 7px !important;
		right: 0 !important;
		bottom: 7px !important;
		left: auto !important;
		width: 2px !important;
		display: block !important;
		border: 0 !important;
		border-radius: 999px !important;
		background: rgba(125, 211, 252, 0.52) !important;
		box-shadow: 0 0 10px rgba(56, 189, 248, 0.22) !important;
		transform: none !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle:hover,
	#mainAppContent.executive-suite-shell .sidebar-collapse-toggle:focus-visible,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle:hover,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle:focus-visible {
		right: 0 !important;
		width: 32px !important;
		min-width: 32px !important;
		max-width: 32px !important;
		border-color: rgba(125, 211, 252, 0.62) !important;
		background:
			linear-gradient(145deg, rgba(28, 43, 73, 0.98), rgba(10, 19, 35, 0.98)),
			#0b1020 !important;
		color: #eff6ff !important;
		box-shadow:
			0 0 0 3px rgba(56, 189, 248, 0.08),
			inset 0 1px 0 rgba(255, 255, 255, 0.075),
			inset -2px 0 0 rgba(56, 189, 248, 0.28),
			0 12px 28px rgba(0, 0, 0, 0.3) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle:hover,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-toggle:focus-visible {
		left: 48px !important;
		right: auto !important;
		width: 28px !important;
		min-width: 28px !important;
		max-width: 28px !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-icon,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-icon {
		width: 9px !important;
		height: 9px !important;
		transform: none !important;
	}

	#mainAppContent.executive-suite-shell .sidebar-collapse-icon::before,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-icon::before {
		inset: 1px !important;
		border-width: 0 0 2px 2px !important;
		border-color: currentColor !important;
		opacity: 0.96 !important;
		transform: rotate(45deg) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .sidebar-collapse-icon::before {
		transform: rotate(-135deg) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="listings"] {
		--es-rail-icon-color: #9bc7ff;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="leads"] {
		--es-rail-icon-color: #c4a7ff;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="specials"] {
		--es-rail-icon-color: #fb6f6f;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="tracker"] {
		--es-rail-icon-color: #67e8f9;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="emails"] {
		--es-rail-icon-color: #7dd3fc;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="agents"] {
		--es-rail-icon-color: #a7f3d0;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="analytics"] {
		--es-rail-icon-color: #a5b4fc;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="admin"] {
		--es-rail-icon-color: #d1d8e6;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[data-page="bugs"] {
		--es-rail-icon-color: #fca5a5;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link {
		color: var(--es-rail-icon-color, #a7b7cf) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link::before {
		background: var(--es-rail-icon-color, currentColor) !important;
		filter: drop-shadow(0 0 8px color-mix(in srgb, var(--es-rail-icon-color, #a7b7cf) 24%, transparent)) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link:hover,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link:focus-visible {
		color: color-mix(in srgb, var(--es-rail-icon-color, #dce8f8) 82%, #ffffff) !important;
	}

	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link.active,
	#mainAppContent.executive-suite-shell.sidebar-collapsed .nav-link[aria-current="page"] {
		color: color-mix(in srgb, var(--es-rail-icon-color, #ffffff) 72%, #ffffff) !important;
	}

	#mainAppContent.executive-suite-shell .nav-link-special .nav-icon {
		color: #ff5f57 !important;
		filter: saturate(1.12) drop-shadow(0 0 8px rgba(255, 95, 87, 0.2)) !important;
		text-shadow: 0 0 12px rgba(255, 95, 87, 0.24) !important;
	}

	#mainAppContent.executive-suite-shell .nav-link-special:hover .nav-icon,
	#mainAppContent.executive-suite-shell .nav-link-special.active .nav-icon,
	#mainAppContent.executive-suite-shell .nav-link-special[aria-current="page"] .nav-icon {
		filter: saturate(1.18) drop-shadow(0 0 10px rgba(255, 95, 87, 0.3)) !important;
	}
}

/* Executive Suite v52: softer Leads table hierarchy and compact preference contract. */
#mainAppContent.executive-suite-shell #leadsView .table-wrapper,
#mainAppContent.executive-suite-shell #leadsView .leads-table-container {
	border-color: rgba(128, 151, 190, 0.24) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
		rgba(24, 34, 55, 0.93) !important;
	box-shadow:
		0 20px 50px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

#mainAppContent.executive-suite-shell #leadsTable {
	color: #d3dfed !important;
}

#mainAppContent.executive-suite-shell #leadsTable thead th {
	background:
		linear-gradient(180deg, rgba(21, 31, 51, 0.98), rgba(13, 21, 36, 0.98)),
		#111a2c !important;
	color: #9fb2cf !important;
}

#mainAppContent.executive-suite-shell #leadsTable td {
	color: #d3dfed !important;
	border-bottom-color: rgba(139, 160, 196, 0.13) !important;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr {
	background: rgba(28, 40, 64, 0.54) !important;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr:nth-child(even) {
	background: rgba(25, 36, 58, 0.46) !important;
}

#mainAppContent.executive-suite-shell #leadsTable tbody tr:hover {
	background: rgba(39, 55, 86, 0.74) !important;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-name {
	color: #e8eef7 !important;
	font-weight: 850 !important;
	text-shadow: none !important;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-contact-line,
#mainAppContent.executive-suite-shell #leadsTable .subtle,
#mainAppContent.executive-suite-shell #leadsTable .mono {
	color: #95a8c2 !important;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tags {
	display: flex !important;
	flex-wrap: wrap !important;
	align-content: flex-start !important;
	gap: 6px 7px !important;
	max-height: 58px !important;
	overflow: hidden !important;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tag {
	max-width: 100% !important;
	min-height: 24px !important;
	padding: 4px 10px !important;
	border: 1px solid rgba(129, 153, 190, 0.24) !important;
	border-radius: 999px !important;
	background: rgba(148, 163, 184, 0.1) !important;
	color: #c8d6e8 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
	line-height: 1.12 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	box-shadow: none !important;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tag--layout {
	border-color: rgba(129, 140, 248, 0.34) !important;
	background: rgba(99, 102, 241, 0.16) !important;
	color: #d8ddff !important;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tag--budget {
	border-color: rgba(34, 197, 94, 0.28) !important;
	background: rgba(34, 197, 94, 0.11) !important;
	color: #b8f0c9 !important;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tag--move,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag--area {
	border-color: rgba(56, 189, 248, 0.28) !important;
	background: rgba(14, 165, 233, 0.1) !important;
	color: #bae6fd !important;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tag--background,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag--credit {
	border-color: rgba(251, 191, 36, 0.28) !important;
	background: rgba(245, 158, 11, 0.1) !important;
	color: #fde68a !important;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tag--pets,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag--source,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag--notes,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag--more {
	border-color: rgba(167, 139, 250, 0.28) !important;
	background: rgba(124, 58, 237, 0.11) !important;
	color: #ddd6fe !important;
}

#mainAppContent.executive-suite-shell #leadsTable .pref-tag--empty,
#mainAppContent.executive-suite-shell #leadsTable .pref-tag--invalid {
	border-color: rgba(148, 163, 184, 0.18) !important;
	background: rgba(15, 23, 42, 0.54) !important;
	color: #8fa2bd !important;
}

#mainAppContent.executive-suite-shell #leadsTable .showcase-btn {
	position: relative !important;
	display: inline-grid !important;
	place-items: center !important;
	color: #eef4ff !important;
}

#mainAppContent.executive-suite-shell #leadsTable .showcase-btn-icon {
	width: 18px !important;
	height: 18px !important;
	display: block !important;
	margin: 0 !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.9 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	transform: translateY(0) !important;
}

#mainAppContent.executive-suite-shell #leadsTable .showcase-btn-icon path {
	fill: none !important;
}

#mainAppContent.executive-suite-shell #leadsTable .showcase-btn-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
}

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #leadsTable {
		min-width: 1420px !important;
		table-layout: fixed !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(1),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(1) {
		width: 48px !important;
		min-width: 48px !important;
		max-width: 48px !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(2),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(2) {
		width: 27% !important;
		min-width: 340px !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(3),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(3) {
		width: 112px !important;
		min-width: 112px !important;
		max-width: 132px !important;
		text-align: center !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(3) {
		font-size: 9.5px !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(4),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(4) {
		width: 168px !important;
		min-width: 154px !important;
		text-align: center !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(5),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(5) {
		width: 31% !important;
		min-width: 470px !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(6),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(6) {
		width: 118px !important;
		min-width: 108px !important;
		max-width: 132px !important;
		text-align: center !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(7),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(7) {
		width: 17% !important;
		min-width: 260px !important;
		max-width: none !important;
		padding-inline: 8px !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(7) {
		font-size: 10px !important;
		line-height: 1.1 !important;
		letter-spacing: 0.03em !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable .showcase-btn {
		width: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		height: 34px !important;
		min-height: 34px !important;
		max-height: 34px !important;
		padding: 0 !important;
		border-radius: 12px !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable .lead-agent-assignee {
		display: grid !important;
		grid-template-columns: 34px minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 10px !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable .lead-agent-select-shell,
	#mainAppContent.executive-suite-shell #leadsTable .lead-agent-selected-name,
	#mainAppContent.executive-suite-shell #leadsTable .lead-agent-name {
		display: block !important;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}
}

/* Executive Suite v54: unified ranked source charts and taller Leads page density. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #leadsView .leads-insight-panel {
		height: 248px !important;
		min-height: 248px !important;
		max-height: 248px !important;
		padding-bottom: 15px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsSourceChart,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .leads-source-chart,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-pro,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-list {
		height: 188px !important;
		min-height: 0 !important;
		max-height: 188px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #leadsView #leadsOverviewBars,
	#mainAppContent.executive-suite-shell #leadsView #leadsHealthBars,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-list,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-list {
		display: grid !important;
		grid-template-rows: 50px repeat(4, 26px) !important;
		gap: 6px !important;
		align-content: start !important;
		padding: 0 0 10px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-pro,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-pro {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: minmax(0, 1fr) !important;
		gap: 0 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-primary--momentum,
	#mainAppContent.executive-suite-shell #leadsView .lead-sources-more,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-primary,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-more {
		display: none !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-overview-summary,
	#mainAppContent.executive-suite-shell #leadsView .lead-health-summary,
	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:first-child,
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-item:first-child {
		height: 50px !important;
		min-height: 50px !important;
		max-height: 50px !important;
		padding: 7px 10px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .health-bar-row:not(:first-child),
	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:not(:first-child),
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-item:not(:first-child) {
		height: 26px !important;
		min-height: 26px !important;
		max-height: 26px !important;
		padding: 4px 10px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-item,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-item {
		display: grid !important;
		grid-template-columns: minmax(100px, 0.72fr) minmax(82px, 1fr) minmax(74px, max-content) !important;
		align-items: center !important;
		gap: 10px !important;
		min-width: 0 !important;
		margin: 0 !important;
		border-radius: 10px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-name-wrap,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-name-wrap {
		display: flex !important;
		min-width: 0 !important;
		align-items: center !important;
		gap: 6px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-name,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-name {
		min-width: 0 !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-track,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-track {
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-values,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-values {
		justify-self: end !important;
		display: grid !important;
		grid-template-columns: minmax(32px, max-content) minmax(34px, max-content) !important;
		align-items: center !important;
		gap: 8px !important;
		min-width: 74px !important;
		color: #c8d8ec !important;
		font-size: 11px !important;
		font-weight: 820 !important;
		line-height: 1 !important;
		text-align: right !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-values strong,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-values strong {
		color: #b7cff2 !important;
		font-size: inherit !important;
		font-weight: 850 !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-values span,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-values span {
		color: #e5edf8 !important;
		font-size: inherit !important;
		font-weight: 900 !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child .lead-source-name,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-item:first-child .lead-source-name {
		font-size: 13px !important;
	}

	#mainAppContent.executive-suite-shell #leadsView .lead-source-item:first-child .lead-source-values,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-item:first-child .lead-source-values {
		font-size: 13px !important;
		min-width: 86px !important;
	}
}

/* Executive Suite v56: final Leads column order overrides after chart refinements. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(3),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(3) {
		width: 68px !important;
		min-width: 68px !important;
		max-width: 68px !important;
		text-align: center !important;
	}

	#mainAppContent.executive-suite-shell #leadsTable th:nth-child(4),
	#mainAppContent.executive-suite-shell #leadsTable td:nth-child(4) {
		width: 76px !important;
		min-width: 76px !important;
		max-width: 76px !important;
		padding-inline: 8px !important;
		text-align: center !important;
	}
}

#mainAppContent.executive-suite-shell #leadsTable .lead-preferences-btn {
	position: relative !important;
	display: inline-grid !important;
	place-items: center !important;
	width: 36px !important;
	min-width: 36px !important;
	max-width: 36px !important;
	height: 34px !important;
	min-height: 34px !important;
	max-height: 34px !important;
	padding: 0 !important;
	border-radius: 12px !important;
	border: 1px solid rgba(125, 211, 252, 0.2) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0)),
		rgba(10, 18, 32, 0.74) !important;
	color: #b9cbed !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-preferences-btn:hover,
#mainAppContent.executive-suite-shell #leadsTable .lead-preferences-btn:focus-visible {
	border-color: rgba(125, 211, 252, 0.52) !important;
	color: #e4efff !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)),
		rgba(20, 33, 58, 0.92) !important;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-preferences-icon {
	width: 17px !important;
	height: 17px !important;
	display: block !important;
	margin: 0 !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.7 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-preferences-icon path,
#mainAppContent.executive-suite-shell #leadsTable .lead-preferences-icon circle {
	fill: none !important;
}

#mainAppContent.executive-suite-shell #leadsTable .lead-preferences-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
}

/* Executive Suite v81: Listings amenities and Tracker modal readability cleanup. */
#mainAppContent.executive-suite-shell #listingsView .lv-amenities-grid,
body:has(#mainAppContent.executive-suite-shell) .mapboxgl-popup-content .popup-amenities,
body:has(#mainAppContent.executive-suite-shell) .showcase-details .amenities-grid {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 7px !important;
	align-items: flex-start !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-amenity-tag,
body:has(#mainAppContent.executive-suite-shell) .mapboxgl-popup-content .popup-amenity-tag,
body:has(#mainAppContent.executive-suite-shell) .showcase-details .amenity-tag,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .amenity-tag {
	display: inline-flex !important;
	align-items: center !important;
	max-width: 100% !important;
	padding: 5px 10px !important;
	border: 1px solid rgba(96, 165, 250, 0.28) !important;
	border-radius: 999px !important;
	background:
		linear-gradient(180deg, rgba(96, 165, 250, 0.15), rgba(96, 165, 250, 0.05)),
		rgba(10, 18, 32, 0.9) !important;
	color: #d8e8ff !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.01em !important;
	white-space: normal !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-amenity-tag--filterable {
	border-color: rgba(52, 211, 153, 0.34) !important;
	background:
		linear-gradient(180deg, rgba(52, 211, 153, 0.16), rgba(52, 211, 153, 0.05)),
		rgba(6, 78, 59, 0.24) !important;
	color: #c8ffe7 !important;
}

#mainAppContent.executive-suite-shell #listingsView .lv-amenity-tag--fallback {
	border-color: rgba(148, 163, 184, 0.24) !important;
	background:
		linear-gradient(180deg, rgba(148, 163, 184, 0.12), rgba(148, 163, 184, 0.04)),
		rgba(15, 23, 42, 0.82) !important;
	color: #c2d0e6 !important;
}

body:has(#mainAppContent.executive-suite-shell) .showcase-details {
	background: #070d18 !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) .showcase-details .showcase-section {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.006)),
		rgba(12, 20, 35, 0.94) !important;
	color: #dce8fb !important;
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24) !important;
}

body:has(#mainAppContent.executive-suite-shell) .showcase-details .showcase-section h4,
body:has(#mainAppContent.executive-suite-shell) .showcase-details .showcase-section strong {
	color: #edf5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) .showcase-details .more-amenities,
body:has(#mainAppContent.executive-suite-shell) .showcase-details .no-data,
#mainAppContent.executive-suite-shell #listingsView .lv-detail-block > div[style] {
	color: #9fb0ce !important;
	background: transparent !important;
}

body:has(#mainAppContent.executive-suite-shell) .mapboxgl-popup-content {
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	background:
		linear-gradient(180deg, rgba(17, 27, 48, 0.98), rgba(8, 14, 26, 0.98)),
		#08101d !important;
	color: #dce8fb !important;
	box-shadow: 0 22px 64px rgba(0, 0, 0, 0.5) !important;
}

body:has(#mainAppContent.executive-suite-shell) .mapboxgl-popup-tip {
	border-top-color: #08101d !important;
	border-bottom-color: #08101d !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-panel {
	border-color: rgba(126, 148, 184, 0.24) !important;
	background:
		linear-gradient(180deg, rgba(22, 33, 54, 0.96), rgba(10, 16, 29, 0.96)),
		#0c1424 !important;
	color: #dce8fb !important;
}

#mainAppContent.executive-suite-shell #trackerView .step-panel-body,
#mainAppContent.executive-suite-shell #trackerView .step-panel-section,
#mainAppContent.executive-suite-shell #trackerView .section-content,
#mainAppContent.executive-suite-shell #trackerView .what-happened-item,
#mainAppContent.executive-suite-shell #trackerView .whats-next-item {
	color: #dce8fb !important;
}

#mainAppContent.executive-suite-shell #trackerView .what-happened-item,
#mainAppContent.executive-suite-shell #trackerView .whats-next-item {
	border-color: rgba(126, 148, 184, 0.2) !important;
	background: rgba(7, 12, 23, 0.74) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

#mainAppContent.executive-suite-shell #trackerView .what-happened-item.muted,
#mainAppContent.executive-suite-shell #trackerView .whats-next-item.muted,
#mainAppContent.executive-suite-shell #trackerView .what-happened-item.pending {
	color: #9fb0ce !important;
}

#mainAppContent.executive-suite-shell #trackerView .what-happened-item.success,
#mainAppContent.executive-suite-shell #trackerView .whats-next-item.success {
	border-color: rgba(52, 211, 153, 0.28) !important;
	background: rgba(6, 78, 59, 0.2) !important;
	color: #d7ffed !important;
}

#mainAppContent.executive-suite-shell #trackerView .what-happened-item.warning,
#mainAppContent.executive-suite-shell #trackerView .whats-next-item.warning,
#mainAppContent.executive-suite-shell #trackerView .whats-next-item.tip {
	border-color: rgba(251, 191, 36, 0.28) !important;
	background: rgba(120, 53, 15, 0.2) !important;
	color: #ffe9b5 !important;
}

#mainAppContent.executive-suite-shell #trackerView .what-happened-item.error,
#mainAppContent.executive-suite-shell #trackerView .whats-next-item.error {
	border-color: rgba(248, 113, 113, 0.3) !important;
	background: rgba(127, 29, 29, 0.22) !important;
	color: #ffd1d1 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-note {
	display: inline-block !important;
	margin: 4px 0 0 24px !important;
	color: #9fb0ce !important;
	font-size: 11px !important;
	font-weight: 750 !important;
}

#mainAppContent.executive-suite-shell #trackerView .tracker-step-note--success {
	color: #8ff0c4 !important;
	font-weight: 850 !important;
}

#mainAppContent.executive-suite-shell #trackerView .status-badge,
#mainAppContent.executive-suite-shell #trackerView .step-status-badge,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .status-badge {
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	background: rgba(15, 23, 42, 0.82) !important;
	color: #dce8fb !important;
}

#mainAppContent.executive-suite-shell #trackerView .status-badge.success,
#mainAppContent.executive-suite-shell #trackerView .step-status-badge.completed {
	border-color: rgba(52, 211, 153, 0.3) !important;
	background: rgba(6, 78, 59, 0.24) !important;
	color: #baf7d5 !important;
}

#mainAppContent.executive-suite-shell #trackerView .status-badge.warning,
#mainAppContent.executive-suite-shell #trackerView .step-status-badge.current {
	border-color: rgba(251, 191, 36, 0.28) !important;
	background: rgba(120, 53, 15, 0.22) !important;
	color: #ffe29a !important;
}

#mainAppContent.executive-suite-shell #trackerView .status-badge.error {
	border-color: rgba(248, 113, 113, 0.3) !important;
	background: rgba(127, 29, 29, 0.24) !important;
	color: #ffc6c6 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-details,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-section,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .response-details,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-detail,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .preferences-list,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .properties-list,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .selected-property-list {
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-section,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-info-box,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .response-section,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .wants-more-section,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .tour-section,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .property-section,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .commission-section {
	margin: 14px 0 !important;
	padding: 14px !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 12px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(24, 36, 55, 0.9) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-section-title,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-section > strong,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-details strong,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .selected-property-summary strong {
	color: #edf5ff !important;
	font-weight: 900 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-section-copy,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-pending,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-details em,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .gc-receipt-hint,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-log-metrics {
	color: #9fb0ce !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-warning,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .followup-alert {
	border-color: rgba(251, 191, 36, 0.32) !important;
	background:
		linear-gradient(180deg, rgba(251, 191, 36, 0.14), rgba(251, 191, 36, 0.04)),
		rgba(120, 53, 15, 0.22) !important;
	color: #ffe6aa !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-error {
	color: #ffc6c6 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .tracker-modal-divider {
	margin: 14px 0 !important;
	border: 0 !important;
	border-top: 1px solid rgba(126, 148, 184, 0.2) !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .showcase-email-audit {
	border-color: rgba(56, 189, 248, 0.24) !important;
	background:
		linear-gradient(180deg, rgba(56, 189, 248, 0.12), rgba(56, 189, 248, 0.03)),
		rgba(8, 15, 29, 0.88) !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .showcase-email-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-log-item,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .gc-receipt-panel {
	padding: 12px !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 10px !important;
	background: rgba(33, 48, 74, 0.86) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-log-header,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .gc-receipt-row,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .tracker-modal-action-row {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-log-header {
	justify-content: space-between !important;
	margin-bottom: 8px !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-log-date,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-log-summary {
	color: #edf5ff !important;
	font-weight: 850 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-log-status,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .selected-property-tour-date {
	color: #8ff0c4 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .selected-property-summary {
	margin-top: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .preferences-list,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .properties-list,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .selected-property-list {
	margin: 8px 0 0 !important;
	padding-left: 20px !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .preferences-list li,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .properties-list li,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .selected-property-list li {
	margin: 5px 0 !important;
	color: #cbd9ef !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .tracker-modal-actions,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-actions {
	margin-top: 18px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .tracker-modal-action,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .view-email-btn,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .print-email-btn,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .gc-receipt-send-btn,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 32px !important;
	padding: 7px 12px !important;
	border: 1px solid rgba(96, 165, 250, 0.32) !important;
	border-radius: 9px !important;
	background:
		linear-gradient(180deg, rgba(96, 165, 250, 0.28), rgba(59, 130, 246, 0.12)),
		rgba(30, 64, 175, 0.35) !important;
	color: #eff6ff !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .tracker-modal-action--secondary,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .print-email-btn,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .btn-secondary {
	border-color: rgba(126, 148, 184, 0.24) !important;
	background: rgba(15, 23, 42, 0.84) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .tracker-modal-action--link {
	border-color: rgba(167, 139, 250, 0.34) !important;
	background: rgba(88, 28, 135, 0.3) !important;
	color: #e9d5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .print-email-preview {
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .print-email-toolbar {
	border-color: rgba(126, 148, 184, 0.24) !important;
	background: rgba(9, 15, 27, 0.88) !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .print-email-meta {
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .print-email-paper {
	border-color: rgba(126, 148, 184, 0.2) !important;
	background: rgba(3, 7, 18, 0.72) !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .print-email-footnote {
	color: #9fb0ce !important;
}

/* Executive Suite v82: shared dynamic modal shell dark-mode guardrail. */
body:has(#mainAppContent.executive-suite-shell) #dynamicModal:not(.hidden) {
	background: rgba(2, 6, 15, 0.78) !important;
	backdrop-filter: blur(12px) !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalCard {
	border: 1px solid rgba(96, 165, 250, 0.36) !important;
	background:
		linear-gradient(180deg, rgba(24, 36, 60, 0.98), rgba(8, 14, 26, 0.98)),
		#0b1220 !important;
	color: #dce8fb !important;
	box-shadow: 0 26px 80px rgba(0, 0, 0, 0.62) !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalCard .modal-header {
	border-bottom: 1px solid rgba(126, 148, 184, 0.2) !important;
	background:
		linear-gradient(180deg, rgba(96, 165, 250, 0.08), rgba(255, 255, 255, 0)),
		rgba(9, 15, 27, 0.74) !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalTitle {
	color: #eaf2ff !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) !important;
}

body:has(#mainAppContent.executive-suite-shell) #closeDynamicModal {
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	background: rgba(15, 23, 42, 0.9) !important;
	color: #cbd9ef !important;
}

body:has(#mainAppContent.executive-suite-shell) #closeDynamicModal:hover,
body:has(#mainAppContent.executive-suite-shell) #closeDynamicModal:focus-visible {
	border-color: rgba(96, 165, 250, 0.5) !important;
	background: rgba(30, 41, 59, 0.95) !important;
	color: #f3f8ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent {
	background: transparent !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent h1,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent h2,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent h3,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent h4,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent h5,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent label,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent strong {
	color: #eef6ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent p,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent span,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent small,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent div {
	color: inherit !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent a,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-link {
	color: #93c5fd !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent hr {
	border-color: rgba(126, 148, 184, 0.2) !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent input,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent select,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent textarea {
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	background: rgba(5, 10, 20, 0.84) !important;
	color: #edf5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent input::placeholder,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent textarea::placeholder {
	color: #7183a4 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .preferences-list li,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .properties-list li,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .selected-property-list li,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-details,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent > div[style],
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent li[style] {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0)),
		rgba(7, 12, 23, 0.7) !important;
	color: #cbd9ef !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-details {
	padding: 10px 12px !important;
	border-radius: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-section .preferences-list li,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-section .properties-list li,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .modal-section .selected-property-list li {
	padding: 9px 11px !important;
	border-radius: 9px !important;
	list-style-position: inside !important;
}

/* Executive Suite v83: direct dynamic-modal selectors for legacy modal roots. */
#dynamicModal:not(.hidden) {
	background: rgba(2, 6, 15, 0.78) !important;
	backdrop-filter: blur(12px) !important;
}

#dynamicModalCard {
	border: 1px solid rgba(96, 165, 250, 0.36) !important;
	background:
		linear-gradient(180deg, rgba(24, 36, 60, 0.98), rgba(8, 14, 26, 0.98)),
		#0b1220 !important;
	color: #dce8fb !important;
	box-shadow: 0 26px 80px rgba(0, 0, 0, 0.62) !important;
}

#dynamicModalCard .modal-header {
	border-bottom: 1px solid rgba(126, 148, 184, 0.2) !important;
	background:
		linear-gradient(180deg, rgba(96, 165, 250, 0.08), rgba(255, 255, 255, 0)),
		rgba(9, 15, 27, 0.74) !important;
}

#dynamicModalTitle,
#dynamicModalContent h1,
#dynamicModalContent h2,
#dynamicModalContent h3,
#dynamicModalContent h4,
#dynamicModalContent h5,
#dynamicModalContent label,
#dynamicModalContent strong {
	color: #eef6ff !important;
}

#closeDynamicModal {
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	background: rgba(15, 23, 42, 0.9) !important;
	color: #cbd9ef !important;
}

#dynamicModalContent,
#dynamicModalContent p,
#dynamicModalContent span,
#dynamicModalContent small,
#dynamicModalContent div {
	color: #dce8fb !important;
}

#dynamicModalContent a,
#dynamicModalContent .modal-link {
	color: #93c5fd !important;
}

#dynamicModalContent hr {
	border-color: rgba(126, 148, 184, 0.2) !important;
}

#dynamicModalContent input,
#dynamicModalContent select,
#dynamicModalContent textarea {
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	background: rgba(5, 10, 20, 0.84) !important;
	color: #edf5ff !important;
}

#dynamicModalContent .modal-section,
#dynamicModalContent .modal-details,
#dynamicModalContent .email-info-box,
#dynamicModalContent .response-section,
#dynamicModalContent .wants-more-section,
#dynamicModalContent .tour-section,
#dynamicModalContent .property-section,
#dynamicModalContent .commission-section,
#dynamicModalContent > div[style] {
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 12px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(9, 15, 27, 0.84) !important;
	color: #dce8fb !important;
}

#dynamicModalContent .preferences-list li,
#dynamicModalContent .properties-list li,
#dynamicModalContent .selected-property-list li,
#dynamicModalContent li[style] {
	padding: 9px 11px !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 9px !important;
	background: rgba(7, 12, 23, 0.7) !important;
	color: #cbd9ef !important;
}

#dynamicModalContent .modal-warning,
#dynamicModalContent .followup-alert {
	border-color: rgba(251, 191, 36, 0.32) !important;
	background:
		linear-gradient(180deg, rgba(251, 191, 36, 0.14), rgba(251, 191, 36, 0.04)),
		rgba(120, 53, 15, 0.22) !important;
	color: #ffe6aa !important;
}

#dynamicModalContent .modal-error {
	color: #ffc6c6 !important;
}

/* Executive Suite v84: progress modal dark-mode parity for tracker step details. */
#progressModal.progress-modal {
	background: rgba(2, 6, 15, 0.78) !important;
	backdrop-filter: blur(12px) !important;
}

#progressModal .progress-modal-content {
	border: 1px solid rgba(96, 165, 250, 0.36) !important;
	background:
		linear-gradient(180deg, rgba(24, 36, 60, 0.98), rgba(8, 14, 26, 0.98)),
		#0b1220 !important;
	color: #dce8fb !important;
	box-shadow: 0 26px 80px rgba(0, 0, 0, 0.62) !important;
}

#progressModal .progress-modal-close {
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	background: rgba(15, 23, 42, 0.9) !important;
	color: #cbd9ef !important;
}

#progressModal .modal-content,
#progressModal .modal-content p,
#progressModal .modal-content span,
#progressModal .modal-content small,
#progressModal .modal-content div {
	color: #dce8fb !important;
}

#progressModal .modal-content h1,
#progressModal .modal-content h2,
#progressModal .modal-content h3,
#progressModal .modal-content h4,
#progressModal .modal-content h5,
#progressModal .modal-content label,
#progressModal .modal-content strong {
	color: #eef6ff !important;
}

#progressModal .modal-content a,
#progressModal .modal-content .modal-link {
	color: #93c5fd !important;
}

#progressModal .modal-content hr {
	border-color: rgba(126, 148, 184, 0.2) !important;
}

#progressModal .modal-content input,
#progressModal .modal-content select,
#progressModal .modal-content textarea {
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	background: rgba(5, 10, 20, 0.84) !important;
	color: #edf5ff !important;
}

#progressModal .modal-content .modal-section,
#progressModal .modal-content .modal-details,
#progressModal .modal-content .email-info-box,
#progressModal .modal-content .response-section,
#progressModal .modal-content .wants-more-section,
#progressModal .modal-content .tour-section,
#progressModal .modal-content .property-section,
#progressModal .modal-content .commission-section,
#progressModal .modal-content > div[style] {
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 12px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(9, 15, 27, 0.84) !important;
	color: #dce8fb !important;
}

#progressModal .modal-content .preferences-list li,
#progressModal .modal-content .properties-list li,
#progressModal .modal-content .selected-property-list li,
#progressModal .modal-content li[style] {
	padding: 9px 11px !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 9px !important;
	background: rgba(7, 12, 23, 0.7) !important;
	color: #cbd9ef !important;
}

#progressModal .modal-content .modal-warning,
#progressModal .modal-content .followup-alert {
	border-color: rgba(251, 191, 36, 0.32) !important;
	background:
		linear-gradient(180deg, rgba(251, 191, 36, 0.14), rgba(251, 191, 36, 0.04)),
		rgba(120, 53, 15, 0.22) !important;
	color: #ffe6aa !important;
}

#progressModal .modal-content .modal-error {
	color: #ffc6c6 !important;
}

/* Executive Suite v85: inline legacy block neutralizer inside tracker modals. */
#dynamicModalContent div[style],
#progressModal .modal-content div[style] {
	border-color: rgba(126, 148, 184, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0)),
		rgba(7, 12, 23, 0.72) !important;
	color: #dce8fb !important;
}

#dynamicModalContent span[style],
#dynamicModalContent small[style],
#progressModal .modal-content span[style],
#progressModal .modal-content small[style] {
	color: #cbd9ef !important;
}

#dynamicModalContent button,
#dynamicModalContent .button,
#progressModal .modal-content button,
#progressModal .modal-content .button {
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	background: rgba(15, 23, 42, 0.9) !important;
	color: #dce8fb !important;
}

#dynamicModalContent button:hover,
#dynamicModalContent button:focus-visible,
#progressModal .modal-content button:hover,
#progressModal .modal-content button:focus-visible {
	border-color: rgba(96, 165, 250, 0.48) !important;
	background: rgba(30, 41, 59, 0.95) !important;
	color: #f3f8ff !important;
}

#dynamicModalContent .email-tracking-stats,
#progressModal .modal-content .email-tracking-stats {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 8px !important;
	margin: 12px 0 !important;
	padding: 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 10px !important;
	background: rgba(7, 12, 23, 0.76) !important;
	color: #dce8fb !important;
}

#dynamicModalContent .stat-item,
#progressModal .modal-content .stat-item {
	padding: 6px 8px !important;
	border: 1px solid rgba(96, 165, 250, 0.12) !important;
	border-radius: 8px !important;
	background: rgba(15, 23, 42, 0.72) !important;
	text-align: center !important;
}

#dynamicModalContent .stat-label,
#progressModal .modal-content .stat-label {
	display: block !important;
	margin-bottom: 2px !important;
	color: #8fa3c4 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}

#dynamicModalContent .stat-value,
#progressModal .modal-content .stat-value {
	display: block !important;
	color: #dce8fb !important;
	font-size: 16px !important;
	font-weight: 900 !important;
}

#dynamicModalContent .stat-value.status-sent,
#dynamicModalContent .stat-value.status-delivered,
#progressModal .modal-content .stat-value.status-sent,
#progressModal .modal-content .stat-value.status-delivered {
	color: #8ff0c4 !important;
}

/* Executive Suite v86: Listings manager modal, notes, and interested-leads dark polish. */
body:has(#mainAppContent.executive-suite-shell) #listingEditModal,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal {
	background: rgba(2, 6, 15, 0.78) !important;
	backdrop-filter: blur(12px) !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingEditModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .modal-content,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .modal-content,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal .modal-content,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal .modal-content,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .modal-content,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-content {
	border: 1px solid rgba(96, 165, 250, 0.32) !important;
	background:
		linear-gradient(180deg, rgba(24, 36, 60, 0.98), rgba(8, 14, 26, 0.98)),
		#0b1220 !important;
	color: #dce8fb !important;
	box-shadow: 0 26px 80px rgba(0, 0, 0, 0.62) !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingEditModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-header {
	border-bottom: 1px solid rgba(126, 148, 184, 0.18) !important;
	background: rgba(8, 15, 29, 0.72) !important;
	color: #eef6ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingEditModal h1,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal h2,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal h3,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal h4,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal label,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal strong,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal h1,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal h2,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal h3,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal h4,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal label,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal strong,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal h1,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal h2,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal h3,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal h4,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal label,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal strong,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal h1,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal h2,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal h3,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal h4,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal label,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal strong,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal h1,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal h2,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal h3,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal h4,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal label,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal strong,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal h1,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal h2,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal h3,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal h4,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal label,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal strong {
	color: #eef6ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingEditModal p,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal span,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal small,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal div,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal p,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal span,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal small,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal p,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal span,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal small,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal p,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal span,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal small,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal p,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal span,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal small,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal p,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal span,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal small {
	color: #cbd9ef !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingEditModal input,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal select,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal textarea,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal input,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal select,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal textarea,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal input,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal select,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal textarea,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal input,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal select,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal textarea {
	border: 1px solid rgba(126, 148, 184, 0.26) !important;
	background: rgba(5, 10, 20, 0.88) !important;
	color: #edf5ff !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingEditModal input[readonly],
body:has(#mainAppContent.executive-suite-shell) #listingEditModal select:disabled,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal textarea:disabled {
	background: rgba(15, 23, 42, 0.72) !important;
	color: #93a8c8 !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingEditModal .simple-section,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .collapsible-section,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .section-content,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .policy-group,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .amenities-checkboxes,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .note-bubble,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal .note-bubble,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal .note-bubble,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .activity-item,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .activity-log-item {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(9, 15, 27, 0.82) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingEditModal .section-header {
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	background: rgba(12, 20, 36, 0.9) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingEditModal .checkbox-label,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .header-toggle-label {
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #listingEditModal .icon-btn,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .modal-close,
body:has(#mainAppContent.executive-suite-shell) #propertyNotesModal .icon-btn,
body:has(#mainAppContent.executive-suite-shell) #leadNotesModal .icon-btn,
body:has(#mainAppContent.executive-suite-shell) #unitNotesModal .icon-btn,
body:has(#mainAppContent.executive-suite-shell) #activityLogModal .icon-btn,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .close-btn {
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	background: rgba(15, 23, 42, 0.9) !important;
	color: #dce8fb !important;
}

#mainAppContent.executive-suite-shell #listingsView .notes-btn,
#mainAppContent.executive-suite-shell #listingsView .activity-btn,
#mainAppContent.executive-suite-shell #listingsView .interest-btn,
#mainAppContent.executive-suite-shell #listingsView .icon-btn-small,
#mainAppContent.executive-suite-shell #leadsView .lead-inline-action,
#mainAppContent.executive-suite-shell #leadsView .notes-icon,
#mainAppContent.executive-suite-shell #leadsView .activity-icon {
	display: inline-grid !important;
	place-items: center !important;
	width: 30px !important;
	height: 30px !important;
	min-width: 30px !important;
	border: 1px solid rgba(191, 219, 254, 0.46) !important;
	border-radius: 10px !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.015)), rgba(15, 25, 42, 0.92) !important;
	color: #e5f0ff !important;
	box-shadow:
		0 0 0 1px rgba(15, 23, 42, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

#mainAppContent.executive-suite-shell #listingsView .notes-btn:hover,
#mainAppContent.executive-suite-shell #listingsView .activity-btn:hover,
#mainAppContent.executive-suite-shell #listingsView .interest-btn:hover,
#mainAppContent.executive-suite-shell #leadsView .lead-inline-action:hover {
	border-color: rgba(147, 197, 253, 0.72) !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02)), rgba(30, 47, 75, 0.96) !important;
	color: #e4efff !important;
}

#mainAppContent.executive-suite-shell #leadsView .notes-icon.has-notes,
#mainAppContent.executive-suite-shell #listingsView .notes-btn:has(svg[style*="fbbf24"]) {
	border-color: rgba(251, 191, 36, 0.4) !important;
	color: #ffd777 !important;
}

body:has(#mainAppContent.executive-suite-shell) #interestedLeadsList,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsModal .modal-body {
	text-align: center !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #interestedLeadsList > div[style],
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsList .interested-leads-empty,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsList .interested-leads-summary,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsList .interested-lead-item {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(9, 15, 27, 0.84) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #interestedLeadsList .interested-lead-item,
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsList div[style*="display: flex"] {
	text-align: left !important;
}

body:has(#mainAppContent.executive-suite-shell) #interestedLeadsList p[style],
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsList div[style],
body:has(#mainAppContent.executive-suite-shell) #interestedLeadsList span[style] {
	color: #dce8fb !important;
}

/* Executive Suite v87: remaining dynamic modals and Agents chart parity. */
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-compact,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-compact,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .email-preview-content,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-preview-content {
	display: grid !important;
	gap: 16px !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-header,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-header,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .email-meta,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-meta {
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 16px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01)),
		rgba(10, 17, 31, 0.9) !important;
	color: #dce8fb !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-header,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-header {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 14px 16px !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-badge,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-badge,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .status-badge,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .status-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 24px !important;
	padding: 4px 10px !important;
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	border-radius: 999px !important;
	background: rgba(30, 41, 59, 0.92) !important;
	color: #eef6ff !important;
	font-size: 0.72rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-subject,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-subject {
	color: #edf5ff !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-grid,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-grid {
	display: grid !important;
	gap: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-row,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-row,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-context-row,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-context-row,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .meta-row,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .meta-row {
	display: grid !important;
	grid-template-columns: minmax(96px, 0.22fr) minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 10px 14px !important;
	border-bottom: 1px solid rgba(126, 148, 184, 0.14) !important;
	color: #cbd9ef !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-row:last-child,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-row:last-child,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-context-row:last-child,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-context-row:last-child,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .meta-row:last-child,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .meta-row:last-child {
	border-bottom: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-label,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-label,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-context-label,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-context-label,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .meta-row strong,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .meta-row strong,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-section-label,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-section-label {
	color: #8ea8cc !important;
	font-size: 0.74rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-val,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-val,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-context-value,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-context-value,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-row strong,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-row strong {
	color: #edf5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-action-group,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-action-group {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-action-group .btn,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-action-group .btn {
	border: 1px solid rgba(96, 165, 250, 0.35) !important;
	background:
		linear-gradient(180deg, rgba(96, 165, 250, 0.24), rgba(37, 99, 235, 0.16)),
		rgba(15, 23, 42, 0.92) !important;
	color: #eef6ff !important;
	box-shadow: 0 10px 24px rgba(37, 99, 235, 0.18) !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-engagement,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-engagement,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .email-tracking-stats,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-tracking-stats {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-pill,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-pill,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .email-stat-card,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-stat-card {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	min-height: 76px !important;
	padding: 14px !important;
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.008)),
		rgba(9, 15, 27, 0.88) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-pill-meta,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-pill-meta,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .stat-label,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .stat-label {
	color: #8ea8cc !important;
	font-size: 0.72rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .stat-value,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .stat-value {
	color: #edf5ff !important;
	font-size: 1.08rem !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .email-stat-icon,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-stat-icon {
	display: inline-grid !important;
	place-items: center !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 12px !important;
	background: rgba(96, 165, 250, 0.12) !important;
	color: #bfdbfe !important;
	flex: 0 0 auto !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .email-stat-info,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-stat-info {
	min-width: 0 !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-section,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-section,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-timeline,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-timeline,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-context-grid,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-context-grid,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-preview-row,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-preview-row,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .email-content-preview,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-content-preview {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 16px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.006)),
		rgba(8, 14, 25, 0.9) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-section,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-section,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-timeline,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-timeline,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-context-grid,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-context-grid,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-preview-row,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-preview-row {
	display: grid !important;
	gap: 10px !important;
	padding: 14px !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .email-content-preview,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-content-preview {
	display: grid !important;
	gap: 10px !important;
	padding: 14px !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .email-content-preview h4,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-content-preview h4,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-section h4,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-section h4 {
	margin: 0 !important;
	color: #edf5ff !important;
	font-size: 0.88rem !important;
	font-weight: 800 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-tl-item,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-tl-item,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-inline-note,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-inline-note {
	border: 1px solid rgba(126, 148, 184, 0.16) !important;
	border-radius: 12px !important;
	background: rgba(15, 23, 42, 0.78) !important;
	color: #cbd9ef !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-error,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-error {
	border: 1px solid rgba(248, 113, 113, 0.32) !important;
	border-radius: 14px !important;
	background: rgba(127, 29, 29, 0.18) !important;
	color: #fecaca !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .email-iframe-container,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-iframe-container,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-preview-iframe {
	overflow: hidden !important;
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	border-radius: 14px !important;
	background: #f8fafc !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .email-iframe-container iframe,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-iframe-container iframe,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-preview-iframe,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-preview-iframe {
	display: block !important;
	width: 100% !important;
	border: 0 !important;
	background: #f8fafc !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-preview-iframe,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-preview-iframe {
	min-height: 460px !important;
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	border-radius: 14px !important;
}

@media (max-width: 760px) {
	body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-row,
	body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-row,
	body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-context-row,
	body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-context-row,
	body:has(#mainAppContent.executive-suite-shell) #dynamicModal .meta-row,
	body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .meta-row,
	body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-engagement,
	body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-engagement,
	body:has(#mainAppContent.executive-suite-shell) #dynamicModal .email-tracking-stats,
	body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .email-tracking-stats {
		grid-template-columns: 1fr !important;
	}
}

@media (min-width: 1281px) and (max-width: 1900px) {
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

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

/* Executive Suite v88: harden email detail/template modals against legacy light inline styles */
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-compact,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-compact,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .template-preview-modal,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .template-preview-modal {
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-compact :is(div, span, p, li, td, th, strong, em, small, label, summary),
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-compact :is(div, span, p, li, td, th, strong, em, small, label, summary),
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .template-preview-modal :is(h2, h3, p, div, span, summary, code),
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .template-preview-modal :is(h2, h3, p, div, span, summary, code) {
	color: inherit !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-header,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-header,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-grid,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-grid,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-row,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-row {
	background: rgba(9, 15, 28, 0.72) !important;
	border-color: rgba(126, 148, 184, 0.18) !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-subject,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-subject,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-val,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-val,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-context-value,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-context-value,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-tl-item strong,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-tl-item strong {
	color: #f0f6ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-label,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-label,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-context-label,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-context-label,
body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-meta-none,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-meta-none {
	color: #90a6c7 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .ed-badge,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .ed-badge {
	color: #f8fbff !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModal .template-preview-modal pre,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .template-preview-modal pre {
	background: rgba(8, 13, 24, 0.92) !important;
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	color: #dce8fb !important;
}

/* Executive Suite v89: app-wide authenticated modal normalization.
   This covers legacy modals appended outside #mainAppContent while leaving public intake pages untouched. */
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden),
body:has(#mainAppContent.executive-suite-shell) .modal-overlay,
body:has(#mainAppContent.executive-suite-shell) #scanUnitsModal.modal-overlay,
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal,
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal,
body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden),
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal.advanced-filters-modal:not([style*="display: none"]),
body:has(#mainAppContent.executive-suite-shell) .bulk-send-confirmation-overlay,
body:has(#mainAppContent.executive-suite-shell) .guest-card-modal.show,
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal.show,
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal.show,
body:has(#mainAppContent.executive-suite-shell) .progress-modal.show,
body:has(#mainAppContent.executive-suite-shell) .progress-modal.active,
body:has(#mainAppContent.executive-suite-shell) .enrichment-modal-overlay:not(.hidden),
body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal,
body:has(#mainAppContent.executive-suite-shell) #progressModal.progress-modal {
	position: fixed !important;
	inset: 0 !important;
	z-index: 10000 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: clamp(18px, 3vw, 36px) !important;
	background:
		radial-gradient(circle at 50% 20%, rgba(96, 165, 250, 0.14), transparent 360px),
		rgba(3, 7, 18, 0.78) !important;
	backdrop-filter: blur(12px) !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .modal-card,
body:has(#mainAppContent.executive-suite-shell) .modal-overlay .modal-content,
body:has(#mainAppContent.executive-suite-shell) .modal-overlay .progress-modal-content,
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal > div,
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal > div,
body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal > div,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) > div,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-container,
body:has(#mainAppContent.executive-suite-shell) .bulk-send-confirmation-modal,
body:has(#mainAppContent.executive-suite-shell) .bulk-send-progress-modal,
body:has(#mainAppContent.executive-suite-shell) .guest-card-modal-content,
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal-content,
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal-content,
body:has(#mainAppContent.executive-suite-shell) .enrichment-modal,
body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal > div,
body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-content,
body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal .email-templates-modal__panel,
body:has(#mainAppContent.executive-suite-shell) .email-templates-modal__panel {
	display: flex !important;
	flex-direction: column !important;
	width: min(780px, calc(100vw - 48px)) !important;
	max-width: min(780px, calc(100vw - 48px)) !important;
	max-height: min(86vh, 820px) !important;
	overflow: hidden !important;
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	border-radius: 18px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.008)),
		#101827 !important;
	color: #dce8fb !important;
	box-shadow:
		0 34px 96px rgba(0, 0, 0, 0.58),
		inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .modal-card.wide,
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .modal-card.large,
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .modal-card.email-preview-card,
body:has(#mainAppContent.executive-suite-shell) #listingEditModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #addListingModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #buildShowcaseModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #matchesModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #propertyShowcaseModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalCard.wide,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalCard.large,
body:has(#mainAppContent.executive-suite-shell) #photoGalleryModalCard.large,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-container,
body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal > div,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) > div,
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal-content {
	width: min(1080px, calc(100vw - 48px)) !important;
	max-width: min(1080px, calc(100vw - 48px)) !important;
}

body:has(#mainAppContent.executive-suite-shell) #profileModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #userModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #agentEditModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #performanceMonitorModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #testSmartMatchModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #bugDetailsModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #bugEditModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #addLeadModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #addUnitModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #unitConfigModal .modal-card,
body:has(#mainAppContent.executive-suite-shell) #addPropertyContactModal .modal-card {
	width: min(900px, calc(100vw - 48px)) !important;
	max-width: min(900px, calc(100vw - 48px)) !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .modal-card.modal-md,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalCard.modal-md,
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal-content {
	width: min(680px, calc(100vw - 48px)) !important;
	max-width: min(680px, calc(100vw - 48px)) !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .modal-card.modal-sm,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalCard.modal-sm,
body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-content {
	width: min(460px, calc(100vw - 48px)) !important;
	max-width: min(460px, calc(100vw - 48px)) !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) :is(.modal-header, .modal-sticky-header, .modal-footer),
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal > div > div:first-child,
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal > div > div:first-child,
body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal > div > div:first-child,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) > div > div:first-child,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-header,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-footer,
body:has(#mainAppContent.executive-suite-shell) .bulk-send-confirmation-modal > :first-child,
body:has(#mainAppContent.executive-suite-shell) .guest-card-modal-header,
body:has(#mainAppContent.executive-suite-shell) .guest-card-modal-footer,
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal-header,
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal-header,
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal-footer,
body:has(#mainAppContent.executive-suite-shell) .enrichment-modal-header,
body:has(#mainAppContent.executive-suite-shell) .enrichment-modal-footer,
body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-header,
body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal .modal-header,
body:has(#mainAppContent.executive-suite-shell) .email-templates-modal__header {
	flex: 0 0 auto !important;
	padding: 16px 18px !important;
	border-color: rgba(126, 148, 184, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.88)),
		#111827 !important;
	color: #edf5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) :is(.modal-body, #dynamicModalContent),
body:has(#mainAppContent.executive-suite-shell) .modal-overlay .modal-body,
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal > div > div:last-child,
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal > div > div:last-child,
body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal > div > div:last-child,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) > div > div:last-child,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-body,
body:has(#mainAppContent.executive-suite-shell) .bulk-send-confirmation-modal,
body:has(#mainAppContent.executive-suite-shell) .bulk-send-progress-modal,
body:has(#mainAppContent.executive-suite-shell) .guest-card-modal-body,
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal-body,
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal-body,
body:has(#mainAppContent.executive-suite-shell) .enrichment-modal-body,
body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-body,
body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal .modal-body,
body:has(#mainAppContent.executive-suite-shell) .email-templates-modal__body {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	overflow: auto !important;
	padding: 18px !important;
	background: rgba(7, 12, 22, 0.62) !important;
	color: #dce8fb !important;
	scrollbar-color: rgba(125, 211, 252, 0.38) rgba(15, 23, 42, 0.42);
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) :is(h1, h2, h3, h4, h5, h6),
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal :is(h1, h2, h3, h4),
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal :is(h1, h2, h3, h4),
body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal :is(h1, h2, h3, h4),
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) :is(h1, h2, h3, h4),
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal :is(h1, h2, h3, h4),
body:has(#mainAppContent.executive-suite-shell) .bulk-send-confirmation-modal :is(h1, h2, h3, h4),
body:has(#mainAppContent.executive-suite-shell) .bulk-send-progress-modal :is(h1, h2, h3, h4),
body:has(#mainAppContent.executive-suite-shell) .guest-card-modal :is(h1, h2, h3, h4),
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal :is(h1, h2, h3, h4),
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal :is(h1, h2, h3, h4),
body:has(#mainAppContent.executive-suite-shell) .enrichment-modal :is(h1, h2, h3, h4),
body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal :is(h1, h2, h3, h4),
body:has(#mainAppContent.executive-suite-shell) .email-templates-modal :is(h1, h2, h3, h4) {
	color: #edf5ff !important;
	font-family: var(--es-display-font);
	font-weight: 850;
	letter-spacing: 0.01em;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) :is(p, li, td, th, label, small, span, div),
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal :is(p, li, td, th, label, small, span, div, strong),
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal :is(p, li, td, th, label, small, span, div, strong),
body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal :is(p, li, td, th, label, small, span, div, strong),
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) :is(p, li, td, th, label, small, span, div, strong),
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal :is(p, li, td, th, label, small, span, div, strong),
body:has(#mainAppContent.executive-suite-shell) .bulk-send-confirmation-modal :is(p, li, td, th, label, small, span, div, strong),
body:has(#mainAppContent.executive-suite-shell) .bulk-send-progress-modal :is(p, li, td, th, label, small, span, div, strong),
body:has(#mainAppContent.executive-suite-shell) .guest-card-modal :is(p, li, td, th, label, small, span, div),
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal :is(p, li, td, th, label, small, span, div),
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal :is(p, li, td, th, label, small, span, div),
body:has(#mainAppContent.executive-suite-shell) .enrichment-modal :is(p, li, td, th, label, small, span, div),
body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal :is(p, li, td, th, label, small, span, div),
body:has(#mainAppContent.executive-suite-shell) #scanUnitsModal :is(p, li, td, th, label, small, span, div),
body:has(#mainAppContent.executive-suite-shell) #emailTemplatesModal :is(p, li, td, th, label, small, span, div),
body:has(#mainAppContent.executive-suite-shell) .email-templates-modal :is(p, li, td, th, label, small, span, div) {
	color: inherit;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) :is(.modal-close, .modal-close-btn, .icon-btn, .close-btn),
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal [data-action="close"],
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal [data-action="close"],
body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal [data-action="close"],
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) [data-action="close"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-close,
body:has(#mainAppContent.executive-suite-shell) .guest-card-modal-close,
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal-close,
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal-close,
body:has(#mainAppContent.executive-suite-shell) .enrichment-modal-close,
body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-close,
body:has(#mainAppContent.executive-suite-shell) .email-modal-close {
	display: inline-grid !important;
	place-items: center !important;
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	padding: 0 !important;
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	border-radius: 10px !important;
	background: rgba(15, 23, 42, 0.78) !important;
	color: #c7d7ef !important;
	font-size: 20px !important;
	line-height: 1 !important;
	cursor: pointer !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) :is(.modal-close, .modal-close-btn, .icon-btn, .close-btn):hover,
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal [data-action="close"]:hover,
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal [data-action="close"]:hover,
body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal [data-action="close"]:hover,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) [data-action="close"]:hover,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-close:hover,
body:has(#mainAppContent.executive-suite-shell) .guest-card-modal-close:hover,
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal-close:hover,
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal-close:hover,
body:has(#mainAppContent.executive-suite-shell) .enrichment-modal-close:hover,
body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-close:hover,
body:has(#mainAppContent.executive-suite-shell) .email-modal-close:hover {
	border-color: rgba(125, 211, 252, 0.48) !important;
	background: rgba(30, 41, 59, 0.92) !important;
	color: #ffffff !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select),
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select),
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select),
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select),
body:has(#mainAppContent.executive-suite-shell) .guest-card-modal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select),
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select),
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select),
body:has(#mainAppContent.executive-suite-shell) .enrichment-modal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select) {
	border: 1px solid rgba(126, 148, 184, 0.24) !important;
	background: rgba(5, 10, 20, 0.82) !important;
	color: #edf5ff !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) :is(.lead-info-banner, .confirm-property-instructions, .property-selection-section, .agent-notes-section, .timeline-item, .de-section, .de-category, .de-item, .property-row, .guest-card-summary, .email-template-card, .template-info, .variables-list),
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal :is(.customer-details-section, .customer-details-content, .advanced-filters-column, .filter-section, .filter-subsection, .filter-details-content, .advanced-filters-active, .advanced-filters-extra-bar),
body:has(#mainAppContent.executive-suite-shell) .bulk-send-confirmation-modal :is(.lead-match-preview, .selected-leads-list, .property-preview-row),
body:has(#mainAppContent.executive-suite-shell) .guest-card-modal :is(.property-row, .guest-card-summary, .property-email-input, .missing-email-warning),
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal :is(.de-section, .de-category, .de-item, .de-empty, .de-category-actions),
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal :is(.lead-info-banner, .confirm-property-instructions, .property-selection-section, .property-radio-item, .other-property-section, #selectedPropertyDetails),
body:has(#mainAppContent.executive-suite-shell) .enrichment-modal :is(.enrichment-section, .enrichment-card, .enrichment-result),
body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal .modal-body > div[style],
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent :is(.template-info, .variables-list) {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(9, 15, 27, 0.82) !important;
	color: #dce8fb !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="background: white"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="background:white"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="background: #fff"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="background:#fff"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="background: #f8"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="background:#f8"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="background: #f9"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="background:#f9"],
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal [style*="background: white"],
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal [style*="background: #f"],
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal [style*="background: white"],
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal [style*="background: #f"],
body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal [style*="background: white"],
body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal [style*="background: #f"],
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) [style*="background: white"],
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) [style*="background: #f"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="background: white"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="background: #f"],
body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal [style*="background: white"],
body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal [style*="background: #f8"],
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal [style*="background: #f8"],
body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal [style*="background: #f"],
body:has(#mainAppContent.executive-suite-shell) .guest-card-modal [style*="background: #f"] {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(9, 15, 27, 0.86) !important;
	color: #dce8fb !important;
	border-color: rgba(126, 148, 184, 0.18) !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="color: #64748b"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="color:#64748b"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="color: #6b7280"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="color:#6b7280"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="color: #374151"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="color:#374151"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="color: #1e293b"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="color:#1e293b"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="color: #111827"],
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) [style*="color:#111827"],
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal [style*="color: #64748b"],
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal [style*="color: #1e293b"],
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal [style*="color: #166534"],
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal [style*="color: #92400e"],
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal [style*="color: #64748b"],
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal [style*="color: #1e293b"],
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal [style*="color: #166534"],
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal [style*="color: #92400e"],
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal [style*="color: #6b21a8"],
body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal [style*="color: #64748b"],
body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal [style*="color: #1e293b"],
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) [style*="color: #64748b"],
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) [style*="color: #1e293b"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="color: #64748b"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="color: #94a3b8"],
body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal [style*="color: #64748b"],
body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal [style*="color: #1e293b"],
body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal [style*="color: #111827"],
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal [style*="color: #334155"],
body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal [style*="color: #64748b"],
body:has(#mainAppContent.executive-suite-shell) .guest-card-modal [style*="color: #475569"] {
	color: #a9bdd8 !important;
}

body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal [data-email-log-id],
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal [data-email-log-id],
body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal > div > div:last-child > div:first-child,
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal > div > div:last-child > div:first-child {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(9, 15, 27, 0.86) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal [style*="background: #dcfce7"],
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal [style*="background: #dcfce7"] {
	border: 1px solid rgba(52, 211, 153, 0.28) !important;
	background: rgba(6, 78, 59, 0.34) !important;
	color: #8ff5c5 !important;
}

body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal [style*="background: #fef3c7"],
body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal [style*="background: #fef3c7"] {
	border: 1px solid rgba(245, 158, 11, 0.28) !important;
	background: rgba(120, 53, 15, 0.34) !important;
	color: #ffd98a !important;
}

body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal [style*="background: #ede9fe"] {
	border: 1px solid rgba(167, 139, 250, 0.3) !important;
	background: rgba(76, 29, 149, 0.34) !important;
	color: #d8c8ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-overlay {
	position: absolute !important;
	inset: 0 !important;
	background: transparent !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-container {
	position: relative !important;
	z-index: 1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal :is(.filter-section-title, .filter-subsection-title, .customer-details-title, .active-filters-label) {
	color: #edf5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal :is(.filter-checkbox-label, .filter-toggle-label, .customer-details-header, .filter-details-summary) {
	border: 1px solid rgba(126, 148, 184, 0.16) !important;
	border-radius: 10px !important;
	background: rgba(5, 10, 20, 0.55) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal :is(.filter-checkbox-label:hover, .filter-toggle-label:hover, .filter-details-summary:hover) {
	border-color: rgba(125, 211, 252, 0.34) !important;
	background: rgba(15, 23, 42, 0.82) !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal :is(.advanced-filters-clear, .advanced-filters-cancel) {
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	background: rgba(8, 13, 24, 0.8) !important;
	color: #c7d7ef !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal :is(.advanced-filters-apply, .advanced-filters-save-customer) {
	border: 1px solid rgba(96, 165, 250, 0.38) !important;
	background: linear-gradient(135deg, #2563eb, #4f46e5) !important;
	color: #ffffff !important;
	box-shadow: 0 12px 30px rgba(37, 99, 235, 0.28) !important;
}

body:has(#mainAppContent.executive-suite-shell) .bulk-send-confirmation-overlay .score-badge,
body:has(#mainAppContent.executive-suite-shell) .bulk-send-confirmation-modal .score-badge {
	border: 1px solid rgba(126, 148, 184, 0.2) !important;
	background: rgba(15, 23, 42, 0.82) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) .agent-leads-popup {
	z-index: 10010 !important;
	width: min(280px, calc(100vw - 28px)) !important;
	border: 1px solid rgba(126, 148, 184, 0.22) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.008)),
		#101827 !important;
	color: #dce8fb !important;
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.45) !important;
}

body:has(#mainAppContent.executive-suite-shell) .agent-leads-popup__header {
	border-bottom: 1px solid rgba(126, 148, 184, 0.16) !important;
	background: rgba(15, 23, 42, 0.8) !important;
	color: #edf5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) .agent-leads-popup__item {
	border-bottom: 1px solid rgba(126, 148, 184, 0.12) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) .agent-leads-popup__date,
body:has(#mainAppContent.executive-suite-shell) .agent-leads-popup__count,
body:has(#mainAppContent.executive-suite-shell) .agent-leads-popup__empty {
	color: #9fb3d1 !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) table {
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) :is(th, td) {
	border-color: rgba(126, 148, 184, 0.14) !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) thead,
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) tr[style*="background: #f"] {
	background: rgba(15, 23, 42, 0.82) !important;
}

@media (max-width: 720px) {
	body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden),
	body:has(#mainAppContent.executive-suite-shell) .modal-overlay,
	body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal,
	body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal,
	body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal,
	body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden),
	body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal.advanced-filters-modal:not([style*="display: none"]),
	body:has(#mainAppContent.executive-suite-shell) .bulk-send-confirmation-overlay,
	body:has(#mainAppContent.executive-suite-shell) .guest-card-modal.show,
	body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal.show,
	body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal.show,
	body:has(#mainAppContent.executive-suite-shell) .progress-modal.show,
	body:has(#mainAppContent.executive-suite-shell) .progress-modal.active,
	body:has(#mainAppContent.executive-suite-shell) .enrichment-modal-overlay:not(.hidden),
	body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal,
	body:has(#mainAppContent.executive-suite-shell) #progressModal.progress-modal {
		align-items: stretch !important;
		padding: 12px !important;
	}

	body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .modal-card,
	body:has(#mainAppContent.executive-suite-shell) .modal-overlay .modal-content,
	body:has(#mainAppContent.executive-suite-shell) #guestCardViewModal > div,
	body:has(#mainAppContent.executive-suite-shell) #showcaseViewModal > div,
	body:has(#mainAppContent.executive-suite-shell) #showcaseEmailPreviewModal > div,
	body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) > div,
	body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-container,
	body:has(#mainAppContent.executive-suite-shell) .bulk-send-confirmation-modal,
	body:has(#mainAppContent.executive-suite-shell) .bulk-send-progress-modal,
	body:has(#mainAppContent.executive-suite-shell) .guest-card-modal-content,
	body:has(#mainAppContent.executive-suite-shell) .documents-emails-modal-content,
	body:has(#mainAppContent.executive-suite-shell) .confirm-property-modal-content,
	body:has(#mainAppContent.executive-suite-shell) .enrichment-modal,
	body:has(#mainAppContent.executive-suite-shell) #closedSummaryModal > div,
	body:has(#mainAppContent.executive-suite-shell) #progressModal .progress-modal-content,
	body:has(#mainAppContent.executive-suite-shell) .email-templates-modal__panel {
		width: 100% !important;
		max-width: 100% !important;
		max-height: calc(100vh - 24px) !important;
		border-radius: 16px !important;
	}
}

/* Page-level polish found during the modal sweep. */
@media (min-width: 1180px) {
	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-charts-row {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		align-items: stretch !important;
	}

	#mainAppContent.executive-suite-shell #agentsView:not(.hidden) .analytics-chart-panel {
		min-width: 0 !important;
		min-height: 222px !important;
	}

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

/* Executive Suite v90: keep the email preview modal hidden until opened and keep
   the embedded email as a readable light document inside the dark CRM shell. */
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal.hidden {
	display: none !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview-card {
	width: min(1120px, calc(100vw - 48px)) !important;
	max-width: min(1120px, calc(100vw - 48px)) !important;
	max-height: min(88vh, 900px) !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .modal-sticky-header {
	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) #emailPreviewModal:not(.hidden) .email-info,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-info-row,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-info-row strong {
	color: #c7d7ef !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .preview-mode-toggle {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	background: rgba(5, 10, 20, 0.72) !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .preview-mode-btn {
	color: #a9bdd8 !important;
	background: transparent !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .preview-mode-btn.active {
	color: #06111f !important;
	background: #edf5ff !important;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.32) !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview-body {
	padding: 24px !important;
	background:
		radial-gradient(circle at 50% 0%, rgba(96, 165, 250, 0.1), transparent 360px),
		#070c16 !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview-container-wrapper {
	min-height: 0 !important;
	padding: 8px 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview-container {
	max-width: 680px !important;
	color: #111827 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview-container.mobile-mode {
	max-width: 390px !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview {
	overflow: hidden !important;
	border: 1px solid rgba(226, 232, 240, 0.98) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	color: #111827 !important;
	box-shadow: 0 26px 70px rgba(0, 0, 0, 0.42) !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview :is(div, span, p, li, td, th, label, small, strong, em, h1, h2, h3, h4) {
	color: #111827 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-header {
	border-bottom: 1px solid #e2e8f0 !important;
	background: linear-gradient(180deg, #f8fafc, #f1f5f9) !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .email-subject,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .email-greeting,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .preview-property-name,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .agent-card-header {
	color: #0f172a !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .email-from,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .email-intro-subtext,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .preview-property-specs,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .agent-card-footer,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .email-footer,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .email-footer p {
	color: #64748b !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .email-intro-text,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .email-message,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .email-message p,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .perks-list li,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .agent-info-item {
	color: #334155 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .match-badge,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .match-badge *,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .email-cta-button,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .email-cta-button *,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .property-special-badge,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .property-special-badge * {
	color: #ffffff !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .preview-property-card,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-agent-card {
	border-color: #e5e7eb !important;
	background: #ffffff !important;
	color: #111827 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-preview .preview-property-price {
	color: #047857 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .preview-property-special {
	border-color: #f59e0b !important;
	background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
	color: #78350f !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .preview-property-special *,
body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .preview-property-special strong {
	color: #78350f !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-cta-section {
	border-color: #7dd3fc !important;
	background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
	color: #334155 !important;
}

body:has(#mainAppContent.executive-suite-shell) #emailPreviewModal:not(.hidden) .email-cta-section :is(p, div, span, strong) {
	color: #334155 !important;
}

/* Executive Suite v91: restore Emails metrics fit and prevent the Details log column from clipping. */
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact {
	min-width: 1040px !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th:nth-child(1),
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td:nth-child(1) {
	width: 24% !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th:nth-child(2),
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td:nth-child(2) {
	width: 30% !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th:nth-child(3),
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td:nth-child(3) {
	width: 15% !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th:nth-child(4),
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td:nth-child(4) {
	width: 11% !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th:nth-child(5),
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td:nth-child(5) {
	width: 13% !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th:nth-child(6),
#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact td:nth-child(6) {
	width: 7% !important;
	min-width: 76px !important;
	padding-left: 8px !important;
	padding-right: 8px !important;
	text-align: center !important;
	white-space: nowrap !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-logs-table-compact th.email-col-details {
	overflow: visible !important;
	text-overflow: clip !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--actions {
	overflow: visible !important;
}

#mainAppContent.executive-suite-shell #emailsView .email-log-cell--actions .view-email-details {
	width: 36px !important;
	height: 32px !important;
	margin: 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
}

/* Executive Suite v92: Listings filter modal and empty-state dark polish. */
#mainAppContent.executive-suite-shell #listingsView [style*="color: #1e293b"],
#mainAppContent.executive-suite-shell #listingsView [style*="color:#1e293b"],
#mainAppContent.executive-suite-shell #listingsView [style*="color: #374151"],
#mainAppContent.executive-suite-shell #listingsView [style*="color:#374151"],
#mainAppContent.executive-suite-shell #listingsView [style*="color: #475569"],
#mainAppContent.executive-suite-shell #listingsView [style*="color:#475569"] {
	color: #dce8fb !important;
}

#mainAppContent.executive-suite-shell #listingsView [style*="color: #64748b"],
#mainAppContent.executive-suite-shell #listingsView [style*="color:#64748b"],
#mainAppContent.executive-suite-shell #listingsView [style*="color: #94a3b8"],
#mainAppContent.executive-suite-shell #listingsView [style*="color:#94a3b8"],
#mainAppContent.executive-suite-shell #listingsView [style*="color: #9ca3af"],
#mainAppContent.executive-suite-shell #listingsView [style*="color:#9ca3af"] {
	color: #9fb4d2 !important;
}

#mainAppContent.executive-suite-shell #listingsView [style*="background: #f0f9ff"],
#mainAppContent.executive-suite-shell #listingsView [style*="background:#f0f9ff"] {
	border-color: rgba(56, 189, 248, 0.24) !important;
	background:
		linear-gradient(180deg, rgba(14, 165, 233, 0.12), rgba(14, 165, 233, 0.04)),
		rgba(8, 14, 26, 0.92) !important;
	color: #dce8fb !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

#mainAppContent.executive-suite-shell #listingsView [style*="background: #fef2f2"],
#mainAppContent.executive-suite-shell #listingsView [style*="background:#fef2f2"] {
	border-color: rgba(248, 113, 113, 0.28) !important;
	background: rgba(127, 29, 29, 0.3) !important;
	color: #fecaca !important;
}

#mainAppContent.executive-suite-shell #listingsView [style*="background: #fef2f2"] button,
#mainAppContent.executive-suite-shell #listingsView [style*="background:#fef2f2"] button {
	color: #fca5a5 !important;
}

#mainAppContent.executive-suite-shell #listingsView [style*="background: #2563eb"],
#mainAppContent.executive-suite-shell #listingsView [style*="background:#2563eb"] {
	border: 1px solid rgba(96, 165, 250, 0.38) !important;
	background: linear-gradient(135deg, #2563eb, #4f46e5) !important;
	color: #ffffff !important;
	box-shadow: 0 14px 32px rgba(37, 99, 235, 0.26) !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-container {
	background:
		radial-gradient(circle at 0% 0%, rgba(96, 165, 250, 0.1), transparent 360px),
		linear-gradient(180deg, rgba(22, 32, 52, 0.96), rgba(8, 13, 24, 0.98)) !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-body,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-active,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .advanced-filters-extra-bar {
	background: rgba(7, 12, 22, 0.7) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .customer-details-section {
	border-color: rgba(125, 211, 252, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(14, 165, 233, 0.08), rgba(14, 165, 233, 0.02)),
		rgba(7, 12, 22, 0.82) !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .customer-details-grid {
	display: grid !important;
	gap: 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .customer-detail-group,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .customer-bg-issue-chip,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .customer-bg-offense-row {
	border: 1px solid rgba(126, 148, 184, 0.18) !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.03) !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .customer-detail-label,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .customer-bg-offense-label {
	color: #b9c9e2 !important;
	font-weight: 850 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .customer-detail-value,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .customer-bg-issues-hint,
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="color: #64748b"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="color:#64748b"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="color: #94a3b8"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="color:#94a3b8"] {
	color: #9fb4d2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="color: #1e293b"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="color:#1e293b"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="color: #374151"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="color:#374151"] {
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="background:#f8"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="background: #f8"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="background:#f0"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="background: #f0"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="background:#fef2"],
body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal [style*="background: #fef2"] {
	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;
	border-color: rgba(126, 148, 184, 0.2) !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), textarea, select, .filter-input, .filter-select, .filter-search-input) {
	border: 1px solid rgba(126, 148, 184, 0.28) !important;
	background: rgba(5, 10, 20, 0.9) !important;
	color: #edf5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal :is(input, textarea)::placeholder {
	color: #6f83a2 !important;
	opacity: 1 !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .filter-details-summary {
	min-height: 46px !important;
	border-color: rgba(126, 148, 184, 0.24) !important;
	background: rgba(15, 23, 42, 0.9) !important;
	color: #edf5ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .filter-details[open] .filter-details-summary {
	border-color: rgba(125, 211, 252, 0.36) !important;
	background: rgba(30, 41, 59, 0.86) !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .filter-chip {
	border: 1px solid rgba(125, 211, 252, 0.2) !important;
	background: rgba(14, 165, 233, 0.12) !important;
	color: #d8ecff !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .filter-chip-remove {
	display: inline-grid !important;
	place-items: center !important;
	color: #8bd3ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .missing-highlight {
	border-color: rgba(251, 191, 36, 0.38) !important;
	background:
		linear-gradient(180deg, rgba(245, 158, 11, 0.12), rgba(245, 158, 11, 0.04)),
		rgba(9, 15, 27, 0.9) !important;
}

body:has(#mainAppContent.executive-suite-shell) #advancedFiltersModal .missing-badge {
	border: 1px solid rgba(251, 191, 36, 0.35) !important;
	background: rgba(120, 53, 15, 0.32) !important;
	color: #ffd98a !important;
}

/* Executive Suite v93: unified Agents/Admin ranked insight cards.
   The top item is row #1 and supporting rows start at the next item, so charts do not repeat information. */
@media (min-width: 1281px) {
	#mainAppContent.executive-suite-shell:has(#agentsView:not(.hidden)) #agentsView:not(.hidden) .analytics-charts-row {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

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

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #agentsView .analytics-chart-panel {
		height: 244px !important;
		min-height: 244px !important;
		max-height: 244px !important;
		padding: 10px 12px 14px !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-pro,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-pro {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: minmax(0, 1fr) !important;
		height: 188px !important;
		min-height: 0 !important;
		max-height: 188px !important;
		gap: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-sources-list {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: 50px repeat(4, 26px) !important;
		align-content: start !important;
		gap: 6px !important;
		height: 188px !important;
		min-height: 0 !important;
		max-height: 188px !important;
		padding: 0 0 12px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-primary,
	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-item:first-child,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-item:first-child {
		height: 50px !important;
		min-height: 50px !important;
		max-height: 50px !important;
		padding: 7px 10px !important;
	}

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

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-item,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-item {
		position: relative !important;
		display: grid !important;
		grid-template-columns: minmax(108px, 0.72fr) minmax(82px, 1fr) minmax(74px, max-content) !important;
		grid-template-areas: none !important;
		align-items: center !important;
		gap: 10px !important;
		margin: 0 !important;
		border: 1px solid rgba(126, 148, 184, 0.1) !important;
		border-radius: 10px !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--source-color, #5b7cff) 10%, transparent), transparent 68%),
			rgba(6, 12, 23, 0.72) !important;
		color: #dce8fb !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-item:first-child,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-item:first-child {
		border-color: color-mix(in srgb, var(--source-color, #5b7cff) 24%, rgba(126, 148, 184, 0.16)) !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--source-color, #5b7cff) 18%, transparent), transparent 70%),
			rgba(8, 14, 27, 0.88) !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-name-wrap,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-name-wrap {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-rank,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-rank {
		display: inline-grid !important;
		place-items: center !important;
		width: 24px !important;
		height: 20px !important;
		border: 1px solid rgba(180, 198, 226, 0.16) !important;
		border-radius: 999px !important;
		background: rgba(255, 255, 255, 0.075) !important;
		color: #cfe0f7 !important;
		font-size: 10px !important;
		font-weight: 900 !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-dot,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-dot {
		width: 7px !important;
		height: 7px !important;
		border-radius: 999px !important;
		background: var(--source-color, #5b7cff) !important;
		box-shadow: 0 0 12px color-mix(in srgb, var(--source-color, #5b7cff) 34%, transparent) !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-name,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-name {
		min-width: 0 !important;
		overflow: hidden !important;
		color: #dfe9f8 !important;
		font-size: 11px !important;
		font-weight: 850 !important;
		line-height: 1 !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-item:first-child .lead-source-name,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-item:first-child .lead-source-name {
		color: #f2f7ff !important;
		font-size: 13px !important;
		font-weight: 920 !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-track,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-track {
		width: 100% !important;
		min-width: 0 !important;
		height: 4px !important;
		margin: 0 !important;
		overflow: hidden !important;
		border-radius: 999px !important;
		background: rgba(2, 6, 15, 0.72) !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-fill,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-fill {
		height: 100% !important;
		border-radius: inherit !important;
		background: var(--source-color, #5b7cff) !important;
		box-shadow: 0 0 12px color-mix(in srgb, var(--source-color, #5b7cff) 26%, transparent) !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-values,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-values {
		justify-self: end !important;
		display: grid !important;
		grid-template-columns: minmax(32px, max-content) minmax(34px, max-content) !important;
		align-items: center !important;
		gap: 8px !important;
		min-width: 78px !important;
		color: #c8d8ec !important;
		font-size: 11px !important;
		font-weight: 820 !important;
		line-height: 1 !important;
		text-align: right !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-values strong,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-values strong {
		color: #b7cff2 !important;
		font-size: inherit !important;
		font-weight: 850 !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-values span,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-values span {
		color: #e5edf8 !important;
		font-size: inherit !important;
		font-weight: 900 !important;
		line-height: 1 !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .lead-source-item:first-child .lead-source-values,
	#mainAppContent.executive-suite-shell #agentsView .agents-source-panel .lead-source-item:first-child .lead-source-values {
		font-size: 13px !important;
		min-width: 90px !important;
	}

	#mainAppContent.executive-suite-shell #agentsView .agent-leaderboard-list .dash-bar-clear {
		position: absolute !important;
		top: 50% !important;
		right: 6px !important;
		width: 18px !important;
		height: 18px !important;
		transform: translateY(-50%) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-content > #adminStatsRow.admin-stats-row {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		margin-bottom: 12px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-panel {
		display: grid !important;
		grid-template-rows: auto 56px minmax(0, 1fr) !important;
		gap: 8px !important;
		min-height: 248px !important;
		padding: 12px 14px 14px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-header {
		margin-bottom: 0 !important;
		padding-bottom: 8px !important;
		border-bottom: 1px solid rgba(126, 148, 184, 0.16) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary.admin-insight-row,
	#mainAppContent.executive-suite-shell #adminView .admin-insight-list .admin-insight-row {
		position: relative !important;
		display: grid !important;
		grid-template-columns: minmax(130px, 0.48fr) minmax(86px, 1fr) minmax(54px, max-content) !important;
		align-items: center !important;
		gap: 10px !important;
		margin: 0 !important;
		border: 1px solid rgba(126, 148, 184, 0.12) !important;
		border-radius: 10px !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--row-color, #60a5fa) 10%, transparent), transparent 68%),
			rgba(6, 12, 23, 0.72) !important;
		color: #dce8fb !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary.admin-insight-row {
		height: 56px !important;
		min-height: 56px !important;
		max-height: 56px !important;
		padding: 8px 10px !important;
		border-color: color-mix(in srgb, var(--row-color, #60a5fa) 26%, rgba(126, 148, 184, 0.16)) !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--row-color, #60a5fa) 18%, transparent), transparent 72%),
			rgba(8, 14, 27, 0.9) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-list {
		display: grid !important;
		grid-auto-rows: 30px !important;
		gap: 6px !important;
		min-height: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-list .admin-insight-row {
		height: 30px !important;
		min-height: 30px !important;
		max-height: 30px !important;
		padding: 5px 10px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary-copy,
	#mainAppContent.executive-suite-shell #adminView .admin-insight-list .admin-insight-row > span {
		min-width: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary-copy {
		display: grid !important;
		gap: 3px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary-copy span,
	#mainAppContent.executive-suite-shell #adminView .admin-insight-list .admin-insight-row > span {
		color: #a8bee0 !important;
		font-size: 10px !important;
		font-weight: 880 !important;
		letter-spacing: 0.06em !important;
		line-height: 1 !important;
		text-overflow: ellipsis !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary-copy span {
		color: #cfe0f7 !important;
		font-size: 11px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary-copy em {
		min-width: 0 !important;
		overflow: hidden !important;
		color: #8299bb !important;
		font-size: 9px !important;
		font-style: normal !important;
		font-weight: 760 !important;
		line-height: 1.15 !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-track {
		width: 100% !important;
		min-width: 0 !important;
		height: 4px !important;
		margin: 0 !important;
		overflow: hidden !important;
		border-radius: 999px !important;
		background: rgba(2, 6, 15, 0.72) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-track i {
		display: block !important;
		width: var(--row-pct, 0%) !important;
		height: 100% !important;
		border-radius: inherit !important;
		background: var(--row-color, #60a5fa) !important;
		box-shadow: 0 0 12px color-mix(in srgb, var(--row-color, #60a5fa) 26%, transparent) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-row > strong {
		justify-self: end !important;
		max-width: 118px !important;
		overflow: hidden !important;
		color: #e8f1ff !important;
		font-size: 12px !important;
		font-weight: 900 !important;
		line-height: 1 !important;
		text-align: right !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary.admin-insight-row > strong {
		color: #f4f8ff !important;
		font-size: clamp(17px, 1.2vw, 22px) !important;
		text-shadow: 0 0 16px color-mix(in srgb, var(--row-color, #60a5fa) 20%, transparent) !important;
	}
}

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

@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary:not(.admin-chart-row) {
		position: relative !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(76px, max-content) !important;
		align-items: center !important;
		gap: 12px !important;
		height: 56px !important;
		min-height: 56px !important;
		max-height: 56px !important;
		padding: 8px 10px !important;
		border: 1px solid rgba(126, 148, 184, 0.16) !important;
		border-radius: 10px !important;
		background:
			linear-gradient(90deg, rgba(96, 165, 250, 0.14), transparent 72%),
			rgba(8, 14, 27, 0.9) !important;
		color: #dce8fb !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-roles-panel .admin-insight-primary:not(.admin-chart-row) {
		background:
			linear-gradient(90deg, rgba(139, 92, 246, 0.16), transparent 72%),
			rgba(8, 14, 27, 0.9) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary:not(.admin-chart-row) > div {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(64px, max-content) !important;
		grid-template-areas:
			"label value"
			"detail value" !important;
		align-items: center !important;
		gap: 3px 10px !important;
		min-width: 0 !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary:not(.admin-chart-row) span {
		grid-area: label !important;
		overflow: hidden !important;
		color: #cfe0f7 !important;
		font-size: 11px !important;
		font-weight: 880 !important;
		letter-spacing: 0.06em !important;
		line-height: 1 !important;
		text-overflow: ellipsis !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary:not(.admin-chart-row) strong {
		grid-area: value !important;
		justify-self: end !important;
		max-width: 112px !important;
		overflow: hidden !important;
		color: #f4f8ff !important;
		font-size: clamp(17px, 1.2vw, 22px) !important;
		font-weight: 900 !important;
		line-height: 1 !important;
		text-align: right !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		text-shadow: 0 0 16px rgba(96, 165, 250, 0.2) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-primary:not(.admin-chart-row) em {
		grid-area: detail !important;
		min-width: 0 !important;
		overflow: hidden !important;
		color: #8299bb !important;
		font-size: 9px !important;
		font-style: normal !important;
		font-weight: 760 !important;
		line-height: 1.15 !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-activity-panel .admin-insight-list .admin-insight-row:first-child,
	#mainAppContent.executive-suite-shell #adminView .admin-roles-panel .admin-insight-list .admin-insight-row:first-child {
		display: none !important;
	}
}

/* Executive Suite v94: Admin full-width ranked chart repair. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell:not(.sidebar-collapsed) #appRoot #adminView:not(.hidden) {
		width: calc(100dvw - var(--es-sidebar-width, 232px) - 48px) !important;
		max-width: calc(100dvw - var(--es-sidebar-width, 232px) - 48px) !important;
	}

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

	#mainAppContent.executive-suite-shell #adminView .admin-page-header,
	#mainAppContent.executive-suite-shell #adminView .admin-content,
	#mainAppContent.executive-suite-shell #adminView .admin-content > #adminStatsRow.admin-stats-row,
	#mainAppContent.executive-suite-shell #adminView .admin-content > .admin-operations-grid,
	#mainAppContent.executive-suite-shell #adminView .admin-section {
		width: 100% !important;
		max-width: 100% !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-content > #adminStatsRow.admin-stats-row {
		grid-template-columns: repeat(2, minmax(360px, 1fr)) !important;
		gap: 14px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-panel {
		min-height: 254px !important;
		border-color: rgba(110, 135, 176, 0.3) !important;
		background:
			linear-gradient(180deg, rgba(31, 42, 67, 0.88), rgba(18, 29, 48, 0.94)),
			#121d30 !important;
		box-shadow: 0 18px 44px rgba(2, 6, 23, 0.22) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-activity-panel {
		border-top: 3px solid #22c5aa !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-roles-panel {
		border-top: 3px solid #22c55e !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-list {
		padding-bottom: 4px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-activity-panel .admin-insight-list .admin-insight-row:first-child,
	#mainAppContent.executive-suite-shell #adminView .admin-roles-panel .admin-insight-list .admin-insight-row:first-child {
		display: grid !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-list .admin-insight-row {
		cursor: default !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-roles-panel .admin-insight-list .admin-insight-row {
		cursor: pointer !important;
	}
}

/* Executive Suite v95: Admin charts inherit the Email Metrics visual contract. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #adminView .admin-content > #adminStatsRow.admin-stats-row {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(360px, 1fr)) !important;
		gap: 12px !important;
		margin-bottom: 14px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-panel {
		height: 230px !important;
		min-height: 230px !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 8px !important;
		padding: 11px !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(34, 46, 73, 0.68), rgba(10, 15, 26, 0.78)),
			rgba(8, 13, 23, 0.94) !important;
		box-shadow:
			0 14px 32px rgba(0, 0, 0, 0.24),
			inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
	}

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

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

	#mainAppContent.executive-suite-shell #adminView .admin-insight-header {
		min-height: 27px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		margin: 0 !important;
		padding: 0 0 7px !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 !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-header h3 {
		margin: 0 !important;
		color: inherit !important;
		font: inherit !important;
		letter-spacing: inherit !important;
		text-transform: inherit !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-header strong {
		color: #eff6ff !important;
		font-size: 16px !important;
		font-weight: 950 !important;
		letter-spacing: 0 !important;
		line-height: 1 !important;
		text-transform: none !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-list {
		flex: 1 1 auto !important;
		display: grid !important;
		grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
		grid-auto-rows: auto !important;
		gap: 8px !important;
		min-height: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-list .admin-insight-row {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		display: grid !important;
		grid-template-columns: minmax(132px, 0.64fr) minmax(120px, 1fr) minmax(86px, max-content) !important;
		align-items: center !important;
		gap: 9px !important;
		margin: 0 !important;
		padding: 9px 10px !important;
		border: 1px solid rgba(126, 148, 184, 0.16) !important;
		border-radius: 10px !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--row-color, #60a5fa) 9%, transparent), transparent 68%),
			rgba(5, 10, 20, 0.76) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
		color: #dbeafe !important;
		text-align: left !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-list .admin-chart-row--primary {
		border-color: color-mix(in srgb, var(--row-color, #60a5fa) 48%, rgba(126, 148, 184, 0.18)) !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--row-color, #60a5fa) 16%, transparent), transparent 72%),
			rgba(7, 15, 29, 0.86) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-copy {
		min-width: 0 !important;
		display: grid !important;
		gap: 3px !important;
		overflow: hidden !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-copy > span,
	#mainAppContent.executive-suite-shell #adminView .admin-insight-copy small {
		display: block !important;
		min-width: 0 !important;
		overflow: hidden !important;
		line-height: 1 !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-copy > span {
		color: #b8cbed !important;
		font-size: 10px !important;
		font-weight: 950 !important;
		letter-spacing: 0.07em !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-copy small {
		color: #8399ba !important;
		font-size: 9px !important;
		font-weight: 800 !important;
		letter-spacing: 0 !important;
		text-transform: none !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-track {
		width: 100% !important;
		min-width: 0 !important;
		height: 4px !important;
		margin: 0 !important;
		overflow: hidden !important;
		border-radius: 999px !important;
		background: rgba(126, 148, 184, 0.14) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-track i {
		display: block !important;
		width: var(--row-pct, 0%) !important;
		height: 100% !important;
		border-radius: inherit !important;
		background: var(--row-color, #60a5fa) !important;
		box-shadow: 0 0 12px color-mix(in srgb, var(--row-color, #60a5fa) 28%, transparent) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-metric {
		justify-self: end !important;
		min-width: 76px !important;
		max-width: 160px !important;
		display: inline-flex !important;
		align-items: baseline !important;
		justify-content: flex-end !important;
		gap: 7px !important;
		overflow: hidden !important;
		text-align: right !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-value,
	#mainAppContent.executive-suite-shell #adminView .admin-insight-pct {
		display: inline-block !important;
		min-width: 0 !important;
		max-width: none !important;
		overflow: hidden !important;
		color: #f5f9ff !important;
		font-size: 13px !important;
		font-weight: 950 !important;
		line-height: 1 !important;
		text-align: right !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-pct {
		color: #b7cff2 !important;
		font-size: 11px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-list .admin-chart-row--primary .admin-insight-value {
		font-size: 18px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-roles-panel .admin-insight-list .admin-insight-row {
		cursor: pointer !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-roles-panel .admin-insight-list .admin-insight-row.is-active,
	#mainAppContent.executive-suite-shell #adminView .admin-roles-panel .admin-insight-list .admin-insight-row[aria-pressed="true"] {
		border-color: color-mix(in srgb, var(--row-color, #60a5fa) 60%, rgba(126, 148, 184, 0.22)) !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--row-color, #60a5fa) 18%, transparent), transparent 72%),
			rgba(7, 15, 29, 0.92) !important;
		box-shadow:
			0 0 0 1px color-mix(in srgb, var(--row-color, #60a5fa) 28%, transparent),
			inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-audit-section #auditLog {
		display: block !important;
		width: 100% !important;
		min-height: 0 !important;
		place-items: initial !important;
		align-items: stretch !important;
		justify-items: stretch !important;
		text-align: left !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-audit-section #auditLog:has(.audit-empty-state) {
		display: grid !important;
		min-height: 100% !important;
		place-items: center !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-audit-section #auditLog:not(:has(.audit-empty-state)) {
		display: block !important;
		width: 100% !important;
		min-height: 0 !important;
		place-items: initial !important;
		align-items: stretch !important;
		justify-items: stretch !important;
		text-align: left !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-audit-section .audit-entry {
		width: 100% !important;
		margin: 0 !important;
		text-align: left !important;
		justify-self: stretch !important;
	}

	#mainAppContent.executive-suite-shell #appRoot #adminView:not(.hidden) .admin-audit-section .audit-entry {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: left !important;
		justify-self: stretch !important;
	}
}

/* Executive Suite v97: final release-candidate overrides for Analytics and Admin row fit. */
@media (min-width: 901px) {
	#mainAppContent.executive-suite-shell #adminView .admin-insight-list .admin-insight-row {
		grid-template-columns: minmax(204px, 0.82fr) minmax(74px, 0.72fr) minmax(88px, max-content) !important;
		gap: 8px !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-copy > span {
		font-size: 9.75px !important;
		letter-spacing: 0.055em !important;
	}

	#mainAppContent.executive-suite-shell #adminView .admin-insight-copy small {
		font-size: 8.5px !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-content {
		display: grid !important;
		gap: 12px !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-panel,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-ops-panel {
		position: relative !important;
		min-width: 0 !important;
		overflow: hidden !important;
		border: 1px solid rgba(126, 148, 184, 0.2) !important;
		border-radius: 11px !important;
		background:
			linear-gradient(180deg, rgba(30, 41, 65, 0.74), rgba(9, 14, 24, 0.82)),
			rgba(8, 13, 23, 0.94) !important;
		box-shadow:
			0 14px 32px rgba(0, 0, 0, 0.24),
			inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section {
		padding: 13px !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-section::before,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-panel::before,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-ops-panel::before {
		content: "" !important;
		position: absolute !important;
		inset: 0 0 auto !important;
		height: 2px !important;
		background: linear-gradient(90deg, rgba(96, 165, 250, 0.82), rgba(45, 212, 191, 0.44), transparent) !important;
	}

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

	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-panel .analytics-detail-header {
		padding: 12px 14px 10px !important;
		margin: 0 !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-header h3 {
		margin: 0 !important;
		color: #eef5ff !important;
		font-size: 12px !important;
		font-weight: 950 !important;
		letter-spacing: 0.055em !important;
		line-height: 1 !important;
		text-transform: uppercase !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-header span {
		color: #8fb2e4 !important;
		font-size: 10px !important;
		font-weight: 900 !important;
		letter-spacing: 0.075em !important;
		line-height: 1 !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-grid,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-funnel-mini-grid {
		display: grid !important;
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		gap: 9px !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-funnel-mini-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		padding: 12px 14px 0 !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card {
		min-width: 0 !important;
		min-height: 78px !important;
		display: grid !important;
		align-content: center !important;
		gap: 5px !important;
		padding: 11px !important;
		border: 1px solid rgba(126, 148, 184, 0.14) !important;
		border-left: 2px solid color-mix(in srgb, var(--card-color, #60a5fa) 76%, rgba(126, 148, 184, 0.18)) !important;
		border-radius: 10px !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--card-color, #60a5fa) 11%, transparent), transparent 76%),
			rgba(5, 10, 20, 0.72) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card--blue { --card-color: #60a5fa; }
	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card--green { --card-color: #22c55e; }
	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card--teal { --card-color: #2dd4bf; }
	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card--purple { --card-color: #8b5cf6; }
	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card--amber { --card-color: #f59e0b; }
	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card--rose { --card-color: #f472b6; }

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card > span {
		min-width: 0 !important;
		overflow: hidden !important;
		color: #9fb8dc !important;
		font-size: 10px !important;
		font-weight: 900 !important;
		letter-spacing: 0.06em !important;
		line-height: 1.15 !important;
		text-overflow: ellipsis !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card > strong {
		color: #f1f7ff !important;
		font-size: clamp(17px, 1.2vw, 24px) !important;
		font-weight: 950 !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-card > em {
		min-width: 0 !important;
		overflow: hidden !important;
		color: #81a1cd !important;
		font-size: 10px !important;
		font-style: normal !important;
		font-weight: 800 !important;
		line-height: 1.1 !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

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

	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-grid--two {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

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

	#mainAppContent.executive-suite-shell #analyticsView .analytics-funnel-mini-grid + .analytics-table-wrap {
		padding-top: 12px !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-table {
		width: 100% !important;
		border-collapse: collapse !important;
		color: #dbeafe !important;
		font-size: 12px !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-table th {
		padding: 9px 8px !important;
		border-bottom: 1px solid rgba(126, 148, 184, 0.18) !important;
		background: rgba(7, 12, 22, 0.52) !important;
		color: #93add3 !important;
		font-size: 10px !important;
		font-weight: 950 !important;
		letter-spacing: 0.07em !important;
		text-align: left !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-table td {
		max-width: 360px !important;
		padding: 10px 8px !important;
		border-bottom: 1px solid rgba(126, 148, 184, 0.1) !important;
		color: #dce9fb !important;
		font-weight: 760 !important;
		line-height: 1.25 !important;
		overflow: hidden !important;
		text-align: left !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-table td:first-child {
		color: #9fc0f8 !important;
		font-weight: 900 !important;
	}
}

/* Executive Suite v98: release-prep modal interior polish for showcase, Smart Match, and landing metrics. */
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .smart-match-criteria-banner,
body:has(#mainAppContent.executive-suite-shell) #matchesModal .smart-match-criteria-banner {
	display: grid !important;
	gap: 12px !important;
	margin-bottom: 24px !important;
	padding: 16px !important;
	border: 1px solid rgba(125, 211, 252, 0.22) !important;
	border-radius: 12px !important;
	background:
		linear-gradient(180deg, rgba(14, 165, 233, 0.12), rgba(14, 165, 233, 0.04)),
		rgba(7, 12, 22, 0.9) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .smart-match-criteria-heading {
	display: flex !important;
	align-items: start !important;
	gap: 12px !important;
	color: #7dd3fc !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .smart-match-criteria-heading svg {
	flex: 0 0 auto !important;
	margin-top: 2px !important;
	color: #7dd3fc !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .smart-match-criteria-title {
	color: #eef6ff !important;
	font-size: 15px !important;
	font-weight: 850 !important;
	line-height: 1.25 !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .smart-match-criteria-title * {
	color: #eef6ff !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .smart-match-criteria-summary,
body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .smart-match-criteria-rules {
	border: 1px solid rgba(126, 148, 184, 0.18) !important;
	border-radius: 10px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.004)),
		rgba(9, 15, 27, 0.86) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .smart-match-criteria-summary {
	padding: 12px !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .smart-match-criteria-rules {
	padding: 12px !important;
	line-height: 1.6 !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .smart-match-criteria-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
	gap: 8px !important;
	color: #dce8fb !important;
	font-size: 13px !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .smart-match-criteria-wide {
	grid-column: 1 / -1 !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .smart-match-criteria-rules ul {
	margin: 4px 0 0 20px !important;
	padding: 0 !important;
}

body:has(#mainAppContent.executive-suite-shell) .modal:not(.hidden) .smart-match-criteria-rules [style*="color: #475569"] {
	color: #9fb4d2 !important;
}

body:has(#mainAppContent.executive-suite-shell) #propertyShowcaseModal .showcase-modal,
body:has(#mainAppContent.executive-suite-shell) #propertyShowcaseModal .showcase-body-wrapper {
	background: #07101d !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #propertyShowcaseModal .showcase-details {
	background:
		radial-gradient(circle at 0% 0%, rgba(96, 165, 250, 0.1), transparent 340px),
		#07101d !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #propertyShowcaseModal :is(.showcase-section, .contact-card, .special-card) {
	border: 1px solid rgba(126, 148, 184, 0.18) !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) #propertyShowcaseModal :is(.description-section, .second-chance-section, .specials-section, .pet-section) {
	border-color: rgba(125, 211, 252, 0.2) !important;
	background:
		linear-gradient(180deg, rgba(14, 165, 233, 0.1), rgba(14, 165, 233, 0.03)),
		rgba(7, 12, 22, 0.9) !important;
}

body:has(#mainAppContent.executive-suite-shell) #propertyShowcaseModal :is(.property-description, .management-company, .contact-name, .pet-policy-text, .more-amenities, .rating-count, .no-data) {
	color: #b5c7e3 !important;
}

body:has(#mainAppContent.executive-suite-shell) #propertyShowcaseModal :is(.amenity-tag, .second-chance-badge) {
	border: 1px solid rgba(125, 211, 252, 0.24) !important;
	background: rgba(14, 165, 233, 0.14) !important;
	color: #d8ecff !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .landing-metrics-modal-wrap {
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .landing-metrics-meta,
body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .landing-metrics-note {
	border: 1px solid rgba(125, 211, 252, 0.2) !important;
	background:
		linear-gradient(180deg, rgba(14, 165, 233, 0.1), rgba(14, 165, 233, 0.03)),
		rgba(7, 12, 22, 0.9) !important;
	color: #dce8fb !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .landing-metrics-note {
	border-color: rgba(251, 191, 36, 0.28) !important;
	background:
		linear-gradient(180deg, rgba(245, 158, 11, 0.12), rgba(245, 158, 11, 0.04)),
		rgba(7, 12, 22, 0.9) !important;
	color: #ffe2a8 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent :is(.landing-metrics-kpi-card, .landing-metrics-section) {
	border: 1px solid rgba(126, 148, 184, 0.18) !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;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent :is(.landing-metrics-kpi-label, .landing-metrics-table th) {
	background: rgba(7, 12, 22, 0.52) !important;
	color: #93add3 !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent :is(.landing-metrics-kpi-value, .landing-metrics-section h4) {
	color: #f1f7ff !important;
}

body:has(#mainAppContent.executive-suite-shell) #dynamicModalContent .landing-metrics-table :is(th, td) {
	border-color: rgba(126, 148, 184, 0.16) !important;
	color: #dce8fb !important;
}

@media (max-width: 1280px) {
	#mainAppContent.executive-suite-shell #analyticsView .analytics-kpi-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	#mainAppContent.executive-suite-shell #analyticsView .analytics-detail-grid--two,
	#mainAppContent.executive-suite-shell #analyticsView .analytics-funnel-mini-grid {
		grid-template-columns: 1fr !important;
	}
}

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