infor icon readability

frontend/vehicles.html

@@ -243,8 +243,36 @@
         }
 
         .s-row.disabled {
-            opacity: 0.7 !important;
+            opacity: 0.65 !important;
+        }
+
+        .s-row.disabled .s-stepper,
+        .s-row.disabled .custom-select,
+        .s-row.disabled .toggle-track,
+        .s-row.disabled .chip-container {
             pointer-events: none !important;
+            opacity: 0.5 !important;
+        }
+
+        .s-row.disabled .info-wrap {
+            pointer-events: auto !important;
+            opacity: 1 !important;
+        }
+
+        .lock-badge {
+            display: inline-flex;
+            align-items: center;
+            gap: 4px;
+            font-size: 9px;
+            font-weight: 700;
+            color: #666;
+            background: #1a1a1a;
+            border: 1px solid #2a2a2a;
+            border-radius: 4px;
+            padding: 2px 6px;
+            margin-left: 8px;
+            text-transform: uppercase;
+            letter-spacing: 0.05em;
         }
 
         #btn-start-processing {
@@ -1220,10 +1248,20 @@
         }
 
         function lockSettings() {
-            // Disable critical param rows
+            // Disable critical param rows and add lock badge
             document.querySelectorAll('#settings-params .s-row').forEach(row => {
                 const p = row.dataset.param;
-                if (p && p !== 'palette') row.classList.add('disabled');
+                if (p && p !== 'palette') {
+                    row.classList.add('disabled');
+                    // Add lock badge next to the label if not already present
+                    const label = row.querySelector('.text-xs.font-semibold');
+                    if (label && !label.querySelector('.lock-badge')) {
+                        const badge = document.createElement('span');
+                        badge.className = 'lock-badge';
+                        badge.innerHTML = '<i class="fa-solid fa-lock" style="font-size:8px"></i> Locked';
+                        label.appendChild(badge);
+                    }
+                }
             });
             // Hide start button
             const wrap = document.getElementById('settings-start-wrap');