.vehicle-motion-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 7px;
  width: 19px;
  height: 19px;
  vertical-align: middle;
}

.vehicle-motion-badge svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.vehicle-motion-badge .status-slash {
  fill: none;
  stroke: #d93025;
  stroke-width: 2.5;
  stroke-linecap: round;
}

.vehicle-motion-badge.status-moving {
  color: #19a83d;
}

.vehicle-motion-badge.status-parking {
  box-sizing: border-box;
  border: 2px solid #1769ff;
  border-radius: 4px;
  color: #fff;
  background: #1769ff;
}

.vehicle-motion-badge .parking-letter {
  font: 800 13px/15px Arial, sans-serif;
}

.vehicle-motion-badge.status-gps-loss,
.vehicle-motion-badge.status-gsm-loss {
  color: #4f5964;
}

.vehicle-brand-avatar {
  position: fixed;
  z-index: 1300;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #d2d7dc;
  border-radius: 50%;
  color: #202124;
  background: #fff;
  box-shadow: 0 1px 2px rgb(0 0 0 / 18%);
  pointer-events: none;
}

.vehicle-brand-avatar svg {
  width: 34px;
  height: 34px;
}

.vehicle-brand-avatar.brand-renault {
  color: #202124;
  background: #ffda00;
}

.vehicle-brand-avatar.brand-volvo {
  color: #124b8a;
  background: #fff;
}

/* User supplied GPS/GSM images; source PNG bytes preserved. */
.vehicle-motion-badge.status-gps-loss,
.vehicle-motion-badge.status-gsm-loss { width: 24px; height: 24px; }
.vehicle-motion-badge .status-custom-image { width: 24px; height: 24px; object-fit: contain; display: block; }