html, body, #map { height:100%; margin:0; padding:0; }

.vehicle-icon {
  display:flex;
  align-items:center;
  font-family:sans-serif;
  font-size:14px;
}

.vehicle-icon img {
  width:36px; height:36px; margin-right:6px;
}

.vehicle-info {
  display:flex; 
  align-items:center; 
  background:rgba(255,255,255,0.85); 
  border-radius:6px; 
  padding:2px 6px; 
  font-size:13px;
  white-space:nowrap; /* evita que se divida en dos líneas */
}

.vehicle-circle { 
  width:12px; height:12px; border-radius:50%; margin-right:6px; 
}

.vehicle-route { margin-right:8px; }

#ctrl {
  position:absolute; left:10px; top:10px; z-index:1000;
  background:rgba(255,255,255,0.95); padding:8px 10px; border-radius:6px;
  font-family:sans-serif; font-size:13px; box-shadow:0 1px 6px rgba(0,0,0,0.2);
}