feat: aggiunta possiblità di modificare il cliente

public/css/style.css

@@ -1793,21 +1793,22 @@ body {
   top: 100%;
   left: 0;
   right: 0;
-  background: #1f2937;
-  border: 1px solid #4b5563;
+  background: var(--bg-card);
+  border: 1px solid var(--border-light);
   border-radius: var(--radius-md);
   max-height: 220px;
   overflow-y: auto;
   z-index: 1000;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
+  box-shadow: var(--shadow-lg);
+  backdrop-filter: blur(8px);
 }
 
 .autocomplete-suggestion-item {
   padding: 10px 14px;
   cursor: pointer;
-  border-bottom: 1px solid rgba(156, 163, 175, 0.15);
+  border-bottom: 1px solid var(--border-subtle);
   font-size: 0.85rem;
-  color: #f3f4f6;
+  color: var(--text-primary);
   transition: all var(--transition-fast);
 }
 
@@ -1817,7 +1818,7 @@ body {
 }
 
 .autocomplete-suggestion-item:hover span {
-  color: #e5e7eb !important;
+  color: #ffffff !important;
 }
 
 .autocomplete-suggestion-item:last-child {
@@ -1943,8 +1944,8 @@ body {
 }
 
 .bulk-select option {
-  background-color: #111827;
-  /* Sfondo scuro per gli stati e i tipi */
+  background-color: var(--bg-secondary);
+  /* Sfondo per gli stati e i tipi */
   color: var(--text-primary);
 }
 
@@ -1955,23 +1956,24 @@ body {
   width: max-content;
   min-width: 100%;
   max-width: 400px;
-  background: #1f2937;
+  background: var(--bg-card);
   border: 1px solid var(--border-light);
   border-radius: var(--radius-md);
   max-height: 380px;
   /* Incrementata l'altezza per contenere più elementi */
   overflow-y: auto;
   z-index: 999;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.6);
+  box-shadow: var(--shadow-lg);
+  backdrop-filter: blur(8px);
 }
 
 .bulk-suggestions-item {
   padding: 6px 10px;
   /* Compatto */
   cursor: pointer;
-  border-bottom: 1px solid rgba(156, 163, 175, 0.1);
+  border-bottom: 1px solid var(--border-subtle);
   font-size: 0.8rem;
-  color: #e5e7eb;
+  color: var(--text-primary);
 }
 
 .bulk-suggestions-item:hover {
@@ -1979,6 +1981,10 @@ body {
   color: white;
 }
 
+.bulk-suggestions-item:hover span {
+  color: white !important;
+}
+
 .bulk-suggestions-item:last-child {
   border-bottom: none;
 }