.vehicle-qr-trip-list {
  display: grid;
  gap: .42rem;
  width: 100%;
  margin: .5rem 0 .35rem;
}

.vehicle-trip-chip {
  padding: .52rem .7rem;
  border: 1px solid #d7ccff;
  border-radius: .7rem;
  background: #f8f5ff;
  color: #2d176f;
  font-weight: 700;
  line-height: 1.45;
}

.vehicle-binding-warning,
.vehicle-binding-repaired {
  padding: .58rem .72rem;
  border-radius: .7rem;
  font-weight: 800;
  line-height: 1.45;
}

.vehicle-binding-warning {
  border: 1px solid #fecaca;
  background: #fff1f2;
  color: #b91c1c;
}

.vehicle-binding-repaired {
  border: 1px solid #fde68a;
  background: #fffbeb;
  color: #92400e;
}

.vehicle-card-binding-problem {
  border-color: #fca5a5 !important;
}

.fleet-binding-group {
  display: grid;
  gap: .45rem;
  margin: .65rem 0;
  padding: .75rem .85rem .85rem;
  border: 1px solid #d8ccfb;
  border-radius: .85rem;
  background: #fbfaff;
}

.fleet-binding-group legend {
  padding: 0 .35rem;
  color: #321478;
  font-weight: 900;
}

.fleet-binding-group .checkline {
  align-items: flex-start;
  margin: 0;
}

@media (max-width: 720px) {
  .vehicle-trip-chip,
  .vehicle-binding-warning,
  .vehicle-binding-repaired {
    font-size: .92rem;
  }
}