Improve downtime qualification visibility

frontend/src/styles.css

@@ -708,6 +708,11 @@ th {
   border-bottom: 1px solid var(--border);
 }
 
+.timeline-list li.is-current-machine {
+  border-radius: 8px;
+  background: var(--accent-light);
+}
+
 .timeline-list li::before {
   position: absolute;
   top: 18px;
@@ -753,6 +758,32 @@ th {
   text-align: right;
 }
 
+.timeline-list--compact {
+  margin-top: 10px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--bg-panel);
+}
+
+.downtime-board {
+  display: grid;
+  gap: 14px;
+}
+
+.downtime-focus {
+  padding: 12px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--bg-panel-alt);
+}
+
+.downtime-focus > strong {
+  display: block;
+  margin-top: 4px;
+  font-family: "Space Grotesk", sans-serif;
+  font-size: var(--text-lg);
+}
+
 .oee-mini-list {
   display: grid;
   gap: 8px;