.contenitore.larga{max-width:980px;padding-top:1.5rem}
.titolo-p{font:400 2.3rem/1.1 var(--serif);margin:0 0 .3rem}
.accesso{max-width:440px;margin:1rem auto}
.accesso .campo{margin-bottom:.6rem}
.barra{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}
.barra .sotto{margin:0}
.azioni{display:flex;flex-wrap:wrap;gap:.6rem}
.filtri{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}
.filtri label{display:flex;align-items:center;gap:.4rem;border:1.5px solid #cdbca6;background:#fff;border-radius:99px;padding:.4rem .9rem;min-height:44px;cursor:pointer;margin:0;font-weight:600}
.filtri label:has(input:checked){background:var(--inchiostro);color:var(--carta);border-color:var(--inchiostro)}
.filtri input{position:absolute;opacity:0}
.filtri label:has(input:focus-visible){outline:3px solid var(--oro);outline-offset:2px}
.cerca{margin-bottom:.8rem}
.consiglio{font-size:.9rem;color:var(--tenue);background:var(--carta);border:1px solid var(--linea);border-radius:12px;padding:.7rem 1rem;margin:0 0 1rem}
.elenco{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.vuoto{text-align:center;color:var(--tenue);padding:2rem 1rem;background:var(--carta);border-radius:var(--r);border:1px dashed var(--linea)}
.socio{background:var(--carta);border:1px solid var(--linea);border-radius:var(--r);overflow:hidden}
.socio>details>summary{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding:.9rem 1rem;cursor:pointer;min-height:56px}
.socio>details>summary::-webkit-details-marker{display:none}
.socio .chi{font-weight:700;font-size:1.05rem;flex:1 1 220px}
.socio .chi small{display:block;font-weight:500;color:var(--tenue);font-size:.82rem;font-family:ui-monospace,Menlo,monospace}
.badge{font-size:.78rem;font-weight:700;border-radius:99px;padding:.2rem .65rem;white-space:nowrap}
.badge.da{background:#fdf0d2;color:#7a5200}
.badge.ok{background:#dff3e8;color:var(--ok)}
.badge.min{background:#fbe5ea;color:var(--rosso)}
.data{color:var(--tenue);font-size:.85rem}
.dettaglio{border-top:1px solid var(--linea);padding:1rem}
.righe{display:grid;grid-template-columns:1fr;gap:.35rem;margin:0 0 1rem}
@media(min-width:720px){.righe{grid-template-columns:1fr 1fr}}
.riga{display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid var(--linea);border-radius:10px;padding:.35rem .4rem .35rem .8rem;min-height:48px}
.riga dt{font-size:.75rem;color:var(--tenue);font-weight:600;text-transform:uppercase;letter-spacing:.04em;width:7.5rem;flex:none}
.riga dd{margin:0;flex:1;font-weight:600;overflow-wrap:anywhere}
.copia{font:700 .82rem var(--sans);border:1.5px solid var(--inchiostro);background:transparent;color:var(--inchiostro);border-radius:8px;min-height:40px;min-width:76px;padding:0 .6rem;cursor:pointer}
.copia.fatto{background:var(--ok);border-color:var(--ok);color:#fff}
.azioni-socio{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.azioni-socio .btn{min-height:46px;font-size:.92rem;padding:.4rem 1rem}
.spunta-asi{display:flex;align-items:center;gap:.5rem;font-weight:700;border:1.5px solid var(--ok);border-radius:12px;padding:.4rem .9rem;min-height:46px;cursor:pointer;margin:0;color:var(--ok)}
.spunta-asi input{width:22px;height:22px;min-height:0;accent-color:var(--ok)}
.btn-pericolo{background:transparent;border-color:var(--errore);color:var(--errore)}
.btn-pericolo.conferma-elimina{background:var(--errore);color:#fff}
.avviso{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%) translateY(150%);background:var(--inchiostro);color:var(--carta);padding:.7rem 1.2rem;border-radius:12px;font-weight:600;transition:transform .25s;max-width:calc(100% - 32px);z-index:5}
.avviso.su{transform:translateX(-50%) translateY(0)}
#stampa{display:none}

@media print{
  body.pannello>*:not(#stampa){display:none!important}
  #stampa{display:block!important;font:11pt/1.45 Georgia,serif;color:#000}
  .foglio{page-break-after:always;padding:0}
  .foglio:last-child{page-break-after:auto}
  .foglio h2{font-size:16pt;margin:0 0 2pt}
  .foglio .int{font-size:9.5pt;margin:0 0 12pt;border-bottom:2px solid #000;padding-bottom:6pt}
  .foglio table{width:100%;border-collapse:collapse;margin-bottom:12pt}
  .foglio td{border:1px solid #999;padding:4pt 6pt;font-size:10pt;vertical-align:top}
  .foglio td:first-child{width:32%;color:#333}
  .foglio .dich{font-size:9.5pt}
  .foglio .firma img{height:70pt;border-bottom:1px solid #000}
  .foglio .piccolo{font-size:8.5pt;color:#333}
  @page{margin:16mm}
}
.riga{display:grid;grid-template-columns:1fr auto;grid-template-areas:"dt b" "dd b";column-gap:.6rem;padding:.45rem .45rem .45rem .8rem}
.riga dt{grid-area:dt;width:auto}
.riga dd{grid-area:dd;overflow-wrap:break-word;word-break:normal}
.riga .copia{grid-area:b}
.avviso:empty{display:none}
.tessera-box{background:#fff;border:1.5px solid var(--linea);border-radius:12px;padding:.8rem 1rem;margin-bottom:1rem}
.tessera-box p{margin:0 0 .6rem;font-weight:600}
.azioni-socio a.btn{min-height:46px;font-size:.92rem;padding:.4rem 1rem}
.modifica{display:grid;grid-template-columns:1fr;gap:.6rem;margin-bottom:1rem}
@media(min-width:720px){.modifica{grid-template-columns:1fr 1fr}.modifica .azioni-socio{grid-column:span 2}}
.modifica .campo{grid-column:auto}
.link-verifica{font-weight:700;margin-right:.6rem;color:var(--rosso)}
