feat: implement route assignment management and sequencing module with interactive data visualization and editing capabilities

route-planner/src/app/private/home/planning-kpis/planning-kpis.component.css

@@ -180,15 +180,26 @@
 }
 
 .utilization-cell {
-  display: grid;
-  grid-template-columns: 48px minmax(70px, 1fr);
+  display: flex;
   align-items: center;
   gap: 8px;
-  min-width: 130px;
+  min-width: 220px;
+}
+
+.utilization-cell > span:first-child {
+  flex: 0 0 56px;
+}
+
+.capacity-warning {
+  cursor: help;
+  font-size: 0.9rem;
+  line-height: 1;
 }
 
 .utilization-bar {
   display: block;
+  flex: 1 1 140px;
+  min-width: 140px;
   height: 7px;
   overflow: hidden;
   border-radius: 10px;
@@ -202,6 +213,19 @@
   background: var(--glm-verde);
 }
 
+.utilization-cell.warning .utilization-bar span {
+  background: var(--glm-naranja);
+}
+
+.utilization-cell.over-capacity .utilization-bar span {
+  background: #c62828;
+}
+
+.load-over-capacity td {
+  color: #8f1616;
+  font-weight: 600;
+}
+
 .reasons-card {
   margin-top: 14px;
   padding: 12px 14px;