/* ══ Sondaggi ══ colori dal tema dove ci sono, con un ripiego dietro. */
.sondaggi, .son-blocco { --son-linea: var(--line, #e3e0d8); --son-carta: var(--card, #fff);
  --son-fioco: var(--muted, #76726a); --son-pieno: var(--brand, #b07d2a); }

.son-blocco { margin: 34px 0 0; }
.son-elenco { display: flex; flex-direction: column; gap: 8px; }
.son-card { display: flex; flex-direction: column; gap: 3px; padding: 13px 16px;
  border: 1px solid var(--son-linea); border-radius: 11px; text-decoration: none;
  color: inherit; background: var(--son-carta); }
.son-card:hover { border-color: var(--son-pieno); }
.son-card.son-chiuso { opacity: .75; }
.son-dom { font-weight: 600; }
.son-stato { font-size: .84rem; color: var(--son-fioco); }

/* la pagina */
.son-domanda { margin: 0 0 6px; }
.son-chi { color: var(--son-fioco); font-size: .9rem; margin: 0 0 20px; }
.son-spiega { max-width: 62ch; }

.son-scelte { display: flex; flex-direction: column; gap: 8px; margin: 18px 0; }
.son-scelta { display: flex; gap: 11px; align-items: flex-start; padding: 12px 15px;
  border: 1px solid var(--son-linea); border-radius: 10px; background: var(--son-carta);
  cursor: pointer; }
.son-scelta:hover { border-color: var(--son-pieno); }
.son-scelta input { margin: 2px 0 0; width: auto; flex: none; }

/* i risultati */
.son-risultati { display: flex; flex-direction: column; gap: 14px; margin: 18px 0; }
.son-riga { display: flex; flex-direction: column; gap: 4px; }
.son-eti { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.son-eti b { font-variant-numeric: tabular-nums; }
.son-barra { height: 10px; border-radius: 999px; background: var(--son-linea); overflow: hidden; }
.son-barra i { display: block; height: 100%; background: var(--son-pieno);
  border-radius: 999px; min-width: 2px; }
.son-vince .son-eti b { color: var(--son-pieno); }
.son-quanti { font-size: .8rem; color: var(--son-fioco); }
.son-votanti { color: var(--son-fioco); font-size: .88rem; }
.son-nota { color: var(--son-fioco); font-size: .85rem; }

/* l'area riservata */
.son-riga-adm { display: flex; justify-content: space-between; gap: 14px; align-items: center;
  flex-wrap: wrap; padding: 13px 16px; border: 1px solid var(--son-linea);
  border-radius: 11px; background: var(--son-carta); }
.son-scelte-modulo { display: flex; flex-direction: column; gap: 8px; margin: 10px 0 4px; }
.son-scelte-modulo .son-voce { display: flex; gap: 8px; align-items: center; }
.son-scelte-modulo input[type="text"] { flex: 1; }
.son-bloccata { font-size: .78rem; color: var(--son-fioco); white-space: nowrap; }