/* Dodatkowe poprawki wyglądu */

.map-panel { margin-top: 16px; position: relative; }
.map-header { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
#map { height: 420px; border-radius: 12px; overflow: hidden; margin-bottom: 10px; }

.legend { position: absolute; left: 16px; bottom: 16px; background: rgba(0,0,0,0.6);
  padding: 10px; border-radius: 8px; font-size: 13px; z-index: 1200; color: #fff; }
.legend .item { display: flex; align-items: center; gap: 8px; margin: 4px 0; }
.legend .sw { width: 14px; height: 14px; border-radius: 50%; display: inline-block; }
.legend-title { font-weight: 700; margin-bottom: 6px; }

.checkbox-wrap { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.checkbox-wrap input[type="checkbox"] {
  appearance: none; width: 18px; height: 18px; border: 2px solid var(--muted);
  border-radius: 4px; background: transparent; cursor: pointer; position: relative;
}
.checkbox-wrap input[type="checkbox"]:checked {
  background: var(--accent); border-color: var(--accent);
}
.checkbox-wrap input[type="checkbox"]:checked::after {
  content: "✔"; position: absolute; top: -2px; left: 3px; font-size: 14px; color: white;
}

.avatar {
  width:40px; height:40px; border-radius:10px;
  background:linear-gradient(135deg,var(--accent-2),#00b7ff);
  display:flex; align-items:center; justify-content:center; font-weight:700; color:#002;
}

.settings-row { margin-top: 12px; display: flex; gap: 12px; align-items: center; }
.settings-row input { width:80px; padding:6px; border-radius:8px; background:transparent;
  border:1px solid rgba(255,255,255,0.04); color: inherit; }

.station-header { display:flex; justify-content:space-between; align-items:center; }
.station-actions { display:flex; gap:8px; align-items:center; }
.station-actions input { background:transparent; border:1px solid rgba(255,255,255,0.04);
  padding:8px; border-radius:8px; color:inherit; }

.quick-actions { display:flex; flex-direction:column; gap:8px; margin-top:8px; }
.muted { color: var(--muted); font-size: 13px; }
.modal-actions { display:flex; gap:8px; margin-top:12px; justify-content:flex-end; }



.station-marker {
  background: rgba(20,0,0,0.95);
  border: 1.5px solid;
  color: #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1em;
  box-shadow: 0 0 8px rgba(0,0,0,0.3);
  text-shadow: 0 0 2px #fff;
}
.station-marker .zero {
  color: var(--neon-red);
}
.station-marker .notzero {
  color: #fff;
}
.station-marker:hover {
  filter: brightness(1.2);
}


.bike-marker {
  background: var(--accent-cyan);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: 0 0 8px 2px var(--accent-cyan), 0 0 2px #fff;
  border: 2px solid #222;
  margin: auto;
}