/**
 * AdminLTE extended status colors for the track page timeline.
 * Bootstrap 5 CDN only includes standard bg-* utilities; order_status
 * rows use AdminLTE names (bg-orange, bg-teal, bg-maroon, etc.).
 */

.tracking-page .bg-primary,
.tracking-page .badge.bg-primary {
  background-color: #007bff !important;
  color: #ffffff !important;
}

.tracking-page .bg-secondary,
.tracking-page .badge.bg-secondary {
  background-color: #6c757d !important;
  color: #ffffff !important;
}

.tracking-page .bg-success,
.tracking-page .badge.bg-success {
  background-color: #28a745 !important;
  color: #ffffff !important;
}

.tracking-page .bg-info,
.tracking-page .badge.bg-info {
  background-color: #17a2b8 !important;
  color: #ffffff !important;
}

.tracking-page .bg-warning,
.tracking-page .badge.bg-warning {
  background-color: #ffc107 !important;
  color: #1f2d3d !important;
}

.tracking-page .bg-danger,
.tracking-page .badge.bg-danger {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}

.tracking-page .bg-light,
.tracking-page .badge.bg-light {
  background-color: #f8f9fa !important;
  color: #1f2d3d !important;
}

.tracking-page .bg-dark,
.tracking-page .badge.bg-dark {
  background-color: #343a40 !important;
  color: #ffffff !important;
}

.tracking-page .bg-lightblue,
.tracking-page .badge.bg-lightblue {
  background-color: #3c8dbc !important;
  color: #ffffff !important;
}

.tracking-page .bg-navy,
.tracking-page .badge.bg-navy {
  background-color: #001f3f !important;
  color: #ffffff !important;
}

.tracking-page .bg-olive,
.tracking-page .badge.bg-olive {
  background-color: #3d9970 !important;
  color: #ffffff !important;
}

.tracking-page .bg-lime,
.tracking-page .badge.bg-lime {
  background-color: #01ff70 !important;
  color: #1f2d3d !important;
}

.tracking-page .bg-fuchsia,
.tracking-page .badge.bg-fuchsia {
  background-color: #f012be !important;
  color: #ffffff !important;
}

.tracking-page .bg-maroon,
.tracking-page .badge.bg-maroon {
  background-color: #d81b60 !important;
  color: #ffffff !important;
}

.tracking-page .bg-blue,
.tracking-page .badge.bg-blue {
  background-color: #007bff !important;
  color: #ffffff !important;
}

.tracking-page .bg-indigo,
.tracking-page .badge.bg-indigo {
  background-color: #6610f2 !important;
  color: #ffffff !important;
}

.tracking-page .bg-purple,
.tracking-page .badge.bg-purple {
  background-color: #6f42c1 !important;
  color: #ffffff !important;
}

.tracking-page .bg-pink,
.tracking-page .badge.bg-pink {
  background-color: #e83e8c !important;
  color: #ffffff !important;
}

.tracking-page .bg-red,
.tracking-page .badge.bg-red {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}

.tracking-page .bg-orange,
.tracking-page .badge.bg-orange {
  background-color: #fd7e14 !important;
  color: #1f2d3d !important;
}

.tracking-page .bg-yellow,
.tracking-page .badge.bg-yellow {
  background-color: #ffc107 !important;
  color: #1f2d3d !important;
}

.tracking-page .bg-green,
.tracking-page .badge.bg-green {
  background-color: #28a745 !important;
  color: #ffffff !important;
}

.tracking-page .bg-teal,
.tracking-page .badge.bg-teal {
  background-color: #20c997 !important;
  color: #ffffff !important;
}

.tracking-page .bg-cyan,
.tracking-page .badge.bg-cyan {
  background-color: #17a2b8 !important;
  color: #ffffff !important;
}

.tracking-page .text-white {
  color: #ffffff !important;
}

.tracking-page .text-dark {
  color: #1f2d3d !important;
}

/* Timeline icon circles inherit AdminLTE bg + contrasting icon color */
.tracking-page .tracking-timeline > div > .fas,
.tracking-page .tracking-timeline > div > .fa,
.tracking-page .tracking-timeline > div > .far,
.tracking-page .tracking-timeline > div > .fab {
  border-radius: 50%;
}