/* =========================================================
   File: assets/css/ut-crm-reports.css
   ========================================================= */

.ut-crm-reports-wrap {
	background: linear-gradient(160deg, #EEF1FF 0%, #F5F7FF 60%, #ECEFFF 100%);
	border-radius: var(--ut-radius-lg);
	padding: 20px 16px 40px;
}

.ut-crm-report-tabs {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	margin: 16px 0;
	padding-bottom: 4px;
}

.ut-crm-report-tab {
	flex-shrink: 0;
	border: 1px solid var(--ut-glass-border);
	background: var(--ut-glass);
	backdrop-filter: blur(10px);
	padding: 9px 18px;
	border-radius: var(--ut-radius-pill);
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	color: var(--ut-text-dark);
	white-space: nowrap;
}

.ut-crm-report-tab--active {
	background: linear-gradient(135deg, var(--ut-primary), var(--ut-accent));
	color: #fff;
	border-color: transparent;
}

.ut-crm-report-card {
	background: var(--ut-glass);
	backdrop-filter: blur(18px);
	border: 1px solid var(--ut-glass-border);
	border-radius: var(--ut-radius-md);
	padding: 18px 16px;
	box-shadow: 0 8px 24px rgba(79, 70, 229, 0.08);
}

.ut-crm-field-hint {
	font-size: 11px;
	opacity: 0.5;
	margin: 4px 0 0;
}

/* Print: sirf report table area print ho */
@media print {
	body * { visibility: hidden; }
	#utCrmReportPrintArea, #utCrmReportPrintArea * { visibility: visible; }
	#utCrmReportPrintArea { position: absolute; left: 0; top: 0; width: 100%; }
	.ut-crm-report-tabs, .ut-crm-toolbar { display: none; }
}