diff --git a/resources/css/shared/hub-components.css b/resources/css/shared/hub-components.css
index 675022d7..80d62c9a 100644
--- a/resources/css/shared/hub-components.css
+++ b/resources/css/shared/hub-components.css
@@ -590,6 +590,43 @@
         opacity: 0.55;
     }
 
+    /* ============================================================
+     * Such-Feld (Icon + Input als Pille) – Toolbar-Suche
+     * Gleiche Optik wie .filter-chip (weißer Card-Hintergrund, Border),
+     * damit das Feld in der Filterleiste klar erkennbar ist.
+     * ============================================================ */
+    .search-wrap {
+        display: flex;
+        align-items: center;
+        gap: 7px;
+        flex: 1 1 240px;
+        padding: 6px 12px;
+        background: var(--color-bg-card);
+        border: 1px solid var(--color-hub-soft-2);
+        border-radius: 4px;
+        transition: border-color 0.15s;
+    }
+    .search-wrap:focus-within {
+        border-color: var(--color-hub);
+    }
+    .search-wrap .ico {
+        color: var(--color-ink-3);
+        flex-shrink: 0;
+    }
+    .search-wrap input {
+        flex: 1;
+        min-width: 0;
+        padding: 0;
+        border: 0;
+        background: transparent;
+        outline: none;
+        font-size: 12.5px;
+        color: var(--color-ink);
+    }
+    .search-wrap input::placeholder {
+        color: var(--color-ink-3);
+    }
+
     /* ============================================================
      * Active-Chips (entfernbare Filter-Anzeige)
      * ============================================================ */