From 1719062b47cc45742e2efbce3be142248eb53f5c Mon Sep 17 00:00:00 2001
From: TimoUttenweiler <timo@onyva.dev>
Date: Wed, 1 Apr 2026 11:01:33 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20Hover-Effekt=20f=C3=BCr=20Nur-neue-spei?=
 =?UTF-8?q?chern=20Button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/suche/page.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/app/suche/page.tsx b/app/suche/page.tsx
index 1cf8a32..e5b63a2 100644
--- a/app/suche/page.tsx
+++ b/app/suche/page.tsx
@@ -186,6 +186,20 @@ export default function SuchePage() {
               .lead-row:hover .row-del { opacity: 1 !important; }
               .filter-pill { transition: background 0.15s, color 0.15s; }
               .filter-pill:hover { background: rgba(59,130,246,0.15) !important; }
+              .save-new-btn {
+                transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.12s, box-shadow 0.15s;
+              }
+              .save-new-btn:hover:not(:disabled) {
+                background: linear-gradient(135deg, rgba(59,130,246,0.22), rgba(139,92,246,0.22)) !important;
+                border-color: rgba(99,102,241,0.65) !important;
+                color: #c7d2fe !important;
+                transform: translateY(-1px);
+                box-shadow: 0 4px 12px rgba(99,102,241,0.2);
+              }
+              .save-new-btn:active:not(:disabled) {
+                transform: translateY(0);
+                box-shadow: none;
+              }
             `}</style>
 
             {/* Header */}
@@ -293,6 +307,7 @@ export default function SuchePage() {
                 {/* Nur neue speichern — only shown when there are existing leads */}
                 {!saveOnlyNew && leads.some(l => !l.isNew) && (
                   <button
+                    className="save-new-btn"
                     onClick={handleSaveOnlyNew}
                     disabled={deleting}
                     style={{
@@ -307,6 +322,7 @@ export default function SuchePage() {
                       color: "#a5b4fc",
                       cursor: deleting ? "not-allowed" : "pointer",
                       whiteSpace: "nowrap",
+                      opacity: deleting ? 0.5 : 1,
                     }}
                   >
                     <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">