.dash-map-card-root {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 180px;
}

.dash-map-card-root .leaflet-container {
  width: 100%;
  height: 100%;
}

.map-overlay {
  position: absolute;
  z-index: 600;
}

.map-overlay.top-left {
  top: 12px;
  left: 12px;
}

.map-overlay.top-right {
  top: 12px;
  right: 12px;
}

.map-overlay.bottom-right {
  bottom: 16px;
  right: 16px;
}

.overlay-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.08);
}