shifted palette inside stats section

frontend/vehicles.html

@@ -397,7 +397,7 @@
                         We are in the <strong style="color:#f0ece6">requirements gathering phase</strong>, and your feedback directly shapes 
                         what gets built for production.
                     </p>
-                    <p style="font-size:11px;color:#666">
+                    <p style="font-size:13px;color:#777">
                         The production system will support RTSP live-stream input, institutional dashboards, REST APIs, and advanced analytics. 
                         This demo serves video upload only.
                     </p>
@@ -455,12 +455,6 @@
                                 </li>
                                 <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
                                         style="color:#8b5e3c"></i>
-                                    <span>REST API for integration with city ATCC and ITS platforms</span>
-                                </li>
-                                <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
-                                        style="color:#8b5e3c"></i>
-                        <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
-                                        style="color:#8b5e3c"></i>
                                     <span>ANPR &mdash; automatic number plate recognition and logging</span>
                                 </li>
                                 <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
@@ -480,11 +474,11 @@
                     </div>
 
                     <div class="text-center pt-6 border-t border-slate-900">
-                        <p class="text-[11px]" style="color:#666">
+                        <p class="text-[13px] leading-relaxed" style="color:#888">
                             We are an applied research team &mdash; using state-of-the-art detection models, fine-tuned on Indian traffic datasets, 
                             to build systems that work in production. Not a black box. Not a benchmark demo. A working tool, built for real roads.
                         </p>
-                        <p class="text-[10px] mt-3" style="color:#555">
+                        <p class="text-[12px] mt-3" style="color:#777">
                             Feedback, collaboration, or questions: <strong style="color:#c89a6c">support@urbanflow.in</strong>
                         </p>
                     </div>
@@ -506,6 +500,17 @@
             <div class="flex items-center space-x-6 text-xs font-bold text-white whitespace-nowrap">
                 <span id="proc-frames">0 / 0 Frames</span>
                 <span id="proc-pct">0%</span>
+                <select class="custom-select" id="live-palette-select" onchange="applyPalette(this.value)" style="font-size:10px;padding:3px 20px 3px 8px">
+                    <option value="default" selected>Default</option>
+                    <option value="vibrant">Vibrant</option>
+                    <option value="corporate">Corporate</option>
+                    <option value="neon">Neon Night</option>
+                    <option value="earth">Earth Tones</option>
+                    <option value="ocean">Ocean Breeze</option>
+                    <option value="sunset">Sunset Glow</option>
+                    <option value="midnight">Midnight Deep</option>
+                    <option value="gold">Monochrome Gold</option>
+                </select>
             </div>
         </div>
 
@@ -804,30 +809,18 @@
                     <div class="px-5 py-4 flex-1 flex flex-col">
                         <div class="s-row">
                             <div>
-                                <div class="text-xs font-semibold text-slate-700">Auto-Download Report</div>
+                                <div class="text-xs font-semibold text-slate-700 flex items-center">Auto-Download Report
+                                    <span class="info-wrap ml-1">
+                                        <span class="info-btn"><i class="fa-solid fa-info"></i></span>
+                                        <span class="info-tip">Enable before processing starts. The artifact bundle (ZIP) will download automatically once analysis completes. Cannot be changed after processing finishes.</span>
+                                    </span>
+                                </div>
                                 <div class="text-[10px] text-slate-400">Save reports automatically</div>
                             </div>
                             <div class="toggle-track" id="sv-auto-download" onclick="toggleAutoDownload(this)">
                                 <div class="toggle-thumb"></div>
                             </div>
                         </div>
-                        <div class="s-row mt-4">
-                            <div>
-                                <div class="text-xs font-semibold text-slate-700">Chart Color Palette</div>
-                                <div class="text-[10px] text-slate-400">Color scheme for all charts</div>
-                            </div>
-                            <select class="custom-select" id="live-palette-select" onchange="applyPalette(this.value)">
-                                <option value="default" selected>Default</option>
-                                <option value="vibrant">Vibrant</option>
-                                <option value="corporate">Corporate</option>
-                                <option value="neon">Neon Night</option>
-                                <option value="earth">Earth Tones</option>
-                                <option value="ocean">Ocean Breeze</option>
-                                <option value="sunset">Sunset Glow</option>
-                                <option value="midnight">Midnight Deep</option>
-                                <option value="gold">Monochrome Gold</option>
-                            </select>
-                        </div>
                         <div class="s-row hidden">
                             <div>
                                 <div class="text-xs font-semibold text-slate-700">Interface Mode</div>
@@ -836,11 +829,6 @@
                             <div class="text-xs font-bold text-white px-3 py-1 bg-slate-800 rounded-full">Dark Mode Only
                             </div>
                         </div>
-                        <div class="mt-3">
-                            <div class="text-[10px] font-bold text-slate-400 uppercase tracking-widest mb-2">Palette
-                                Preview</div>
-                            <div class="flex gap-1.5" id="live-palette-preview"></div>
-                        </div>
                     </div>
                 </div>
 
@@ -1170,8 +1158,9 @@
             flowChart.data.datasets[0].backgroundColor = activePalette.flow;
             flowChart.update();
 
-            // Update palette preview
-            renderPalettePreview(key);
+            // Update palette dropdown in progress bar
+            const barSel = document.getElementById('live-palette-select');
+            if (barSel) barSel.value = key;
         }
 
         function renderPalettePreview(key) {
@@ -1540,6 +1529,13 @@
                         });
                     }
 
+                    // Disable Auto-Download toggle after completion
+                    const adToggle = document.getElementById('sv-auto-download');
+                    if (adToggle) {
+                        adToggle.style.pointerEvents = 'none';
+                        adToggle.style.opacity = '0.4';
+                    }
+
                     // Show New Analysis button in Settings
                     const newWrap = document.getElementById('new-analysis-wrap');
                     if (newWrap) newWrap.classList.remove('hidden');