#tab-map {
  display: none;
  height: 100%;
  position: relative;
}
#tab-map.active { display: flex; }

#map-leaflet {
  flex: 1;
  height: 100%;
}

#map-sidebar {
  width: 280px;
  height: 100%;
  overflow-y: auto;
  border-left: 1px solid var(--border);
  background: var(--bg);
  padding: 16px;
  flex-shrink: 0;
}

#map-sidebar h2 {
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--text2);
  text-transform: uppercase;
  margin-bottom: 16px;
}

.map-stat {
  margin-bottom: 20px;
}
