/* Marker mappa unico condiviso (CRM + portale + snapshot statico Pillow,
   vedi static/shared/map-tile-layer.js createMapMarkerIcon e
   crm/services/property_map_snapshot.py _draw_marker). Quadrato
   arrotondato ruotato 45deg, centrato in un contenitore quadrato: la punta
   ruotata finisce esattamente a (lato+bordo*2)*sqrt(2)/2 px sotto il
   centro, stessa formula usata lato server per calcolare dove incollare
   il marker — cosi' anteprima statica e mappa live puntano allo stesso
   identico pixel, non due offset stimati a occhio indipendentemente. */
.rec-map-marker {
  position: relative;
  width: 46px;
  height: 46px;
}

.rec-map-marker-pin {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22px;
  height: 22px;
  box-sizing: content-box;
  transform: translate(-50%, -50%) rotate(45deg);
  border-radius: 5px;
  background: var(--rec-marker-color, #0f6b4b);
  border: 3px solid #ffffff;
  display: block;
}

.rec-map-marker-pin::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: #ffffff;
}