diff --git a/public/css/style.css b/public/css/style.css
index 4ac3fde..5b1972c 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1232,6 +1232,31 @@ body {
   color: var(--accent-primary-hover);
 }
 
+.batch-bar-left {
+  display: flex;
+  align-items: center;
+  gap: var(--space-sm);
+  flex-wrap: wrap;
+  flex: 1;
+  min-width: 280px;
+}
+
+.batch-bar-right {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 6px;
+  justify-content: center;
+}
+
+.batch-bar-right .btn svg {
+  transition: transform 0.15s ease;
+}
+
+.batch-bar-right .btn:not(:disabled):hover svg {
+  transform: scale(1.1);
+}
+
 /* ---- Pagination ---- */
 .pagination {
   display: flex;
diff --git a/public/js/views/ricercaSpudorata.js b/public/js/views/ricercaSpudorata.js
index 81d81b2..3f9740f 100644
--- a/public/js/views/ricercaSpudorata.js
+++ b/public/js/views/ricercaSpudorata.js
@@ -96,53 +96,80 @@ const RicercaSpudorataView = {
       </div>
 
       <!-- Batch Actions Bar -->
-      <div class="batch-bar" id="batch-bar">
-        <div style="display:flex; align-items:center; gap:var(--space-sm);">
-          <span class="batch-count" id="batch-count">0 selezionati</span>
-          <button class="btn btn-ghost btn-xs" id="batch-select-all">Seleziona visibili</button>
-          <button class="btn btn-ghost btn-xs" id="batch-copy-tns" style="margin-left: 8px;">Copia numeri</button>
-        </div>
-        <div class="filter-group">
-          <span class="filter-label">Stato</span>
-          <select class="filter-select" id="batch-state">
-            <option value="">—</option>
-            ${(App.lookups.states || []).map(s => `<option value="${s.id}">${s.name}</option>`).join('')}
-          </select>
-        </div>
-        <div class="filter-group" style="position:relative;">
-          <span class="filter-label">Coda</span>
-          <input type="text" class="form-input filter-select" id="batch-queue-search" placeholder="Cerca coda..." autocomplete="off" style="width:180px; padding: 4px 8px; font-family: inherit; font-size: 0.85rem;" />
-          <input type="hidden" id="batch-queue" />
-          <div id="batch-queue-suggestions" class="autocomplete-suggestions" style="display:none; top: 100%; left: 0; min-width: 480px; width: max-content; max-width: 85vw; z-index: 1001;"></div>
-        </div>
-        <div class="filter-group">
-          <span class="filter-label">Owner</span>
-          <select class="filter-select" id="batch-owner">
-            <option value="">—</option>
-            ${(App.lookups.users || []).map(u => `<option value="${u.id}">${u.first_name} ${u.last_name}</option>`).join('')}
-          </select>
-        </div>
-        <div class="filter-group">
-          <span class="filter-label">Responsabile</span>
-          <select class="filter-select" id="batch-responsible">
-            <option value="">—</option>
-            ${(App.lookups.users || []).map(u => `<option value="${u.id}">${u.first_name} ${u.last_name}</option>`).join('')}
-          </select>
-        </div>
-        ${(App.lookups.types || []).length > 0 ? `
+      <div class="batch-bar" id="batch-bar" style="display: flex; justify-content: space-between; align-items: center; gap: var(--space-md); flex-wrap: wrap;">
+        <!-- Colonna Sinistra: Configurazioni e Filtri di Modifica -->
+        <div class="batch-bar-left" style="display: flex; align-items: center; gap: var(--space-sm); flex-wrap: wrap; flex: 1; min-width: 300px;">
+          <span class="batch-count" id="batch-count" style="margin-right: 4px;">0 selezionati</span>
           <div class="filter-group">
-            <span class="filter-label">Tipo</span>
-            <select class="filter-select" id="batch-type">
+            <span class="filter-label">Stato</span>
+            <select class="filter-select" id="batch-state">
               <option value="">—</option>
-              ${App.lookups.types.map(t => `<option value="${t.id}">${t.name}</option>`).join('')}
+              ${(App.lookups.states || []).map(s => `<option value="${s.id}">${s.name}</option>`).join('')}
             </select>
           </div>
-        ` : ''}
-        <button class="btn btn-primary btn-sm" id="batch-apply">Applica</button>
-        <button class="btn btn-primary btn-sm" id="batch-add-group" disabled style="background: var(--accent-primary); border-color: var(--accent-primary); margin-left: 8px;">Aggiungi a gruppo</button>
-        <button class="btn btn-primary btn-sm" id="batch-merge" disabled style="background: rgba(160, 65, 71, 0.32); border-color: var(--accent-primary); color: var(--text-primary); margin-left: 8px;">Unisci Selezionati</button>
-        <button class="btn btn-primary btn-sm" id="batch-open-tabs" disabled style="background: var(--accent-primary); border-color: var(--accent-primary); margin-left: 8px;">Apri ticket in schede</button>
-        <button class="btn btn-ghost btn-xs" id="batch-cancel">Annulla</button>
+          <div class="filter-group" style="position:relative;">
+            <span class="filter-label">Coda</span>
+            <input type="text" class="form-input filter-select" id="batch-queue-search" placeholder="Cerca coda..." autocomplete="off" style="width:180px; padding: 4px 8px; font-family: inherit; font-size: 0.85rem;" />
+            <input type="hidden" id="batch-queue" />
+            <div id="batch-queue-suggestions" class="autocomplete-suggestions" style="display:none; top: 100%; left: 0; min-width: 480px; width: max-content; max-width: 85vw; z-index: 1001;"></div>
+          </div>
+          <div class="filter-group">
+            <span class="filter-label">Owner</span>
+            <select class="filter-select" id="batch-owner">
+              <option value="">—</option>
+              ${(App.lookups.users || []).map(u => `<option value="${u.id}">${u.first_name} ${u.last_name}</option>`).join('')}
+            </select>
+          </div>
+          <div class="filter-group">
+            <span class="filter-label">Responsabile</span>
+            <select class="filter-select" id="batch-responsible">
+              <option value="">—</option>
+              ${(App.lookups.users || []).map(u => `<option value="${u.id}">${u.first_name} ${u.last_name}</option>`).join('')}
+            </select>
+          </div>
+          ${(App.lookups.types || []).length > 0 ? `
+            <div class="filter-group">
+              <span class="filter-label">Tipo</span>
+              <select class="filter-select" id="batch-type">
+                <option value="">—</option>
+                ${App.lookups.types.map(t => `<option value="${t.id}">${t.name}</option>`).join('')}
+              </select>
+            </div>
+          ` : ''}
+        </div>
+
+        <!-- Colonna Destra: Pulsanti delle Azioni -->
+        <div class="batch-bar-right" style="display: flex; flex-direction: column; align-items: flex-end; gap: 6px;">
+          <div style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end;">
+            <button class="btn btn-primary btn-sm" id="batch-apply">Applica</button>
+            <button class="btn btn-primary btn-sm" id="batch-add-group" disabled title="Aggiungi a gruppo" style="background: var(--accent-primary); border-color: var(--accent-primary); height: 32px; width: 34px; padding: 0; display: inline-flex; align-items: center; justify-content: center;">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 16px; height: 16px;">
+                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+                <circle cx="9" cy="7" r="4"></circle>
+                <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+              </svg>
+            </button>
+            <button class="btn btn-primary btn-sm" id="batch-merge" disabled title="Unisci Selezionati" style="background: rgba(160, 65, 71, 0.32); border-color: var(--accent-primary); color: var(--text-primary); height: 32px; width: 34px; padding: 0; display: inline-flex; align-items: center; justify-content: center;">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 16px; height: 16px;">
+                <circle cx="18" cy="18" r="3"></circle>
+                <circle cx="6" cy="6" r="3"></circle>
+                <path d="M6 21V9a9 9 0 0 0 9 9"></path>
+              </svg>
+            </button>
+            <button class="btn btn-primary btn-sm" id="batch-open-tabs" disabled title="Apri ticket in schede" style="background: var(--accent-primary); border-color: var(--accent-primary); height: 32px; width: 34px; padding: 0; display: inline-flex; align-items: center; justify-content: center;">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 16px; height: 16px;">
+                <path d="M2 9a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9z"></path>
+                <path d="M6 3h12a2 2 0 0 1 2 2v12"></path>
+              </svg>
+            </button>
+          </div>
+          <div style="display: flex; align-items: center; gap: 6px; justify-content: flex-end;">
+            <button class="btn btn-ghost btn-xs" id="batch-select-all">Seleziona visibili</button>
+            <button class="btn btn-ghost btn-xs" id="batch-copy-tns">Copia numeri</button>
+            <button class="btn btn-ghost btn-xs" id="batch-cancel" title="Annulla selezione">Annulla</button>
+          </div>
+        </div>
       </div>
 
       <!-- Filters Bar (Operates 100% Client-Side in Memory) -->
diff --git a/public/js/views/ticketDetail.js b/public/js/views/ticketDetail.js
index 42524c6..58b4d41 100644
--- a/public/js/views/ticketDetail.js
+++ b/public/js/views/ticketDetail.js
@@ -12,7 +12,8 @@ const TicketDetailView = {
     if (!this.ticketId) return;
     const body = this.noteQuill ? this.noteQuill.root.innerHTML.trim() : '';
     const subject = document.getElementById('note-subject') ? document.getElementById('note-subject').value.trim() : '';
-    const time_unit = document.getElementById('note-time-units') ? document.getElementById('note-time-units').value.trim() : '';
+    const time_unit = (document.getElementById('note-time-units') ? document.getElementById('note-time-units').value.trim() : '') ||
+                      (document.getElementById('note-time-units-bottom') ? document.getElementById('note-time-units-bottom').value.trim() : '');
     const ticket_state_id = document.getElementById('note-ticket-state') ? document.getElementById('note-ticket-state').value : '';
 
     if ((body !== '<p><br></p>' && body !== '') || subject !== '' || time_unit !== '' || this.noteAttachments.length > 0 || ticket_state_id !== '') {
@@ -3587,7 +3588,11 @@ const TicketDetailView = {
                 <div class="upload-file-list" id="note-file-list" style="margin-bottom: var(--space-sm);"></div>
 
                 <div style="display:flex; gap:var(--space-md); justify-content:space-between; align-items:center; flex-wrap:wrap;">
-                  <div>
+                  <div style="display:flex; align-items:center; gap:var(--space-sm); flex-wrap:wrap;">
+                    <div style="display:flex; align-items:center; gap:6px;">
+                      <label for="note-time-units-bottom" style="font-size:0.8rem; font-weight:600; color:var(--text-secondary);">Tempo (min):</label>
+                      <input type="number" step="any" min="0" class="note-subject-input" id="note-time-units-bottom" placeholder="minuti" style="width:90px; margin-bottom:0; height:32px; padding:4px 8px; font-size:0.85rem;" />
+                    </div>
                     <input type="file" id="note-attachments" multiple style="display:none;" />
                     <button type="button" class="btn btn-ghost btn-sm" id="btn-note-add-attachments" style="height:32px; padding: 4px 10px; font-size: 0.85rem; display: flex; align-items: center; gap: 4px;">📎 Allega file</button>
                   </div>
@@ -3991,6 +3996,9 @@ const TicketDetailView = {
         if (document.getElementById('note-time-units')) {
           document.getElementById('note-time-units').value = noteDraft.time_unit || '';
         }
+        if (document.getElementById('note-time-units-bottom')) {
+          document.getElementById('note-time-units-bottom').value = noteDraft.time_unit || '';
+        }
         if (document.getElementById('note-ticket-state') && noteDraft.ticket_state_id) {
           document.getElementById('note-ticket-state').value = noteDraft.ticket_state_id;
         }
@@ -4024,6 +4032,7 @@ const TicketDetailView = {
     const customerIdInput = document.getElementById('qe-customer-id');
     const noteSubjectInput = document.getElementById('note-subject');
     const noteTimeUnitsInput = document.getElementById('note-time-units');
+    const noteTimeUnitsBottomInput = document.getElementById('note-time-units-bottom');
     const noteCreateTimeInput = document.getElementById('note-create-time');
 
     const checkChanges = () => {
@@ -4047,7 +4056,8 @@ const TicketDetailView = {
       const noteBodyText = (this.noteQuill ? this.noteQuill.root.innerText : '').trim();
       if (noteBodyText.length > 0) hasChanges = true;
 
-      const noteTimeUnitsVal = parseFloat(noteTimeUnitsInput ? noteTimeUnitsInput.value : '0') || 0;
+      const timeValStr = (noteTimeUnitsInput ? noteTimeUnitsInput.value : '') || (noteTimeUnitsBottomInput ? noteTimeUnitsBottomInput.value : '');
+      const noteTimeUnitsVal = parseFloat(timeValStr || '0') || 0;
       if (noteTimeUnitsVal > 0) hasChanges = true;
 
       if (noteCreateTimeInput && noteCreateTimeInput.value) hasChanges = true;
@@ -4065,7 +4075,20 @@ const TicketDetailView = {
       noteSubjectInput.addEventListener('input', checkChanges);
     }
     if (noteTimeUnitsInput) {
-      noteTimeUnitsInput.addEventListener('input', checkChanges);
+      noteTimeUnitsInput.addEventListener('input', () => {
+        if (noteTimeUnitsBottomInput && noteTimeUnitsBottomInput.value !== noteTimeUnitsInput.value) {
+          noteTimeUnitsBottomInput.value = noteTimeUnitsInput.value;
+        }
+        checkChanges();
+      });
+    }
+    if (noteTimeUnitsBottomInput) {
+      noteTimeUnitsBottomInput.addEventListener('input', () => {
+        if (noteTimeUnitsInput && noteTimeUnitsInput.value !== noteTimeUnitsBottomInput.value) {
+          noteTimeUnitsInput.value = noteTimeUnitsBottomInput.value;
+        }
+        checkChanges();
+      });
     }
     if (noteCreateTimeInput) {
       noteCreateTimeInput.addEventListener('change', checkChanges);
@@ -4093,6 +4116,7 @@ const TicketDetailView = {
         if (noteSubjectInput) noteSubjectInput.value = '';
         if (this.noteQuill) this.noteQuill.root.innerHTML = '';
         if (noteTimeUnitsInput) noteTimeUnitsInput.value = '';
+        if (noteTimeUnitsBottomInput) noteTimeUnitsBottomInput.value = '';
         if (noteCreateTimeInput) noteCreateTimeInput.value = '';
         this.noteAttachments = [];
         this.updateNoteAttachmentList();
diff --git a/public/js/views/ticketList.js b/public/js/views/ticketList.js
index 488f947..631cf6c 100644
--- a/public/js/views/ticketList.js
+++ b/public/js/views/ticketList.js
@@ -250,53 +250,81 @@ const TicketListView = {
 
     container.innerHTML = `
       <!-- Batch Actions Bar -->
-      <div class="batch-bar" id="batch-bar">
-        <div style="display:flex; align-items:center; gap:var(--space-sm);">
-          <span class="batch-count" id="batch-count">0 selezionati</span>
-          <button class="btn btn-ghost btn-xs" id="batch-select-all">Seleziona visibili</button>
-          <button class="btn btn-ghost btn-xs" id="batch-copy-tns" style="margin-left: 8px;">Copia numeri</button>
-        </div>
-        <div class="filter-group">
-          <span class="filter-label">Stato</span>
-          <select class="filter-select" id="batch-state">
-            <option value="">—</option>
-            ${(App.lookups.states || []).map(s => `<option value="${s.id}">${s.name}</option>`).join('')}
-          </select>
-        </div>
-        <div class="filter-group" style="position:relative;">
-          <span class="filter-label">Coda</span>
-          <input type="text" class="form-input filter-select" id="batch-queue-search" placeholder="Cerca coda..." autocomplete="off" style="width:180px; padding: 4px 8px; font-family: inherit; font-size: 0.85rem;" />
-          <input type="hidden" id="batch-queue" />
-          <div id="batch-queue-suggestions" class="autocomplete-suggestions" style="display:none; top: 100%; left: 0; min-width: 480px; width: max-content; max-width: 85vw; z-index: 1001;"></div>
-        </div>
-        <div class="filter-group">
-          <span class="filter-label">Owner</span>
-          <select class="filter-select" id="batch-owner">
-            <option value="">—</option>
-            ${(App.lookups.users || []).map(u => `<option value="${u.id}">${u.first_name} ${u.last_name}</option>`).join('')}
-          </select>
-        </div>
-        <div class="filter-group">
-          <span class="filter-label">Responsabile</span>
-          <select class="filter-select" id="batch-responsible">
-            <option value="">—</option>
-            ${(App.lookups.users || []).map(u => `<option value="${u.id}">${u.first_name} ${u.last_name}</option>`).join('')}
-          </select>
-        </div>
-        ${(App.lookups.types || []).length > 0 ? `
+      <!-- Batch Actions Bar -->
+      <div class="batch-bar" id="batch-bar" style="display: flex; justify-content: space-between; align-items: center; gap: var(--space-md); flex-wrap: wrap;">
+        <!-- Colonna Sinistra: Configurazioni e Filtri di Modifica -->
+        <div class="batch-bar-left" style="display: flex; align-items: center; gap: var(--space-sm); flex-wrap: wrap; flex: 1; min-width: 300px;">
+          <span class="batch-count" id="batch-count" style="margin-right: 4px;">0 selezionati</span>
           <div class="filter-group">
-            <span class="filter-label">Tipo</span>
-            <select class="filter-select" id="batch-type">
+            <span class="filter-label">Stato</span>
+            <select class="filter-select" id="batch-state">
               <option value="">—</option>
-              ${App.lookups.types.map(t => `<option value="${t.id}">${t.name}</option>`).join('')}
+              ${(App.lookups.states || []).map(s => `<option value="${s.id}">${s.name}</option>`).join('')}
             </select>
           </div>
-        ` : ''}
-        <button class="btn btn-primary btn-sm" id="batch-apply">Applica</button>
-        <button class="btn btn-primary btn-sm" id="batch-add-group" disabled style="background: var(--accent-primary); border-color: var(--accent-primary); margin-left: 8px;">Aggiungi a gruppo</button>
-        <button class="btn btn-primary btn-sm" id="batch-merge" disabled style="background: rgba(160, 65, 71, 0.32); border-color: var(--accent-primary); color: var(--text-primary); margin-left: 8px;">Unisci Selezionati</button>
-        <button class="btn btn-primary btn-sm" id="batch-open-tabs" disabled style="background: var(--accent-primary); border-color: var(--accent-primary); margin-left: 8px;">Apri ticket in schede</button>
-        <button class="btn btn-ghost btn-xs" id="batch-cancel">Annulla</button>
+          <div class="filter-group" style="position:relative;">
+            <span class="filter-label">Coda</span>
+            <input type="text" class="form-input filter-select" id="batch-queue-search" placeholder="Cerca coda..." autocomplete="off" style="width:180px; padding: 4px 8px; font-family: inherit; font-size: 0.85rem;" />
+            <input type="hidden" id="batch-queue" />
+            <div id="batch-queue-suggestions" class="autocomplete-suggestions" style="display:none; top: 100%; left: 0; min-width: 480px; width: max-content; max-width: 85vw; z-index: 1001;"></div>
+          </div>
+          <div class="filter-group">
+            <span class="filter-label">Owner</span>
+            <select class="filter-select" id="batch-owner">
+              <option value="">—</option>
+              ${(App.lookups.users || []).map(u => `<option value="${u.id}">${u.first_name} ${u.last_name}</option>`).join('')}
+            </select>
+          </div>
+          <div class="filter-group">
+            <span class="filter-label">Responsabile</span>
+            <select class="filter-select" id="batch-responsible">
+              <option value="">—</option>
+              ${(App.lookups.users || []).map(u => `<option value="${u.id}">${u.first_name} ${u.last_name}</option>`).join('')}
+            </select>
+          </div>
+          ${(App.lookups.types || []).length > 0 ? `
+            <div class="filter-group">
+              <span class="filter-label">Tipo</span>
+              <select class="filter-select" id="batch-type">
+                <option value="">—</option>
+                ${App.lookups.types.map(t => `<option value="${t.id}">${t.name}</option>`).join('')}
+              </select>
+            </div>
+          ` : ''}
+        </div>
+
+        <!-- Colonna Destra: Pulsanti delle Azioni -->
+        <div class="batch-bar-right" style="display: flex; flex-direction: column; align-items: flex-end; gap: 6px;">
+          <div style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end;">
+            <button class="btn btn-primary btn-sm" id="batch-apply">Applica</button>
+            <button class="btn btn-primary btn-sm" id="batch-add-group" disabled title="Aggiungi a gruppo" style="background: var(--accent-primary); border-color: var(--accent-primary); height: 32px; width: 34px; padding: 0; display: inline-flex; align-items: center; justify-content: center;">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 16px; height: 16px;">
+                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+                <circle cx="9" cy="7" r="4"></circle>
+                <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+              </svg>
+            </button>
+            <button class="btn btn-primary btn-sm" id="batch-merge" disabled title="Unisci Selezionati" style="background: rgba(160, 65, 71, 0.32); border-color: var(--accent-primary); color: var(--text-primary); height: 32px; width: 34px; padding: 0; display: inline-flex; align-items: center; justify-content: center;">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 16px; height: 16px;">
+                <circle cx="18" cy="18" r="3"></circle>
+                <circle cx="6" cy="6" r="3"></circle>
+                <path d="M6 21V9a9 9 0 0 0 9 9"></path>
+              </svg>
+            </button>
+            <button class="btn btn-primary btn-sm" id="batch-open-tabs" disabled title="Apri ticket in schede" style="background: var(--accent-primary); border-color: var(--accent-primary); height: 32px; width: 34px; padding: 0; display: inline-flex; align-items: center; justify-content: center;">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 16px; height: 16px;">
+                <path d="M2 9a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9z"></path>
+                <path d="M6 3h12a2 2 0 0 1 2 2v12"></path>
+              </svg>
+            </button>
+          </div>
+          <div style="display: flex; align-items: center; gap: 6px; justify-content: flex-end;">
+            <button class="btn btn-ghost btn-xs" id="batch-select-all">Seleziona visibili</button>
+            <button class="btn btn-ghost btn-xs" id="batch-copy-tns">Copia numeri</button>
+            <button class="btn btn-ghost btn-xs" id="batch-cancel" title="Annulla selezione">Annulla</button>
+          </div>
+        </div>
       </div>
 
       ${Filters.renderBar(App.lookups)}