Restore Buy Box badge positions to match original layout; fix row layering in all views

components/AdsPerformance.tsx

@@ -63,7 +63,7 @@ const AdsRow: React.FC<{
     }
 
     return (
-        <tr className="hover:bg-white/[0.02] transition-colors group">
+        <tr className="hover:bg-white/[0.02] transition-colors group relative hover:z-50">
             <td className="p-4 py-3">
                 <div className="flex flex-col gap-0.5">
                     <div className="flex items-center gap-2">

components/ForecastView.tsx

@@ -80,7 +80,7 @@ const ForecastRow: React.FC<{
     else achievementColor = 'bg-rose-500';
 
     return (
-        <tr key={item.asin} className="hover:bg-indigo-500/5 transition-colors group border-b border-slate-800/50 last:border-0">
+        <tr key={item.asin} className="hover:bg-indigo-500/5 transition-colors group border-b border-slate-800/50 last:border-0 relative hover:z-50">
             {/* Product Info */}
             <td className="px-6 py-4">
                 <div className="flex flex-col gap-1">

components/WeeklyGrid.tsx

@@ -92,7 +92,6 @@ const WeeklyRow: React.FC<{
                         >
                             {row.sku || '-'}
                         </span>
-                        <BuyBoxWarningBadge asin={asin} buyBoxLostMap={buyBoxLostMap} />
                         <span className="text-[10px] font-bold text-slate-500 bg-slate-800 px-1.5 py-0.5 rounded border border-white/5">{row.asin}</span>
                     </div>
                     <div className="flex items-start gap-2 mb-1">
@@ -106,6 +105,7 @@ const WeeklyRow: React.FC<{
                             mode={top50Mode}
                             avgWeeklySales={velocityMap?.get(asin)}
                         />
+                        <BuyBoxWarningBadge asin={asin} buyBoxLostMap={buyBoxLostMap} />
                     </div>
                     <span className="text-[9px] text-fuchsia-400/80 font-bold uppercase tracking-widest">{row.line}</span>
                 </div>