updates on the kpi card design

src/pages/nearle/reports/profitability.js

@@ -393,40 +393,35 @@ export default function ProfitabilityReport() {
       label: 'Riders Active',
       color: BRAND,
       icon: MdPerson,
-      value: stats?.activeRiders ?? 0,
+      value: stats?.activeRiders ?? 0
-      detail: `${stats?.profitableRiders ?? 0} in profit · ${stats?.lossRiders ?? 0} at loss`
     },
     {
       key: 'planned-kms',
       label: 'Planned KMs',
       color: '#0ea5e9',
       icon: MdRoute,
-      value: `${(stats?.totalPlannedKms ?? 0).toFixed(1)} km`,
+      value: `${(stats?.totalPlannedKms ?? 0).toFixed(1)} km`
-      detail: 'Solver-planned distance'
-    },
-    {
-      key: 'rider-kms',
-      label: 'Rider KMs',
-      color: BRAND,
-      icon: MdStraighten,
-      value: `${(stats?.totalKms ?? 0).toFixed(1)} km`,
-      detail: 'Billed to riders'
     },
     {
       key: 'actual-kms',
       label: 'Actual KMs',
       color: '#f59e0b',
       icon: MdMyLocation,
-      value: `${(stats?.totalActualKms ?? 0).toFixed(1)} km`,
+      value: `${(stats?.totalActualKms ?? 0).toFixed(1)} km`
-      detail: 'GPS-tracked distance'
+    },
+    {
+      key: 'rider-kms',
+      label: 'Rider KMs',
+      color: BRAND,
+      icon: MdStraighten,
+      value: `${(stats?.totalKms ?? 0).toFixed(1)} km`
     },
     {
       key: 'total-distance',
-      label: 'Total Distance',
+      label: 'Trip KMs',
       color: '#10b981',
       icon: MdStraighten,
-      value: `${(stats?.totalKms ?? 0).toFixed(1)} km`,
+      value: `${(stats?.totalKms ?? 0).toFixed(1)} km`
-      detail: 'Cumulative travel distance'
     }
   ];
 
@@ -467,9 +462,6 @@ export default function ProfitabilityReport() {
                 color={item.color}
                 loading={isLoadingDeliveries}
               />
-              <Typography variant="caption" sx={{ color: DT.textSecondary, display: 'block', mt: 0.5, px: 2, fontWeight: 500 }}>
-                {item.detail}
-              </Typography>
             </Grid>
           );
         })}