/* Art50 Compliance Tracker — front-end styles
   Palette matches the rest of the Art50 brand: navy #1F3A5F, blue #2E6FB8 */

.art50-tracker {
	font-family: -apple-system, "Calibri", sans-serif;
	margin: 2em 0;
	background: #fff;
	border: 1px solid #e6e0cc;
	border-radius: 12px;
	padding: 20px;
}

.art50-tracker-filters {
	display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px;
}
.art50-tracker-filters input[type="text"] {
	flex: 1 1 220px; padding: 9px 14px; border: 1px solid #dcdfe6; border-radius: 999px;
	font-size: 14px; color: #1F3A5F; background: #FAF7EF;
}
.art50-tracker-filters input[type="text"]:focus {
	outline: none; border-color: #2E6FB8; background: #fff;
}
.art50-tracker-filters select {
	padding: 8px 12px; border: 1px solid #dcdfe6; border-radius: 6px;
	font-size: 14px; color: #1F3A5F; background: #fff;
}

.art50-no-results {
	color: #6e6852; font-style: italic; padding: 14px 0;
}

.art50-tracker-table {
	width: 100%; border-collapse: collapse; font-size: 14px;
	border-radius: 8px; overflow: hidden;
}
.art50-tracker-table thead th {
	background: #1F3A5F; color: #fff; text-align: left;
	padding: 10px 12px; font-weight: 600;
}
.art50-tracker-table tbody td {
	padding: 10px 12px; border-bottom: 1px solid #e6e0cc;
}
.art50-tracker-table tbody tr { transition: background 0.15s ease; }
.art50-tracker-table tbody tr:nth-child(even) { background: #FAF7EF; }
.art50-tracker-table tbody tr:hover { background: #EEF2F9; }
.art50-tracker-table a { color: #2E6FB8; text-decoration: none; font-weight: 600; }
.art50-tracker-table a:hover { text-decoration: underline; }

.art50-status {
	display: inline-block; padding: 3px 9px; border-radius: 999px;
	font-size: 12px; font-weight: 600; background: #EEF2F9; color: #1F3A5F;
}
.art50-status-fine-issued { background: #fdeaea; color: #a33; }
.art50-status-investigation-opened,
.art50-status-upcoming,
.art50-status-proposed { background: #fff6e0; color: #8a6d00; }
.art50-status-resolved,
.art50-status-case-dismissed,
.art50-status-in-effect,
.art50-status-adopted,
.art50-status-signed { background: #e8f3ea; color: #2a7a3b; }

.art50-empty {
	color: #6e6852; font-style: italic; text-align: center;
	padding: 40px 20px; border: 1px dashed #e6e0cc; border-radius: 8px;
}

.art50-stats { display: flex; gap: 24px; margin: 1.5em 0; }
.art50-stat { text-align: center; flex: 1; }
.art50-stat-num { display: block; font-size: 30px; font-weight: 700; color: #1F3A5F; }
.art50-stat-label { display: block; font-size: 13px; color: #6e6852; margin-top: 2px; }

@media (max-width: 600px) {
	.art50-tracker-table thead { display: none; }
	.art50-tracker-table, .art50-tracker-table tbody, .art50-tracker-table tr, .art50-tracker-table td {
		display: block; width: 100%;
	}
	.art50-tracker-table tr { margin-bottom: 12px; border: 1px solid #e6e0cc; border-radius: 8px; padding: 8px; }
	.art50-tracker-table td { border: none; padding: 4px 8px; }
}