/* Reports Table */
.uta-table-body {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.uta-report-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px;
	padding: 16px 20px;
	border-radius: 8px;
	align-items: center;
	background-color: var(--e-global-color-accent);
}

/* Date Column */
.uta-col-date {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.uta-report-date {
	margin: 0;
	color: var(--e-global-color-73611ed);
}

.uta-report-month {
	color: var(--e-global-color-text);
}

/* No Reports State */
.uta-no-reports {
	padding: 32px 16px;
	text-align: center;
	color: var(--e-global-color-85dc433);
}

.uta-no-reports p {
	margin: 0;
}

/* Mini Reports Styles */
.uta-mini-reports-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.uta-mini-report-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 15px;
	background: #f8f9fa;
	border-radius: 6px;
	border-left: 4px solid #0073aa;
}

.uta-mini-report-date {
	font-weight: bold;
	color: #333;
	font-size: 0.9em;
}

.uta-mini-report-month {
	color: #666;
	font-size: 0.85em;
}

.uta-mini-view-btn {
	padding: 6px 12px;
	background: #0073aa;
	color: white;
	text-decoration: none;
	border-radius: 3px;
	font-size: 0.8em;
	transition: background-color 0.3s ease;
}

.uta-mini-view-btn:hover {
	background: #005a87;
	color: white;
	text-decoration: none;
}

.uta-mini-no-reports {
	padding: 20px;
	text-align: center;
	color: #666;
	font-style: italic;
}

/* Scrollbar Styling */
.uta-table-body::-webkit-scrollbar {
	width: 6px;
}

.uta-table-body::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.uta-table-body::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 3px;
}

.uta-table-body::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8;
}

/* Responsive Design */
@media screen and (max-width: 767px) {	
	.uta-view-data-btn {
		min-width: 140px;
	}

	/* Mini reports responsive */
	.uta-mini-report-item {
		flex-direction: column;
		gap: 8px;
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	.uta-col-action {
		min-width: auto;
	}
}