feedback border improvement..

frontend/vehicles.html

@@ -942,7 +942,7 @@
         </div>
         <div id="tab-feedback" class="hidden flex-1 min-h-0 overflow-y-auto">
             <!-- Full Header Area -->
-            <div class="max-w-6xl mx-auto space-y-6">
+            <div class="space-y-6 w-full">
                 <div class="text-center space-y-3 mb-6">
                     <h2 class="text-2xl font-bold tracking-tight" style="color:#f0ece6">Share Your Feedback</h2>
                     <p class="text-xs" style="color:#777">We are constantly refining UrbanFlow. Your technical insights
@@ -958,15 +958,15 @@
                 <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 w-full">
                     <!-- Left Side: Experience & Requirements (All Selective Choices) -->
                     <div
-                        class="col-span-1 bg-black rounded-xl border border-slate-800 shadow-sm overflow-hidden flex flex-col">
-                        <div class="px-6 py-4 border-b border-slate-800 bg-[#050505]">
+                        class="col-span-1 bg-black rounded-xl border shadow-sm overflow-hidden flex flex-col" style="border-color:#2a2a2a">
+                        <div class="px-6 py-4 border-b bg-[#050505]" style="border-color:#1a1a1a">
                             <h3 class="font-bold text-white text-sm flex items-center">Experience & Priorities</h3>
-                            <p class="text-[10px] text-slate-400 mt-0.1 uppercase tracking-widest font-medium">Rate your
+                            <p class="text-[10px] mt-0.1 uppercase tracking-widest font-medium" style="color:#a89f97">Rate your
                                 experience</p>
                         </div>
                         <div class="p-6 flex-1 space-y-8">
                             <!-- Overall Experience Centered -->
-                            <div class="flex flex-col items-center justify-center border-b border-slate-800 pb-6">
+                            <div class="flex flex-col items-center justify-center border-b pb-6" style="border-color:#1a1a1a">
                                 <label class="text-[10px] font-bold uppercase tracking-widest block mb-3 text-center"
                                     style="color:#a89f97">Overall Experience</label>
                                 <div class="fb-stars" id="fb-stars">
@@ -1072,7 +1072,7 @@
                             </div>
 
                             <!-- Feature Prioritization -->
-                            <div class="pt-4 border-t border-slate-800">
+                            <div class="pt-4 border-t" style="border-color:#1a1a1a">
                                 <label class="text-[10px] font-bold uppercase tracking-widest block mb-4"
                                     style="color:#a89f97">Which feature we should prioritize?</label>
                                 <div class="grid grid-cols-2 gap-3" id="fb-priorities">
@@ -1095,10 +1095,10 @@
 
                     <!-- Right Side: Categorization & Feedback Text -->
                     <div
-                        class="col-span-1 bg-black rounded-xl border border-slate-800 shadow-sm overflow-hidden flex flex-col">
-                        <div class="px-6 py-4 border-b border-slate-800 bg-[#050505]">
+                        class="col-span-1 bg-black rounded-xl border shadow-sm overflow-hidden flex flex-col" style="border-color:#2a2a2a">
+                        <div class="px-6 py-4 border-b bg-[#050505]" style="border-color:#1a1a1a">
                             <h3 class="font-bold text-white text-sm flex items-center">Categorization & Feedback</h3>
-                            <p class="text-[10px] text-slate-400 mt-0.1 uppercase tracking-widest font-medium">Detailed
+                            <p class="text-[10px] mt-0.1 uppercase tracking-widest font-medium" style="color:#a89f97">Detailed
                                 workflow insights</p>
                         </div>
                         <div class="p-6 flex-1 flex flex-col space-y-6">