body { background: #f4f6f5; }
.card-stat { border: none; border-radius: .75rem; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.card-stat h2 { font-weight: 700; }
table.table thead { background: #eef5ef; }
.stop-card { border-left: 4px solid #198754; }
.stop-card.delivered { border-left-color: #198754; background: #f2fbf4; }
.stop-card.not-delivered { border-left-color: #dc3545; background: #fdf2f3; }
.stop-card.pending { border-left-color: #ffc107; }
.navbar-nav .nav-link {
  white-space: nowrap;
  padding-left: .6rem;
  padding-right: .6rem;
}
.navbar .nav-link.active {
  color: #fff !important;
  font-weight: 600;
  background: rgba(255, 255, 255, .18);
  border-radius: .375rem;
}
.badge-vehicle { font-size: .8rem; }
/* Small badges sitting next to a heading (don't scale with the h4 font size) */
.badge-hdr { font-size: .62rem; vertical-align: middle; }
.pod-thumb { max-width: 90px; border-radius: .4rem; }
/* Compact chip-style buttons (POD Final Payment / upload link) */
.btn-chip {
  --bs-btn-padding-y: .12rem;
  --bs-btn-padding-x: .45rem;
  --bs-btn-font-size: .72rem;
  white-space: nowrap;
  line-height: 1.25;
}
/* Let long status badges (e.g. "Not Delivered") wrap instead of stretching the column */
.badge-status { white-space: normal; max-width: 5.5rem; text-align: center; }
@media (max-width: 576px) {
  .container-fluid { padding-left: .75rem; padding-right: .75rem; }
}