restored failed state

frontend/vehicles.html

@@ -528,10 +528,10 @@
     <!-- Toast Container -->
     <div id="toast-container"></div>
 
-    <main class="flex-1 flex flex-col h-full min-w-0 p-4 gap-4">
+    <main class="flex-1 flex flex-col min-h-0 p-4 gap-4 overflow-hidden relative">
 
         <!-- TAB: About -->
-        <div id="tab-about" class="hidden flex-1 min-h-0 overflow-y-auto">
+        <div id="tab-about" class="hidden flex-1 min-h-0 overflow-y-auto max-h-full">
             <div class="bg-black border border-slate-800 rounded-xl p-12 shadow-2xl space-y-8 min-h-full flex flex-col justify-center">
                 <div class="text-center">
                     <p class="text-sm italic font-bold leading-relaxed max-w-3xl mx-auto" style="color:#c89a6c;font-family:'Montserrat',sans-serif">
@@ -672,7 +672,8 @@
         </div>
 
         <!-- TAB: Overview -->
-        <div id="tab-overview" class="hidden grid grid-cols-12 gap-4 flex-1 min-h-0 overflow-hidden" style="position:relative">
+        <div id="tab-overview" class="hidden flex-1 min-h-0 overflow-y-auto max-h-full">
+            <div class="grid grid-cols-12 gap-4 w-full" style="position:relative">
 
             <!-- Empty State Overlay -->
             <div id="stats-empty-state" class="stats-empty-overlay">
@@ -760,14 +761,12 @@
                 <div class="flex-1 w-full relative min-h-[220px]">
                     <canvas id="flowChart"></canvas>
                 </div>
+                </div>
             </div>
-
-            </div>
-
         </div>
 
         <!-- TAB: Run -->
-        <div id="tab-run-details" class="hidden flex-1 min-h-0 overflow-y-auto">
+        <div id="tab-run-details" class="hidden flex-1 min-h-0 overflow-y-auto max-h-full">
             <div class="space-y-6 w-full max-w-[1400px]">
 
                 <!-- HERO: Process Analytics -->
@@ -859,7 +858,7 @@
 
 
         <!-- TAB: Reports -->
-        <div id="tab-reports" class="hidden flex-1 min-h-0 overflow-y-auto">
+        <div id="tab-reports" class="hidden flex-1 min-h-0 overflow-y-auto max-h-full">
             <div id="reports-pending-message" class="mb-4 text-center p-4 border border-[#222] bg-[#0a0a0a] rounded-xl flex items-center justify-center gap-3 shadow-sm">
                 <i id="reports-pending-icon" class="fa-solid fa-layer-group text-[#c89a6c]"></i>
                 <span id="reports-pending-text" class="text-xs text-[#a89f97] font-medium tracking-wide uppercase">Trigger process from settings. Artifacts will be available here once processing completes.</span>
@@ -933,7 +932,7 @@
         </div>
 
         <!-- TAB: Settings -->
-        <div id="tab-settings" class="hidden flex-1 min-h-0 overflow-y-auto">
+        <div id="tab-settings" class="hidden flex-1 min-h-0 overflow-y-auto max-h-full">
             <div class="grid grid-cols-2 gap-6 w-full">
                 <!-- Processing Parameters -->
                 <div class="col-span-1 bg-white rounded-xl border border-slate-200 shadow-sm overflow-hidden">
@@ -1144,7 +1143,7 @@
         </div>
 
         <!-- TAB: Feedback -->
-        <div id="tab-feedback" class="hidden flex-1 min-h-0 overflow-y-auto">
+        <div id="tab-feedback" class="hidden flex-1 min-h-0 overflow-y-auto max-h-full">
             <!-- Full Header Area -->
             <div class="max-w-6xl mx-auto space-y-6">
                 <div class="text-center space-y-3 mb-6">