body { margin: 0; padding: 0; font-family: Arial, sans-serif; }
#map { height: 100vh; }

.rover-icon { width: 40px; height: 40px; }
.rover-icon img { width: 100%; height: 100%; }

/* SPEED LINE (icon sabit renk, text sabit) */
.speed-label {
  background: rgba(0, 0, 0, 0.85);
  color: #ffffff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}

.speed-icon {
  display: inline-block;
  vertical-align: -2px;
  margin-right: 6px;
  color: #00ff00; /* SABİT */
}
.speed-icon svg { width: 16px; height: 16px; }

/* INFO LINE */
.info-label {
  background: rgba(255, 255, 255, 0.92);
  color: #333;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 11px;
  margin-top: 2px;
  font-weight: 700;
  white-space: nowrap;
}

/* SVG icon wrapper (SVG uses currentColor) */
.ico {
  display: inline-block;
  vertical-align: -2px;
  margin-right: 4px;
}
.ico svg { width: 14px; height: 14px; }

/* Battery icon colors */
.bat-green  { color: #0a7a0a; }
.bat-mid    { color: #2c6bed; }
.bat-orange { color: #d97706; }
.bat-red    { color: #dc2626; }

/* Satellite icon colors */
.sat-green  { color: #0a7a0a; }
.sat-mid    { color: #2c6bed; }
.sat-orange { color: #d97706; }
.sat-red    { color: #dc2626; }

/* Legend */
#legend {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 1000;
  background: rgba(255,255,255,0.92);
  padding: 10px 12px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  font-size: 13px;
  line-height: 1.6;
  min-width: 240px;
}

#legend .legend-title { font-weight: 800; margin-bottom: 6px; }

#legend label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}

.boat-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 0;
  cursor: pointer;
  font-size: 13px;
}