From 7959e18210f178521ce3bd87aaf39cd0f13a654d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Thu, 7 May 2026 16:05:22 -0300
Subject: [PATCH] style: unify filter UI, add custom to-from date picker, and
 ensure all buttons use pointer cursors

---
 src/components/DateRangePicker.tsx | 2 +-
 src/pages/Clients.tsx              | 2 +-
 src/pages/Products.tsx             | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/DateRangePicker.tsx b/src/components/DateRangePicker.tsx
index 39e0fca..2b37444 100644
--- a/src/components/DateRangePicker.tsx
+++ b/src/components/DateRangePicker.tsx
@@ -156,7 +156,7 @@ const DateRangePicker: React.FC<DateRangePickerProps> = ({ dateRange, onChange,
 
       {/* Auto Refresh Dropdown */}
       {setRefreshInterval && onManualRefresh && (
-        <div className="flex items-center bg-dark-card border border-dark-border rounded-xl shadow-sm overflow-hidden">
+        <div className="flex items-center bg-dark-card border border-dark-border rounded-xl shadow-sm overflow-hidden hover:border-brand-primary transition-colors">
           <button 
             onClick={onManualRefresh}
             className="flex items-center gap-1.5 px-4 py-2.5 text-sm font-medium text-dark-text hover:text-brand-primary hover:bg-dark-input transition-colors border-r border-dark-border cursor-pointer"
diff --git a/src/pages/Clients.tsx b/src/pages/Clients.tsx
index 618d7f0..0e508a2 100644
--- a/src/pages/Clients.tsx
+++ b/src/pages/Clients.tsx
@@ -107,7 +107,7 @@ const Clients = () => {
               placeholder="Buscar cliente..." 
               value={searchTerm}
               onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full md:w-64 bg-dark-card border border-dark-border text-dark-text rounded-xl pl-10 pr-4 py-2.5 focus:outline-none focus:border-brand-primary transition-colors shadow-sm"
+              className="w-full md:w-64 bg-dark-card border border-dark-border text-dark-text rounded-xl pl-10 pr-4 py-2.5 focus:outline-none focus:border-brand-primary hover:border-brand-primary transition-colors shadow-sm"
             />
           </div>
         </div>
diff --git a/src/pages/Products.tsx b/src/pages/Products.tsx
index 0ee7118..608e0c8 100644
--- a/src/pages/Products.tsx
+++ b/src/pages/Products.tsx
@@ -86,7 +86,7 @@ const Products = () => {
               placeholder="Buscar por nome ou ID..." 
               value={searchTerm}
               onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full md:w-64 bg-dark-card border border-dark-border text-dark-text rounded-xl pl-10 pr-4 py-2.5 focus:outline-none focus:border-brand-primary transition-colors shadow-sm"
+              className="w-full md:w-64 bg-dark-card border border-dark-border text-dark-text rounded-xl pl-10 pr-4 py-2.5 focus:outline-none focus:border-brand-primary hover:border-brand-primary transition-colors shadow-sm"
             />
           </div>
         </div>