Cockpit export

frontend/src/styles.css

@@ -290,12 +290,38 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
 }
 
 .review-filters {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.4rem;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.55rem;
+}
+
+.review-filters label {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 0.25rem;
+  color: #475569;
+  font-size: 0.78rem;
+  font-weight: 800;
+}
+
+.review-filters select,
+.review-filters input {
+  width: 100%;
+  min-width: 0;
+  border: 1px solid #cfd7e6;
+  border-radius: 10px;
+  background: white;
+  padding: 0.45rem 0.55rem;
+  color: #14213d;
+  font: inherit;
+  font-size: 0.85rem;
+}
+
+.review-filters .review-search {
+  grid-column: 1 / -1;
 }
 
-.review-filters span,
 .pipeline-list span {
   border: 1px solid #e2e8f0;
   border-radius: 999px;
@@ -700,6 +726,18 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   background: #ffedd5;
   color: #9a3412;
 }
+.review-pill.to_review {
+  background: #dbeafe;
+  color: #1d4ed8;
+}
+.review-pill.treated {
+  background: #e0f2fe;
+  color: #0369a1;
+}
+.review-pill.archived {
+  background: #f1f5f9;
+  color: #64748b;
+}
 .review-pill.blocked {
   background: #fee2e2;
   color: #991b1b;