/* ── MAP ────────────────────────────────────────────────────────────────── */
.map-container {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow);
  height: 560px;
}
#map { height: 100%; }

.map-legend-bar {
  display: flex; gap: 16px; align-items: center;
  padding: 10px 0; font-size: 12px; color: var(--text2);
}
.legend-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 5px; }