updates on the profitability

src/pages/nearle/dispatch/ProfitabilitySection.css

@@ -83,7 +83,7 @@ body {
    Fixed architecture: NO overflow, NO clipping, NO width:100vw
    ════════════════════════════════════════════════════════════════════════════ */
 
-.profitability-dashboard {
+.dispatch-container .profitability-dashboard {
   width: 100%;
   max-width: 100%;
   overflow-x: hidden;
@@ -126,7 +126,7 @@ body {
    HEADER SECTION — Premium Top Header
    ════════════════════════════════════════════════════════════════════════════ */
 
-.profitability-header {
+.profitability-dashboard .profitability-header {
   width: 100%;
   max-width: 100%;
 
@@ -252,7 +252,7 @@ body {
   flex-shrink: 0;
 }
 
-.profitability-kpi-chip {
+.profitability-dashboard .profitability-kpi-chip {
   display: inline-flex;
   align-items: center;
   gap: var(--space-md);
@@ -329,7 +329,7 @@ body {
    ════════════════════════════════════════════════════════════════════════════ */
 
 /* Enhanced KPI card interactions */
-.profitability-summary-card {
+.profitability-dashboard .profitability-summary-card {
   position: relative;
   min-width: 0;
   max-width: 100%;
@@ -404,6 +404,7 @@ body {
     opacity: 0;
     transform: scaleY(0.95);
   }
+
   to {
     opacity: 1;
     transform: scaleY(1);
@@ -549,7 +550,7 @@ body {
    CONTROLS BAR — Search, Filter, Sort
    ════════════════════════════════════════════════════════════════════════════ */
 
-.profitability-controls-bar {
+.profitability-dashboard .profitability-controls-bar {
   width: 100%;
   max-width: 100%;
 
@@ -588,7 +589,7 @@ body {
   flex-shrink: 0;
 }
 
-.profitability-search-input {
+.profitability-dashboard .profitability-search-input {
   width: 100%;
   height: 40px;
 
@@ -619,7 +620,7 @@ body {
   box-shadow: 0 0 0 3px rgba(108, 76, 241, 0.1);
 }
 
-.profitability-search-input:focus ~ .profitability-search-icon {
+.profitability-search-input:focus~.profitability-search-icon {
   color: var(--primary);
 }
 
@@ -633,7 +634,7 @@ body {
   border: 1px solid var(--border-light);
 }
 
-.profitability-tab-btn {
+.profitability-dashboard .profitability-tab-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -696,7 +697,7 @@ body {
   display: none;
 }
 
-.profitability-sort-select {
+.profitability-dashboard .profitability-sort-select {
   height: 40px;
   padding: 0 32px 0 var(--space-md);
 
@@ -790,7 +791,7 @@ body {
    RIDER CARD — Modern Enterprise SaaS Card
    ════════════════════════════════════════════════════════════════════════════ */
 
-.rider-profitability-card {
+.profitability-dashboard .rider-profitability-card {
   width: 100%;
   max-width: 100%;
   min-width: 0;
@@ -825,7 +826,7 @@ body {
   box-shadow: 0 0 0 2px var(--primary-light), var(--shadow-md);
 }
 
-.rider-card-header {
+.profitability-dashboard .rider-card-header {
   display: flex;
   align-items: center;
   gap: var(--space-lg);
@@ -1043,13 +1044,14 @@ body {
     opacity: 0;
     transform: translateY(-8px);
   }
+
   to {
     opacity: 1;
     transform: translateY(0);
   }
 }
 
-.rider-detail-inner {
+.profitability-dashboard .rider-detail-inner {
   padding: var(--space-lg);
 }
 
@@ -1060,7 +1062,7 @@ body {
   margin-bottom: var(--space-xl);
 }
 
-.cost-tile {
+.profitability-dashboard .cost-tile {
   display: flex;
   gap: var(--space-md);
   padding: var(--space-lg);
@@ -1170,7 +1172,7 @@ body {
   overflow: hidden;
 }
 
-.revenue-breakdown-header {
+.profitability-dashboard .revenue-breakdown-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1211,7 +1213,7 @@ body {
   border-collapse: collapse;
 }
 
-.orders-table thead th {
+.profitability-dashboard .orders-table thead th {
   padding: var(--space-md) var(--space-lg);
   text-align: left;
   font-size: 11px;
@@ -1237,7 +1239,7 @@ body {
   border-bottom: none;
 }
 
-.orders-table tbody td {
+.profitability-dashboard .orders-table tbody td {
   padding: var(--space-md) var(--space-lg);
   vertical-align: middle;
   font-size: 13px;
@@ -1495,7 +1497,7 @@ body {
     font-size: 12px;
   }
 
-  .profitability-kpi-chip {
+  .profitability-dashboard .profitability-kpi-chip {
     padding: var(--space-sm) var(--space-md);
     font-size: 11px;
   }
@@ -1504,7 +1506,7 @@ body {
     font-size: 14px;
   }
 
-  .profitability-summary-card {
+  .profitability-dashboard .profitability-summary-card {
     padding: var(--space-lg);
   }
 
@@ -1591,4 +1593,4 @@ body {
   .profitability-sort-label {
     display: none;
   }
-}
+}