#map-interattiva-v2 #map {
  width: 100%; height: 780px;
}

#map-interattiva-v2 svg {
  width: 100%; height: 100%;
}

#map-interattiva-v2 .region {
  fill: #6ea8f3; stroke: #2b5d8a; stroke-width: 0.6px; cursor: pointer;
}

#map-interattiva-v2 .region:hover {
  fill: #2060a0;
}

#map-interattiva-v2 .marker {
  cursor: pointer;
}

#map-interattiva-v2 .label {
  pointer-events: none; font-size: 12px; fill: #123; text-shadow: 0 1px 0 #fff;
}

#map-interattiva-v2 .marker-label {
  pointer-events: none; font-size: 6px; fill: #123; text-shadow: 0 1px 0 #fff;
}

#map-interattiva-v2 .controls {
  left: 12px; top: 12px;
}

#map-interattiva-v2 .hidden {
  display: none;
}

#map-interattiva-v2 #legend {
  display: inline-block;
  border: 1px #001fff solid; border-radius: 4px;
  background: rgba(255, 255, 255, 0.8);
  padding: 8px;
}

#map-interattiva-v2 .legend-item {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 6px;
}

#map-interattiva-v2 .legend-bullet {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--legend-color, #999);
  flex: 0 0 auto;
}

#map-interattiva-v2 .legend-label {
  font-size: 13px;
  color: #222;
}

.map-overlay {
  position: absolute;
  pointer-events: auto;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  padding: 8px 12px;
  transition: opacity 0.2s;
}

#map-interattiva-v2 .regioni-table {
  display: table;
  width: 100%;
}

#map-interattiva-v2 .sedi-table {
  display: table;
  width: 100%;
}

#map-interattiva-v2 .ruoli-table {
  display: table;
  width: 100%;
}

#map-interattiva-v2 .ruoli-table td {
  text-align: right;
}

#map-interattiva-v2 .persone-table {
  display: table;
  width: 100%;
}