From f3a9c423dcbd09a3a38433e669dd26f49cfafecf Mon Sep 17 00:00:00 2001
From: Kevin Adametz <kevin.adametz@me.com>
Date: Wed, 1 Jul 2026 08:49:19 +0000
Subject: [PATCH] Fix: fehlendes .search-wrap-Styling (Suchfeld in
 /admin/me/firmen unsichtbar)

Die Firmen-Toolbar nutzt .search-wrap fuer das Suchfeld, aber die Klasse war
in keinem CSS definiert -> das Feld hatte weder Hintergrund noch Border und
war kaum erkennbar. Styling ergaenzt (weisser Card-Hintergrund #ffffff,
gleiche Border/Radius wie .filter-chip, focus-within-Highlight), damit es
sich konsistent in die Filterleiste einfuegt. Dark-Mode ueber die Tokens.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 resources/css/shared/hub-components.css | 37 +++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

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)
      * ============================================================ */