.ey-section  {
		background:#F2F2F2; 
		border-radius:12px; 
		margin-bottom:20px;
		border:1px solid #e1e1e1;
}

.ey-section-shadow {
		box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

.ey-section h4 {
		color:#2E2E38;
		border-bottom:2px solid #FFE600;
		padding-bottom:8px;
		margin-bottom:18px;
		font-weight:700;
}

.ey-card {
		background:#2E2E38;
		border-radius:12px;
		border:1px solid #e1e1e1;
		min-height:115px;
		display:flex;
		flex-direction:column;
		justify-content:center;
		transition:all 0.2s ease-in-out;
}

.ey-card:hover {
		transform:translateY(-2px);
		box-shadow:0 8px 18px rgba(0,0,0,0.15);
}

.ey-card h6 {
		color:#FFE600;
		font-size:14px;
		font-weight:600;
		margin-bottom:8px;
}

.ey-card h3 {
		color:#FFE600;
		font-weight:800;
		font-size:16px;
		margin:0;
}


.filter-help {
		font-size:12px;
		color:#555;
		margin-top:5px;
}

select[multiple] {
		min-height:30px;
}

.insight-card {
		background:#ffffff;
		border-radius:12px;
		padding:18px;
		border:1px solid #e1e1e1;
		height:100%;
		box-shadow:0 3px 10px rgba(0,0,0,0.04);
}

.insight-title {
		font-weight:700;
		color:#2E2E38;
		font-size:16px;
		margin-bottom:12px;
}

.pipeline-grid {
		display:grid;
		grid-template-columns:repeat(12, 1fr);
		gap:18px;
}


.pipeline-card {
		background:#ffffff;
		border-radius:12px;
		padding:18px;
		border:1px solid #e1e1e1;
		min-height:380px;
		box-shadow:0 3px 10px rgba(0,0,0,0.05);

		display:flex;
		flex-direction:column;
		justify-content:space-between;
}


.pipeline-card-half {
		grid-column:span 6;
}

.pipeline-card h5 {
		font-size:15px;
		font-weight:700;
		color:#2E2E38;
		margin-bottom:12px;
		line-height:1.35;
}

.chart-container {
		height:240px;
		width:100%;
		position:relative;
}

.chart-container-small {
		height:150px;
		width:100%;
		position:relative;
}


.metric-mini {
		background:#F7F7F7;
		border:1px solid #e1e1e1;
		border-radius:10px;
		padding:14px;
		height:100%;
}

.metric-mini h6 {
		color:#2E2E38;
		font-weight:700;
		font-size:13px;
}

.metric-mini h3 {
		color:#2E2E38;
		font-weight:800;
		font-size:26px;
		margin:5px 0;
}

.drilldown-panel {
		display:none;
		background:#ffffff;
		border:1px solid #e1e1e1;
		border-radius:10px;
		padding:15px;
		margin-top:15px;
		max-height:320px;
		overflow:auto; 
		animation: fadeIn 0.3s ease;
}

.table thead th {
		background:#2E2E38;
		color:#ffffff;
		font-weight:600;
		vertical-align:middle;
}

.table td,
.table th {
		vertical-align:middle;
}

.table tbody tr:hover {
		background:#f5f5f5;
}

.text-muted {
		color:#555555 !important;
}

[data-tooltip] {
		cursor:help;
}

/* Hide Status tab from left menu if URL contains status */
.side-menu a[href*="status"],
.sidebar a[href*="status"],
nav a[href*="status"],
ul li a[href*="status"] {
		display:none !important;
}

@media(max-width:991px) {
		.pipeline-card-half {
						grid-column:span 12;
		}

		.chart-container {
						height:240px;
		}

		.ey-card {
						min-height:105px;
		}
}

@media(max-width:575px) {
		.ey-section {
						padding:15px;
		}

		.pipeline-card {
						min-height:auto;
						padding:14px;
		}

		.ey-card h3 {
						font-size:22px;
		}
}


@keyframes fadeIn {
		from { opacity:0; transform:translateY(10px); }
		to { opacity:1; transform:translateY(0); }
}

#conversionChart {
		cursor:pointer;
}