.leaflet-control.polygon-zoom-control {
  background: #fff;
  padding: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

.leaflet-control.polygon-zoom-control .polygon-zoom-select {
  font: 13px/1.4 system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: #111827;
  padding: 0.4rem 0.6rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.375rem;
  background: #fff;
  min-width: 200px;
  cursor: pointer;
  outline: none;
}

.leaflet-control.polygon-zoom-control .polygon-zoom-select:hover {
  border-color: rgba(0, 0, 0, 0.25);
}

.leaflet-control.polygon-zoom-control .polygon-zoom-select:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}