/* ═══════════════════════════════════════════════════════════════
   admin-dashboard.css — Modular Admin Dashboard Styles
   ═══════════════════════════════════════════════════════════════
   Loaded LAST to override the 131 competing admin rules in
   executive-suite.css and release-preview-overrides.css.

   This file is the SINGLE SOURCE OF TRUTH for admin layout.

   ROOT CAUSE of admin issues (in executive-suite.css):
   - L15459: width: calc(100vw - 232px - 44px) → sidebar-based width
   - L15475: display: block !important → kills flex layout
   - L16122: margin-left: 232px → sidebar offset
   - L16154: min-height: 236px → forced tall panels
   ═══════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════
   NUCLEAR: Kill ALL sidebar-based width constraints on admin
   ═══════════════════════════════════════════════════════════════ */

/* Override L15475 display:block that kills flex layout */
#mainAppContent.executive-suite-shell #adminView:not(.hidden) {
	display: flex !important;
	flex-direction: column !important;
}

/* Override ALL sidebar-width calculations (L15459, L16122, etc) */
#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,
#mainAppContent.executive-suite-shell #adminView:not(.hidden) .admin-operations-grid,
#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: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

/* Override L16122 appRoot sidebar margin/width on admin */
#mainAppContent.executive-suite-shell:has(#adminView:not(.hidden)) #appRoot {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════
   INSIGHT PANELS: Content-driven height, NO dead space
   ═══════════════════════════════════════════════════════════════ */

/* Override L16154-16155: min-height:236px / max-height:236px */
#mainAppContent.executive-suite-shell #adminView .admin-insight-panel {
	min-height: auto !important;
	max-height: none !important;
	height: auto !important;
	overflow: visible !important;
	/* Override L16151: grid-template-rows: auto 50px auto auto */
	grid-template-rows: auto auto auto !important;
	gap: 4px !important;
	padding: 10px 12px 8px !important;
}

/* Insight primary stat row: Tighter */
#mainAppContent.executive-suite-shell #adminView .admin-insight-primary {
	min-height: 40px !important;
	padding: 5px 10px !important;
}

/* Chart canvases: max 100px height */
#mainAppContent.executive-suite-shell #adminView .admin-insight-panel canvas {
	max-height: 100px !important;
}

/* Insight detail rows: Tighter */
#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-row {
	padding: 4px 8px !important;
	min-height: 28px !important;
}

/* Hide verbose sub-labels in panels */
#mainAppContent.executive-suite-shell #adminView .admin-insight-panel .admin-insight-copy small {
	display: none !important;
}


/* ═══════════════════════════════════════════════════════════════
   STATS ROW: Fix forced 236px grid rows
   ═══════════════════════════════════════════════════════════════
   ROOT CAUSE: executive-suite.css forces grid-template-rows: 236px 236px
   on #adminStatsRow, which overrides all panel-level height:auto.
   ═══════════════════════════════════════════════════════════════ */

#mainAppContent.executive-suite-shell #adminView #adminStatsRow,
#mainAppContent.executive-suite-shell #adminView #adminStatsRow.admin-stats-row {
	grid-template-rows: auto !important;
	grid-auto-rows: auto !important;
	align-items: start !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#mainAppContent.executive-suite-shell #adminView #tre-mobile-metrics-content-admin,
#mainAppContent.executive-suite-shell #adminView .tre-mobile-metrics-content {
	width: 100% !important;
	max-width: 100% !important;
}


/* ═══════════════════════════════════════════════════════════════
   ADMIN CONTENT: Scrollable body
   ═══════════════════════════════════════════════════════════════ */

/* Admin content container: full-width, no centering constraints */
#mainAppContent.executive-suite-shell #adminView .admin-content {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Admin operations grid: full-width */
#mainAppContent.executive-suite-shell #adminView .admin-operations-grid {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════
   USER TABLE: Full-width, no horizontal scroll
   ═══════════════════════════════════════════════════════════════ */

#mainAppContent.executive-suite-shell #adminView .admin-section .data-table-wrapper,
#mainAppContent.executive-suite-shell #adminView .admin-section table {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	table-layout: fixed !important;
}


/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE: Stats grid on narrow
   ═══════════════════════════════════════════════════════════════ */

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

@media (max-width: 600px) {
	#mainAppContent.executive-suite-shell #adminView #adminStatsRow {
		grid-template-columns: 1fr !important;
	}
}