/* MODIFIED: STYLES FOR TABLE & CONTROLS (Removed from old inline CSS, adapted to dark theme) */

/* Controls (if kept for advanced filtering, though selects are in the title now) */
.controls {
	margin-bottom: 30px;
	padding: 15px;
	border: 1px solid #555; /* Lighter border for contrast */
	background-color: #444; /* Darker background for contrast */
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
	border-radius: 5px;
}
.controls label { font-weight: bold; color: #FFF; }
.controls select {
	padding: 8px;
	border-radius: 4px;
	border: 1px solid #777;
	background-color: #555;
	color: #FFF;
	/* Ensure controls select also uses smaller font in the dropdown */
	font-size: 1rem; 
}

/* Table */
table { border-collapse: collapse; width: 100%; margin-top: 20px; color: #FFF; }
th, td { border: 1px solid #555; padding: 10px; text-align: right; font-size: 14px; }
th:first-child, td:first-child { text-align: left; }
th { background-color: #004d99; color: white; } /* Darker blue for header */
tr:nth-child(even) { background-color: #3a3a3a; } /* Alternating row color */
tr:nth-child(odd) { background-color: #333; }
p { color: #FFF; }