Geräte-Tab: eigene Suchfeld-Klassen statt globale search-wrap

dev-search-wrap und dev-search-input unabhängig von globalen Styles.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

www/index.html

@@ -467,9 +467,9 @@
 <!-- GERÄTE VIEW -->
 <section class="dev-view hidden" id="devView">
   <div class="dev-toolbar">
-    <div class="search-wrap">
+    <div class="dev-search-wrap">
       <svg class="search-ico" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg>
-      <input type="search" id="devSearch" class="input input-search" placeholder="Gerätename, Benutzer, Seriennummer…" autocomplete="off">
+      <input type="search" id="devSearch" class="input dev-search-input" placeholder="Gerätename, Benutzer, Seriennummer…" autocomplete="off">
     </div>
     <span id="devCount" class="count-badge">0</span>
     <select id="devOsFilter" class="input input-select btn-sm">

www/styles.css

@@ -5214,16 +5214,25 @@ body.read-only .app-row {
   border-bottom: 1px solid var(--hairline-soft);
   flex-shrink: 0;
 }
-.dev-toolbar .search-wrap {
+.dev-search-wrap {
+  position: relative;
+  display: flex;
+  align-items: center;
   flex: 1;
   max-width: 600px;
-  margin: 0;
   min-width: 0;
 }
-.dev-toolbar .search-wrap .input-search {
+.dev-search-wrap .search-ico {
+  position: absolute;
+  left: 12px;
+  color: var(--muted);
+  pointer-events: none;
+}
+.dev-search-input {
   width: 100%;
   box-sizing: border-box;
-  padding-right: 14px;
+  padding-left: 36px !important;
+  padding-right: 14px !important;
 }
 .input-select {
   padding: 5px 8px;