body { font-family: system-ui, sans-serif; margin: 2rem; color: #1a1a1a; }
.error { color: #b00020; }
.warning { color: #b06000; margin-left: 1rem; }
header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
nav#filters button { margin-right: 0.5rem; }
nav#filters button.active { font-weight: bold; text-decoration: underline; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: 0.4rem 0.6rem; border-bottom: 1px solid #ddd; }
button:disabled { opacity: 0.5; cursor: not-allowed; }
.job-done { color: #147a1e; }
.job-running { color: #b06000; }
.job-blocked, .job-failed { color: #b00020; }
[hidden] { display: none !important; }