Adding filtering to tables

app/static/css/style.css

@@ -400,6 +400,39 @@ input[type=password] {
 .ap-item-conn { flex: 1; }
 .ap-item .row-actions { margin-left: auto; }
 
+/* Filter bar */
+.filter-bar {
+  margin-bottom: 0.75rem;
+}
+
+.filter-bar form {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  align-items: center;
+}
+
+.filter-bar input[type="text"] {
+  flex: 1 1 180px;
+  min-width: 0;
+  padding: 0.35rem 0.6rem;
+  background: var(--surface-2);
+  border: 1px solid var(--border);
+  color: var(--text);
+  border-radius: 6px;
+  font: inherit;
+}
+
+.filter-bar select {
+  flex: 0 1 auto;
+  padding: 0.35rem 0.6rem;
+  background: var(--surface-2);
+  border: 1px solid var(--border);
+  color: var(--text);
+  border-radius: 6px;
+  font: inherit;
+}
+
 /* Buttons */
 .btn {
   font: inherit;