updates on the profitability

src/pages/nearle/dispatch/Dispatch.css

@@ -2238,7 +2238,7 @@
   white-space: nowrap;
   transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
   -webkit-appearance: none;
-          appearance: none;
+  appearance: none;
 }
 
 .dispatch-container .trip-sort-pill svg {
@@ -2275,13 +2275,11 @@
 /* Mode-semantic accent on the active pill's icon — picks up the same
    indigo / emerald used on the Compare control + the time-rank badge
    below, so the page reads as a coherent system. */
-.dispatch-container .trip-sort-toggle[data-mode='planned']
-  .trip-sort-pill.is-active svg {
+.dispatch-container .trip-sort-toggle[data-mode='planned'] .trip-sort-pill.is-active svg {
   color: #662582;
 }
 
-.dispatch-container .trip-sort-toggle[data-mode='time']
-  .trip-sort-pill.is-active svg {
+.dispatch-container .trip-sort-toggle[data-mode='time'] .trip-sort-pill.is-active svg {
   color: #10b981;
 }
 
@@ -9598,8 +9596,17 @@
 }
 
 @keyframes da-live-pulse {
-  0%, 100% { opacity: 1;   transform: scale(1); }
-  50%      { opacity: 0.4; transform: scale(0.85); }
+
+  0%,
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  50% {
+    opacity: 0.4;
+    transform: scale(0.85);
+  }
 }
 
 .dispatch-container .da-metric-grid {
@@ -10011,8 +10018,13 @@
 }
 
 @keyframes da-pos-fade {
-  from { opacity: 0; }
-  to   { opacity: 1; }
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
 }
 
 .dispatch-container .da-pos-modal-card {
@@ -10030,8 +10042,15 @@
 }
 
 @keyframes da-pos-rise {
-  from { opacity: 0; transform: translateY(12px) scale(0.98); }
-  to   { opacity: 1; transform: translateY(0)    scale(1); }
+  from {
+    opacity: 0;
+    transform: translateY(12px) scale(0.98);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
 }
 
 .dispatch-container .da-pos-modal-head {
@@ -10652,11 +10671,9 @@
   top: 0;
   bottom: 0;
   background-image:
-    repeating-linear-gradient(
-      135deg,
+    repeating-linear-gradient(135deg,
       #e2e8f0 0 6px,
-      #f1f5f9 6px 12px
-    );
+      #f1f5f9 6px 12px);
   border-left: 1px dashed #cbd5e1;
 }
 
@@ -10900,6 +10917,7 @@
    (≥ md) is untouched; every rule here is gated inside this media query.
    ========================================================================= */
 @media (max-width: 768px) {
+
   /* The standalone page un-does MainCard's 24px padding via negative margin
      + 100vw-ish sizing; keep that, just allow the inner body to grow with
      its stacked children instead of being clipped to a single row height. */