/* Punti, gruppi e spilla sulla mappa di «Ricerca Venduto» (colori dei dati, liberi).
   Li usa la pagina Ricerca Venduto; non contiene comandi né layout. */

.venduto-punto span,
.venduto-gruppo span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.venduto-punto span {
  background: #fff;
  color: #206bc4;
  border: 2px solid #206bc4;
}

/* Il punto scelto (dalla scheda o dalla mappa) cambia colore: si distingue subito tra i blu. */
.venduto-punto.is-acceso span {
  background: #f76707;
  color: #fff;
  border-color: #fff;
  transform: scale(1.3);
}

/* Atto inserito nella comparazione: verde, così si vede cosa andrà nel report. Se è anche quello scelto resta arancione. */
.venduto-punto.is-inserito span {
  background: #2fb344;
  color: #fff;
  border-color: #2fb344;
}

.venduto-punto.is-inserito.is-acceso span {
  background: #f76707;
  border-color: #fff;
}

/* Gruppo di atti vicini: pieno blu con alone, più grande; il punto singolo è bianco con bordo. Il numero del gruppo è quanti atti contiene. */
.venduto-gruppo span {
  background: #206bc4;
  color: #fff;
  border: 2px solid #fff;
  box-shadow: 0 0 0 5px rgba(32, 107, 196, 0.35), 0 1px 3px rgba(0, 0, 0, 0.35);
  font-size: 0.6875rem;
}

.venduto-gruppo span::before {
  content: '×';
  margin-right: 1px;
  font-weight: 400;
}

/* Spilla dell'indirizzo cercato: rossa, così non si confonde coi punti blu degli atti. */
.venduto-mappa-grande .mappa-pin path {
  fill: #e03131;
}