/* Liste condivisibili (v367: js/liste.js). I colori vengono dal tema in uso, con valori di riserva. */
.ls-pagina{max-width:760px;margin-inline:auto}
.ls-testa h2{margin:0 0 6px}
.ls-autore{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ink,#161d2b) 25%,transparent)}
.ls-elenco{display:flex;flex-direction:column;gap:8px;margin:8px 0}
.ls-riga,.ls-voce-b{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 12px;text-align:left;font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line,#d9dee8);border-radius:14px;background:var(--surface,var(--bg,#fff))}
.ls-riga:hover,.ls-voce-b:hover{border-color:var(--accent,#3044d0)}
.ls-riga:focus-visible,.ls-voce-b:focus-visible,.ls-ris-b:focus-visible{outline:3px solid var(--accent,#3044d0);outline-offset:2px}
.ls-ic{font-size:22px;flex:none}
.ls-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ls-t small{font-size:13px;line-height:1.25}
.ls-voci,.ls-ris{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ls-voce{display:flex;flex-direction:column;gap:6px}
.ls-voce-az{display:flex;align-items:center;gap:8px}
.ls-voce-az .tav-in{flex:1;min-width:0}
.ls-ris{gap:6px}
.ls-ris-b{display:flex;align-items:center;flex-wrap:wrap;gap:4px;width:100%;min-height:44px;padding:8px 12px;text-align:left;font:inherit;color:inherit;cursor:pointer;border:1px dashed var(--line,#d9dee8);border-radius:12px;background:none}
.ls-ris-b:hover{border-color:var(--accent,#3044d0)}
.ls-piu{margin-left:auto;font-weight:800;color:var(--accent,#3044d0)}
.ls-modulo{display:flex;flex-direction:column;gap:10px}
.ls-modulo .tav-in,.ls-aggiungi .tav-in,.ls-nuova .tav-in{width:100%}
.ls-sotto{margin:14px 0 0;font-size:1rem}
.ls-nuova{display:flex;flex-direction:column;gap:8px;max-width:520px}

/* sfide di stagione (v368: js/sfide.js) */
.sf-carte,.sf-meds{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:8px}
.sf-carta,.sf-med{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line,#d9dee8);border-radius:14px;background:var(--surface,var(--bg,#fff))}
.sf-carta.ok{border-color:color-mix(in srgb,var(--accent,#3044d0) 45%,var(--line,#d9dee8))}
.sf-ic,.sf-med-ic{font-size:24px;flex:none}
.sf-t,.sf-med-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.sf-t small,.sf-med-t small{font-size:13px;line-height:1.25}
.sf-barra{display:flex;align-items:center;gap:8px;margin-top:4px}
.sf-barra progress{flex:1;min-width:0;height:10px;accent-color:var(--accent,#3044d0)}
.sf-n{font-weight:700;font-size:13px;min-width:34px;text-align:right}
.sf-sez[hidden]{display:none}

/* seguire le persone (v369: js/seguire.js) */
.sg-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--surface,#eef)}
.sg-l,.sg-feed-l{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.sg-riga{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sg-chi,.sg-feed-b{display:flex;align-items:center;gap:12px;min-height:52px;padding:4px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;min-width:0;flex:1}
.sg-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sg-t small{font-size:13px;line-height:1.25}
.sg-az{display:flex;gap:8px;flex:none}
.sg-gruppo{margin-top:10px}
.sg-gruppo summary{display:flex;align-items:center;min-height:44px;font-weight:700;cursor:pointer}
.sg-persone[hidden]{display:none}
.sg-pulsante{display:flex;flex-direction:column;gap:6px}
.sg-feed{margin:0 0 16px;padding:12px 14px;border:1px solid var(--line,#d9dee8);border-radius:16px;background:var(--surface,var(--bg,#fff))}
.sg-feed h3{margin:0 0 4px;font-size:1rem}
.sg-feed-b{border-top:1px solid var(--line,#d9dee8);border-radius:0}
.sg-feed-l li:first-child .sg-feed-b{border-top:0}
.sg-modo{margin-top:14px}
.sg-opzione{display:flex;align-items:center;gap:14px;min-height:52px;padding:8px 2px;border-top:1px solid var(--line);cursor:pointer}
.sg-opzione input{width:24px;height:24px;flex:none;accent-color:var(--accent)}
.sg-opzione span{display:flex;flex-direction:column;gap:2px;min-width:0}
.sg-opzione small{font-size:13px}
.sg-feed-l li{display:block}
.sg-feed-b{width:100%}

/* «Chi organizza» (v370: js/organizza.js) */
.og-pub .og-riga{font-weight:600;margin:4px 0}
.og-descr{white-space:pre-line}
.og-numeri{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.og-num{flex:1 1 140px;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line,#d9dee8);border-radius:14px;background:var(--surface,var(--bg,#fff))}
.og-num strong{font-size:var(--t-xl);line-height:1.1}
.og-prossimi{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:8px}
.og-ev{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;min-height:44px;text-align:left;border:1px solid var(--line,#d9dee8);border-radius:14px;background:var(--surface,var(--bg,#fff));color:inherit;font:inherit;cursor:pointer}
.og-faq{border-top:1px solid var(--line,#d9dee8);padding:8px 0}
.og-faq summary{cursor:pointer;font-weight:600;min-height:32px}
.og-faq p{margin:6px 0 0;white-space:pre-line}
.og-link{align-items:center}
.og-contatto{overflow-wrap:anywhere}
.og-ed{display:flex;flex-direction:column;gap:10px}
.og-campo{display:flex;flex-direction:column;gap:4px}
.og-campo label{font-weight:600}
.og-campo .tav-in,.og-faq-ed .tav-in{width:100%;font-size:var(--t-md)}
.og-campo small{font-size:var(--t-cap)}
.og-faqs{display:flex;flex-direction:column;gap:12px}
.og-faq-ed{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--line,#d9dee8);border-radius:14px}
/* «Chi organizza», immagini (v371) */
.og-cop{display:block;width:100%;aspect-ratio:3/1;object-fit:cover;border-radius:14px;margin:0 0 10px;background:var(--surface,#eef)}
.og-intesta{display:flex;align-items:center;gap:12px;min-width:0}
.og-intesta h3{margin:0;min-width:0;overflow-wrap:anywhere}
.og-logo{width:64px;height:64px;border-radius:16px;object-fit:cover;flex:none;background:var(--surface,#eef)}
.og-imgs{display:flex;flex-direction:column;gap:14px}
.og-img{display:flex;flex-direction:column;gap:6px}
.og-anteprima-logo{width:96px;height:96px;border-radius:16px;object-fit:cover}
.og-anteprima-copertina{width:100%;max-width:480px;aspect-ratio:3/1;border-radius:14px;object-fit:cover}

/* notifiche per email (v379: js/notifiche-email.js) */
.ne-sez[hidden]{display:none}
.ne-gruppi{margin-top:6px}
.ne-gruppo input:disabled+span{opacity:.6}
.ne-riga{display:flex;align-items:center;gap:14px;min-height:52px;padding:8px 2px;border-top:1px solid var(--line);cursor:pointer}
.ne-riga input{width:24px;height:24px;flex:none;accent-color:var(--accent)}
.ne-riga span{display:flex;flex-direction:column;gap:2px;min-width:0}
.ne-riga small{font-size:13px}
/* il profilo come diario sociale (v399): prossimi appuntamenti, gusti, compagni di uscite, proposte */
.dia{display:contents}
.dia-sez h3{display:flex;align-items:center;gap:8px}
.dia-n{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:99px;background:var(--accent-soft);color:var(--ink);font-size:var(--t-cap);font-weight:800}
.dia-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 10px;max-width:100%;scrollbar-width:thin}
.dia-carta{flex:none;width:min(260px,78%);scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:18px;border:1.5px solid var(--line);background:var(--surface-2)}
.dia-carta-b{display:flex;align-items:center;gap:12px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.dia-carta-b:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:12px}
.dia-data{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:56px;height:60px;border-radius:14px;background:var(--accent);color:var(--accent-ink)}
.dia-data strong{font-size:var(--t-xl);line-height:1}
.dia-data small{font-size:var(--t-cap);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.dia-carta-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.dia-carta-t strong{font-size:var(--t-md);line-height:1.25;overflow-wrap:anywhere}
.dia-vengo{align-self:flex-start;min-height:44px}
.dia-io{align-self:flex-start}
.dia-gruppo{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.dia-gt{font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
button.dia-chip{min-height:40px;cursor:pointer;font:inherit}
button.dia-chip:hover,button.dia-chip:focus-visible{border-color:var(--accent)}
.dia-pila{display:flex;align-items:center;padding:4px 0 2px 12px}
.dia-pila-b{margin-left:-12px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;box-shadow:0 0 0 3px var(--surface)}
.dia-pila-b:focus-visible{outline:3px solid var(--accent);outline-offset:1px;z-index:2}
.dia-av{width:52px;height:52px;border-radius:50%;object-fit:cover;display:block;background:var(--surface-2)}
.dia-nomi{margin:4px 0 0}
.dia-lista{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column}
.dia-lista li+li{border-top:1px solid var(--line)}
.dia-riga{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.dia-riga:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}
.dia-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--surface-2);font-size:var(--t-lg)}
.dia-riga-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.dia-riga-t strong{overflow-wrap:anywhere}
.dia-mese{margin:12px 0 2px;font-size:var(--t-cap);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.dia-film{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 12px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface-2);color:inherit;font:inherit;text-align:left;cursor:pointer;margin:4px 0}
.dia-film:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dia-film-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.dia-film-t strong{font-size:var(--t-md);overflow-wrap:anywhere}
.pf-next-step{max-width:100%;white-space:normal;text-align:left;height:auto}
/* diario compatto (v399): una sola scheda, sezioni separate da linee sottili, titoli piccoli, poco spazio */
.dia-unico{padding:4px 14px;gap:0}
.dia-unico .dia-sez{padding:12px 0;border-top:1px solid var(--line);margin:0}
.dia-unico .dia-sez:first-child{border-top:0}
.profile .dia-unico .dia-sez h3{margin:0 0 8px;font-size:var(--t-cap);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);gap:6px}
.profile .dia-unico .dia-sez h3::before{display:none}
.dia-unico p{margin:0 0 6px}
.dia-unico .dia-scroll{padding-bottom:6px;gap:10px}
.dia-unico .dia-carta{width:min(232px,74%);padding:10px;gap:8px;border-radius:14px}
.dia-unico .dia-data{width:46px;height:50px;border-radius:12px}
.dia-unico .dia-data strong{font-size:var(--t-lg)}
.dia-unico .dia-carta-t strong{font-size:var(--t-sm)}
.dia-unico .dia-gruppo{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:4px}
.dia-unico .dia-gt{flex:none;min-width:98px;font-size:var(--t-cap)}
.dia-unico .pf-tag,.dia-unico button.dia-chip{padding:3px 10px;min-height:34px;font-size:var(--t-cap)}
.dia-unico .pf-tags{gap:6px}
.dia-unico .dia-riga,.dia-unico .dia-film{min-height:48px;padding:6px 0}
.dia-unico .dia-film{padding:6px 10px;margin:3px 0}
.dia-unico .dia-ic{width:34px;height:34px;border-radius:10px;font-size:var(--t-ti)}
.dia-unico .dia-mese{margin:8px 0 0;font-size:var(--t-cap)}
.dia-unico .dia-av{width:44px;height:44px}
.dia-unico .dia-pila{padding:2px 0 2px 10px;display:inline-flex}
.dia-unico .dia-compagni{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}
.dia-unico .dia-compagni h3{flex:0 0 100%}
.dia-unico .dia-nomi{margin:0;flex:1 1 auto}
.dia-unico .dia-lista{margin:0 0 2px}
@media (min-width:900px){.dia-unico .dia-gt{min-width:140px}}
.pf-sugg-p{min-height:52px;padding:8px 12px}
.pf-sugg-av{width:40px;height:40px}
/* foto dei locali (v400): nella carta riempie la copertina colorata (la medaglia e il voto restano sopra), nella scheda è l'immagine grande in testa */
.pcover .pc-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.pcover:has(.pc-foto)::before{display:none}
.pcover:has(.pc-foto) .pmedal{display:none}
.pcover .pc-voto,.pcover .pc-price{z-index:2}
.pcover:has(.pc-foto){height:150px}
.ptile .pcover:has(.pc-foto){height:116px}
@media (max-width:719px){.pcover:has(.pc-foto){height:120px}}
.place-hero .hero{border-radius:0}
/* Viaggi (v400): riquadri dei tipi, barra, scheda «Il viaggio» */
.via-testa{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin:4px 0 14px}
.via-testa h2{margin:0 0 4px}.via-testa p{margin:0;max-width:60ch}
.via-tipi{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px}
.via-tipo{width:100%;min-height:88px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:16px;border:2px solid transparent;color:#fff;text-align:left;cursor:pointer;background:var(--vc);font:inherit}
.via-tipo strong{font-size:15px}.via-tipo small{opacity:.92;font-size:12px}.via-ic{font-size:24px;line-height:1}
.via-tipo[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 3px var(--vc)}
.via-citta{--vc:#7c3aed}.via-mare{--vc:#0369a1}.via-montagna{--vc:#047857}.via-lago{--vc:#0e7490}.via-cammino{--vc:#b45309}.via-estero{--vc:#be185d}.via-weekend{--vc:#b91c1c}
.via-barra{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.via-q{flex:1 1 220px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit}
.via-scheda .via-fatti{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:8px 0}
.via-scheda dt{font-weight:700;color:var(--ink-2)}.via-scheda dd{margin:0}
.via-blocco{margin:12px 0}.via-blocco h4{margin:0 0 6px}
.via-giorni{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.via-giorni li{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--card-2,var(--card));border:1px solid var(--line)}
.via-giorni p{margin:2px 0 0}.via-g{flex:none;padding:3px 10px;border-radius:99px;background:var(--accent-soft);font-weight:800;font-size:12px}
.via-voci{margin:0;padding-left:20px}.via-si li::marker{content:"✓  "}.via-no li::marker{content:"✕  "}
.profile .dia-unico{display:block;min-width:0;max-width:100%}
.dia-unico .dia-sez{min-width:0;max-width:100%}
.dia-unico .dia-scroll{max-width:100%;overflow-x:auto}
/* profilo, impaginazione (v401): il diario occupa tutta la larghezza e, sul computer, mette le sezioni su due colonne (Prossimi in alto a tutta riga); l'invito «Chi sono» è una riga sola; «Potrebbero piacerti» a tutta larghezza */
.dia-unico .dia-altre{margin-top:6px}
@media (min-width:1000px){
  .pf-cols .dia-unico{grid-column:1/-1}
  .profile .pf-cols .dia-unico{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;align-items:start;padding:6px 20px}
  .dia-unico .dia-sez{border-top:1px solid var(--line)}
  .dia-unico .dia-prossimi,.dia-unico .dia-sez:first-child{grid-column:1/-1}
  .dia-unico .dia-prossimi + .dia-sez,.dia-unico .dia-prossimi + .dia-sez + .dia-sez{border-top:1px solid var(--line)}
  .pf-cols>.pf-sugg.pf-half{grid-column:1/-1}
  .pf-cols .pf-sugg-l{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.pf-chi .pf-invito{display:grid;grid-template-columns:1fr;gap:6px}
.pf-chi .pf-invito-t{font-size:var(--t-md)}
.pf-chi .pf-invito .muted{font-size:var(--t-sm)}
.pf-chi .pf-rapidi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pf-chi .pf-rapido{min-height:48px;padding:8px 10px;flex-direction:row;gap:8px;font-size:var(--t-sm)}
.pf-chi .pf-chi-testa h3{font-size:var(--t-cap);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
@media (max-width:640px){.pf-chi .pf-rapidi{grid-template-columns:1fr}.pf-chi .pf-rapido{justify-content:flex-start}}
/* Viaggi: auto e camere (v401) */
.via-prefs{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px}
.via-prefs h5{margin:6px 0 0;font-size:14px}
.via-scelta{display:flex;flex-wrap:wrap;gap:8px}
.via-riga{display:flex;gap:12px;flex-wrap:wrap}
.via-riga label{display:flex;flex-direction:column;gap:4px;flex:1 1 180px;font-size:14px;font-weight:600}
.via-riga input{min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit}
.via-elenco .via-blocco h4{display:flex;gap:8px;align-items:center}
/* Film in amministrazione: problemi di locandina e trailer ben in vista (v402) */
.chip.fm-prob{background:#fde2e2;color:#8a1111;font-weight:700;border:1px solid #f3b1b1}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .chip.fm-prob{background:#4a1616;color:#ffd1d1;border-color:#7a2a2a}}
:root[data-theme="dark"] .chip.fm-prob{background:#4a1616;color:#ffd1d1;border-color:#7a2a2a}
/* profilo, testata compatta e schede (v403): copertina più bassa, foto più piccola, livello e numeri su poche righe, pulsanti piccoli, «Anteprima» fra i pulsanti */
.profile .pf-cover{height:72px;min-height:0}
.profile .pf-hero{padding-bottom:12px}
.profile .pf-hero-az{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.profile .pf-hero-az .btn{min-height:44px;padding:0 14px;font-size:var(--t-sm)}
.profile .pf-vista{background:transparent}
.profile .pf-tabs{margin-top:6px}
.pf-banner{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;border:1px dashed var(--line);background:var(--surface-2,var(--card))}
.pf-banner p{margin:0;flex:1 1 auto;font-size:var(--t-sm)}
@media (max-width:640px){.pf-banner{flex-wrap:wrap}.pf-banner .btn{margin-left:auto}}
@media (max-width:640px){
  .profile .pf-hero-az{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .profile .pf-hero-az .btn.primary{grid-column:1/-1}
  .profile .pf-hero-az .btn:not(.primary){padding:0 4px;font-size:var(--t-cap);white-space:nowrap}
  .profile .pf-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
  .profile .pf-tabs::-webkit-scrollbar{display:none}
  .profile .pf-tabs .tab{flex:none;padding:0 9px;font-size:var(--t-cap)}
  .pf-banner>span{display:none}
  .pf-banner p{font-size:var(--t-cap)}
}
/* «Su di me» in modifica: sezioni richiudibili con riepilogo (v403) */
.pf-acc{border:1px solid var(--line);border-radius:14px;background:var(--surface-2,var(--card));margin:8px 0;overflow:hidden}
.pf-acc>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:8px 14px;cursor:pointer;list-style:none}
.pf-acc>summary::-webkit-details-marker{display:none}
.pf-acc>summary::after{content:"▾";margin-left:6px;color:var(--ink-2);transition:transform .15s}
.pf-acc[open]>summary::after{transform:rotate(180deg)}
.pf-acc>summary strong{flex:1 1 auto;font-size:var(--t-md)}
.pf-acc-r{font-size:var(--t-cap);text-align:right}
.pf-acc-c{padding:4px 14px 14px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line)}
.pf-acc:focus-within{border-color:var(--accent)}
/* profilo, idea A (v404): il prossimo appuntamento in primo piano, ricordi a linea del tempo, testata snella */
.dia-next{border-radius:20px;padding:14px;color:#fff;background:linear-gradient(135deg,#3a1d7a,#a3185f);display:flex;flex-direction:column;gap:12px;margin:2px 0 10px}
.dia-next-q{margin:0;font-size:var(--t-cap);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffd9ec}
.dia-next-b{display:flex;gap:12px;align-items:center;text-align:left;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;min-height:56px}
.dia-next-d{flex:none;width:52px;height:58px;border-radius:14px;background:#fff;color:#a3185f;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.dia-next-d strong{font-size:var(--t-lg)}.dia-next-d small{font-size:var(--t-cap);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dia-next-t{display:flex;flex-direction:column;gap:2px;min-width:0}.dia-next-t strong{font-size:var(--t-ti);line-height:1.2}.dia-next-t small{color:#ffe3f0;font-size:var(--t-sm)}
.dia-next-f{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dia-next-p{display:flex;align-items:center;gap:8px;font-size:var(--t-sm)}.dia-next-p small{font-size:var(--t-sm)}
.dia-pila-g{display:flex}.dia-pila-g .dia-av{width:28px;height:28px;border:2px solid #7a1a62;margin-left:-8px;border-radius:50%;object-fit:cover}.dia-pila-g .dia-av:first-child{margin-left:0}
.dia-next .btn.small{min-height:44px}
.dia-next .dia-next-a{background:#fff;color:#a3185f;border:0;font-weight:800}
.dia-poi{margin:6px 0 4px;font-size:var(--t-cap);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.dia-ricordi .dia-lista{border-left:2px solid var(--line);margin-left:6px;padding-left:0}
.dia-ricordi .dia-lista>li{position:relative;padding-left:14px}
.dia-ricordi .dia-lista>li::before{content:"";position:absolute;left:-7px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--surface-2,var(--card));border:2px solid var(--accent)}
.profile .pf-since{display:none}

/* Profilo sul computer, rifatto (v412): testata alta con foto grande e azioni sulla copertina; diario a due colonne (il tempo a sinistra, la persona a destra) con una scheda per sezione, titoli normali (non maiuscoli piccoli), niente riquadri dentro riquadri. Telefono: ordine di prima. */
.pf-strip[hidden]{display:none}
.profile .dia-unico{display:flex;flex-direction:column;gap:0}
.dia-unico .dia-a,.dia-unico .dia-b{display:contents}
.dia-unico .dia-idee{order:0}.dia-unico .dia-prossimi{order:1}.dia-unico .dia-gusti{order:2}.dia-unico .dia-ricordi{order:3}.dia-unico .dia-compagni{order:4}.dia-unico .dia-proposte{order:5}
@media (min-width:1000px){
  .profile .pf-hero{padding:0 36px 30px;border-radius:26px}
  .profile .pf-cover{height:210px;margin:0 -36px}
  .profile .pf-head{margin-top:-88px;gap:26px}
  .profile .pf-head .pf-id{padding-top:104px}
  .profile .pf-id h2{font-size:var(--t-num)}
  .profile .pf-av{width:156px;height:156px}
  .profile .pf-av .pf-avatar{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}
  .profile .pf-hero{grid-template-areas:"cover cover" "head strip" "liv strip";grid-template-columns:minmax(0,1fr) 380px}
  .profile .pf-hero > .pf-hero-az{grid-area:auto;position:absolute;top:22px;right:28px;margin:0;gap:8px;display:flex;flex-wrap:nowrap}
  .profile .pf-hero > .pf-hero-az .btn:not(.primary){padding:0 14px;font-size:var(--t-sm)}
  .profile .pf-hero-az .btn:not(.primary){background:rgba(10,8,30,.55);color:#fff;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700}
  .profile .pf-liv{max-width:460px;margin-top:14px}
  .profile .pf-tabs{margin-top:2px}
  .profile .pf-cols .dia-unico{display:grid;grid-template-columns:minmax(0,1fr) 360px;column-gap:24px;align-items:start;padding:0;border:0;background:none;box-shadow:none}
  .profile .dia-unico .dia-a,.profile .dia-unico .dia-b{display:flex;flex-direction:column;gap:20px;min-width:0}
  .profile .dia-unico .dia-a{grid-column:1}.profile .dia-unico .dia-b{grid-column:2}
  .profile .dia-unico .dia-sez{order:0;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px 26px;margin:0}
  .profile .dia-unico .dia-sez h3{margin:0 0 14px;font-size:var(--t-ti);font-weight:800;letter-spacing:-.01em;text-transform:none;color:var(--ink)}
  .profile .dia-unico .dia-prossimi,.profile .dia-unico .dia-sez:first-child{grid-column:auto}
  .profile .dia-unico .dia-prossimi{padding:0;border:0;background:none}
  .profile .dia-unico .dia-prossimi h3{padding:0 4px}
  .profile .pf-cols>.pf-sugg.pf-half{grid-column:1/-1}
  .profile .pf-cols{gap:20px}
}
@media (min-width:1000px){
  .profile .dia-unico .dia-scroll{flex-direction:column;overflow:visible;gap:10px;padding:0}
  .profile .dia-unico .dia-scroll > *{width:100%;max-width:none;flex:none}
  .profile .dia-unico .dia-poi{margin:14px 4px 8px;text-transform:none;letter-spacing:0;font-size:var(--t-sm);color:var(--ink-2)}
  .pf-strip{display:flex;justify-content:flex-end;gap:36px;border:0;padding:0;margin-top:0}
}
.pf-sb[hidden]{display:none}
@media (min-width:1000px){
  .profile .pf-hero{grid-template-areas:"cover cover" "head liv";grid-template-columns:minmax(0,1fr) 400px}
  .profile .pf-hero > .pf-strip{display:none}
  .profile .pf-hero > .pf-liv{align-self:end;margin:0 0 6px;max-width:none}
  .profile .pf-banner{border-style:solid;border-radius:18px;background:var(--surface)}
  .profile .pf-sugg{border-radius:22px;padding:22px 26px}
  .profile .pf-sugg h3{font-size:var(--t-ti);font-weight:800}
  .profile .pf-sugg h3::before{display:none}
  .profile .pf-sugg > .muted{margin:0 0 14px}
  .profile .dia-ricordi .dia-lista>li>*{border:0;background:transparent}
  .profile .dia-ricordi .dia-lista>li{padding-bottom:4px}
}
@media (min-width:1000px){.profile .pf-cols .pf-sugg-l{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}
.profile .pf-hero > .pf-strip{display:none}   /* v412: i numeri sparsi («1 film») non dicono nulla: restano nello Storico */
/* v412, secondo giro: riquadri più piccoli e vicini, più per riga sugli schermi larghi */
@media (min-width:1000px){
  .profile .pf-cols .dia-unico{column-gap:16px}
  .profile .dia-unico .dia-a,.profile .dia-unico .dia-b{gap:14px}
  .profile .dia-unico .dia-sez{padding:16px 18px;border-radius:18px}
  .profile .dia-unico .dia-sez h3{margin:0 0 10px;font-size:var(--t-md)}
  .profile .pf-sugg{padding:16px 18px;border-radius:18px}
  .profile .pf-sugg h3{font-size:var(--t-md)}
  .profile .pf-cols .pf-sugg-l{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
  .profile .pf-cols{gap:14px}
  .profile .pf-hero{padding-left:28px;padding-right:28px}
  .profile .pf-cover{margin-left:-28px;margin-right:-28px}
}
@media (min-width:1400px){
  .profile .pf-cols .dia-unico{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 340px}
  .profile .dia-unico .dia-a{grid-column:1/3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
  .profile .dia-unico .dia-b{grid-column:3}
}
/* Amministrazione → Sistema: elenco dei contenitori Docker con versione in uso e disponibile (v412) */
.sys-docker{margin-top:8px}
.sys-docker summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--accent-text,var(--accent))}
.sys-dk{margin:6px 0 10px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.sys-dk-r{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,1.6fr);gap:4px 16px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}
.sys-dk-r:first-child{border-top:0}
.sys-dk-th{background:var(--surface-2);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.sys-dk-r.su{box-shadow:inset 3px 0 0 var(--warn,#d99a00)}
.sys-dk-s,.sys-dk-t{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.sys-dk-s small{font-size:12px}.sys-dk-t small{font-size:12px}
.sys-dk-n{color:var(--warn-text,#9a6b00);font-weight:600}.sys-dk-ok{color:var(--ok-text,#17803d);font-weight:600}
@media (max-width:640px){.sys-dk-th{display:none}.sys-dk-r{grid-template-columns:1fr;gap:2px}.sys-dk-c::before{content:'In uso ';font-weight:400}}
/* modulo evento: «Organizzato anche da» (v412) */
.co-box{display:flex;flex-wrap:wrap;gap:8px}
.co-voce{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer}
.co-voce input{width:18px;height:18px}
.co-voce:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));font-weight:700}
/* campo «Immagine»: ruota e (con una cornice) zoom e posizione (v413) */
.imged{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.imgcv{display:block;max-width:100%;height:auto;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);touch-action:none}
.imged:not(.rap) .imgcv{width:200px}
.imged.rap .imgcv{width:100%;max-width:560px;cursor:grab}
.imgctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.imgctl .btn{min-height:44px}
.imgzoom{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600}
.imgzoom input{width:160px;min-height:44px}
/* «Su di me» in primo piano (v413): a sinistra chi sei (riga, biografia, zona, segno), a destra interessi, cosa cerchi e lingue */
.pf-chi .pf-chi-testa{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.pf-chi .pf-chi-testa h3{margin:0;flex:1 1 auto}
.pf-chi .pf-chi-testa .pf-compl{display:flex;align-items:center;gap:10px;flex:0 1 320px}
.pf-chi .pf-chi-testa .pf-compl progress{flex:1;min-width:80px}
.pf-chi .pf-chi-corpo{display:grid;grid-template-columns:1fr;gap:18px;margin-top:12px}
.pf-chi .pf-chi-riga{margin:0 0 10px;font-size:var(--t-lg);line-height:1.25;font-weight:800;letter-spacing:-.01em}
.pf-chi .pf-chi-bio{margin:0 0 12px;font-size:var(--t-ti);line-height:1.55;max-width:70ch}
.pf-chi .pf-chi-dati{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 12px;color:var(--ink-2)}
.pf-chi .pf-chi-g{padding:14px 16px;border-radius:16px;background:var(--surface-2,var(--surface));border:1px solid var(--line)}
.pf-chi .pf-chi-g h4{margin:0 0 8px;font-size:var(--t-sm);font-weight:800;color:var(--ink-2)}
.pf-chi .pf-chi-b{display:flex;flex-direction:column;gap:12px}
@media (min-width:1000px){
  .profile .pf-cols .pf-chi{padding:20px 24px}
  .pf-chi .pf-chi-corpo{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px}
  .pf-chi .pf-chi-riga{font-size:var(--t-xl)}
}
.pf-chi .pf-compl{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 12px;text-align:left}
.pf-chi .pf-chi-testa .pf-compl{flex:0 1 420px}
.pf-chi .pf-chi-testa .pf-compl progress{flex:1 1 120px}
.pf-chi .pf-compl{flex-direction:row}
.pf-chi .pf-compl progress{height:8px;flex:1 1 140px;min-width:100px}
.pf-chi .pf-chi-testa .pf-compl{flex:0 1 440px}
.pf-chi .pf-chi-testa .pf-next-step{min-height:44px}
/* Tessere di categoria e genere (v415): le emoji stanno senza il cerchio chiaro dietro (restava bianco sui temi chiari e si vedeva a macchia) */
:is(#filters,#filtersSheet,#list,#placesHero) .catfilter.tiles .ctile .ctile-ic{background:none;width:auto;height:auto;border-radius:0;font-size:19px}   /* tutte le tessere di categoria e genere (Eventi, Concerti, Cinema…): l'emoji sta senza il cerchio dietro */
/* «← Indietro» sempre ben visibile (v415): ogni pulsante di ritorno è pieno, nel colore del tema, con il testo leggibile (prima era solo un contorno) */
.btn.back,.btn.ghost.back,.detail > .btn.back,.ev-bar .btn.back,.manage .ds-head .btn.back{background:var(--back-bg,var(--accent));border:2px solid var(--back-bg,var(--accent));color:var(--accent-ink,#fff);font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.btn.back:hover,.btn.ghost.back:hover{filter:brightness(1.08)}
.btn.back:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
/* Sistema → contenitori: il collegamento sta subito sotto il testo, allineato con le altre righe (v415) */
.sys-docker{margin-top:0}
.sys-docker summary{min-height:44px;margin:-6px 0 0;padding:0;line-height:1.3;list-style-position:inside}
.sys-docker[open] summary{margin-bottom:6px}
.sys-list li p{margin:2px 0 0}
/* Medaglie (v415): il testo «Nessun distintivo ancora» occupa tutta la riga; i numeri in basso su una riga sola */
.pf-badges > p,.pf-badges > .muted{grid-column:1/-1}
@media (min-width:1000px){ .profile .pf-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px} .profile .pf-stat{padding:12px 14px} }
/* Idee: origine (gruppo o segnalate dal sistema) e etichetta (v415) */
.ideas-intro-box{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.ideas-intro-box .ideas-intro{margin:0}
.ideas-origine{display:flex;flex-wrap:wrap;gap:8px}.ideas-origine .fchip{min-height:44px}
.chip.sistema{background:var(--surface-2,var(--surface));border:1px dashed var(--line);color:var(--ink-2)}
/* Profilo: «⚙️ Impostazioni» in risalto (v415): pieno e chiaro sulla copertina, con bordo nel colore del tema sul telefono */
@media (min-width:1000px){ .profile .pf-hero > .pf-hero-az .btn.pf-gear{background:#fff;border-color:#fff;color:#14122b;font-weight:800;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 14px rgba(0,0,0,.28)} }
@media (max-width:999px){ .profile .pf-hero-az .btn.pf-gear{background:var(--surface);color:var(--ink);border:2px solid var(--accent);font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.14)} }
.profile .pf-hero-az .btn.pf-gear[aria-current=page]{outline:3px solid var(--accent);outline-offset:2px}
/* Idee come gli Eventi (v415): schede in griglia, intestazioni per periodo a tutta riga, scheda dell'idea in verticale */
#list.grid .ideas-intro-box,#list.grid .group-h{grid-column:1/-1}
#list.grid .idea{grid-template-columns:1fr;align-content:start}
#list.grid .idea .idea-votes{display:flex;justify-content:flex-start;padding:12px 14px 0}
#list.grid .idea .idea-votes .vote{flex-direction:row;gap:8px;width:auto;min-height:44px;padding:0 16px;border-radius:999px}
/* Idee: ricerca sottile e tessere in cima all'elenco (v416) */
#list.grid .ideas-search,#list.grid .catfilter.tiles{grid-column:1/-1}
.ideas-search{margin:0 0 4px}
/* Guida alle immagini nei moduli: formato giusto, misure e giudizio sulla foto scelta (v417) */
.imgguida{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-size:14px;line-height:1.45}
.imgguida p{margin:0}.imgguida p+p{margin-top:4px}
.imgguida .muted{font-size:13px}
.imgguida .ig-ok{color:var(--ok-text,#17803d);font-weight:600}
.imgguida .ig-warn{color:var(--warn-text,#9a6b00);font-weight:700}
.imgguida .ig-info{color:var(--ink-2)}
div[id$="-imgpick"],form div[id$="-imgpick"]{display:flex;flex-direction:column;align-items:flex-start!important;gap:10px;max-width:640px}
[id$="-imgpick"] .imgguida{align-self:stretch}
[id$="-imgpick"] .imgmsg:empty{display:none}
/* Idee come il Cinema (v417): schede scure con la foto (o il colore della categoria) come sfondo, scurita da una sfumatura; il testo sta sopra */
#list.grid .idea{position:relative;isolation:isolate;min-height:225px;border-color:transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 42%,#12122a) 0%,#12122a 78%)}
#list.grid .idea .idea-poster{position:absolute;inset:0;z-index:-1;overflow:hidden}
#list.grid .idea .idea-poster>*{width:100%;height:100%}
#list.grid .idea .idea-poster img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(1.4) contrast(1.08)}
#list.grid .idea .idea-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,28,.94) 0%,rgba(10,10,28,.86) 46%,rgba(10,10,28,.4) 74%,rgba(10,10,28,.08) 100%)}
#list.grid .idea .idea-votes{background:transparent;border:0;position:relative;z-index:1}
#list.grid .idea .idea-body{position:relative;z-index:1}
#list.grid .idea .idea-body h3,#list.grid .idea .idea-body h3 a,#list.grid .idea .idea-desc,#list.grid .idea .when,#list.grid .idea .idea-body .muted{color:#fff}
#list.grid .idea .idea-desc{opacity:.92}
#list.grid .idea .idea-body .fact,#list.grid .idea .idea-body .fact a{color:rgba(255,255,255,.88)}
#list.grid .idea .idea-foot{border-top-color:rgba(255,255,255,.22)}
#list.grid .idea .idea-foot .by{color:rgba(255,255,255,.85)}
#list.grid .idea .btn.ghost.more{color:#fff;border-color:rgba(255,255,255,.5)}
@media (max-width:640px){#list.grid .idea .idea-poster::after{background:linear-gradient(180deg,rgba(10,10,28,.7) 0%,rgba(10,10,28,.92) 100%)}}
.ideas-bar{margin-bottom:0}
/* Dove mangiare / Dove andare in elenco: la foto del posto sta a sinistra, come negli eventi (v417) */
.prow.con-foto{grid-template-columns:150px 96px minmax(0,1fr) auto}
.prow-foto{align-self:stretch;min-height:104px;background:var(--surface-2);overflow:hidden}
.prow-foto img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:640px){
  .prow.con-foto{grid-template-columns:84px 84px minmax(0,1fr);grid-template-areas:"foto score main" "side side side"}
  .prow.con-foto .prow-foto{grid-area:foto;min-height:92px}
}
/* Cinema (e Idee): «← Home» e le schede (In sala, In uscita…) 10 % più piccole, e la riga dei controlli (Lista/Calendario, Schede/Elenco…, Esporta riepilogo) della stessa misura: tutto alto 44 px, carattere 15 px, bordi uguali e allineati (v417) */
body .cin-bar .back-home,body .cin-bar .cin-tabs .tab,body .cin-bar .viewswitch button,body .cin-bar .export-btn,body .cin-bar .con-end select{box-sizing:border-box;height:44px;min-height:44px;padding-top:0;padding-bottom:0;font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
body .cin-bar .back-home{padding-left:20px;padding-right:20px}
body .cin-bar .cin-tabs .tab{padding-left:15px;padding-right:15px}
body .cin-bar .viewswitch button,body .cin-bar .export-btn{padding-left:16px;padding-right:16px}
body .cin-bar .viewswitch,body .cin-bar .export-btn,body .cin-bar .cin-tabs{align-items:center}
body .cin-bar .viewswitch{height:44px;box-sizing:border-box}
body .cin-bar .con-end,body .cin-bar{align-items:center}

/* Idee: viste «Compatta» e «Programma» come nel Cinema (v418) + pulsante «Organizza» */
#list.ideas-compat{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
#list.ideas-compat>.group-h,#list.ideas-compat>.ideas-intro-box,#list.ideas-compat>.searchbar,#list.ideas-compat>.catfilter{grid-column:1/-1}
.ilis,.iprog{display:grid;align-items:center;gap:8px 16px;padding:10px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;cursor:pointer;min-width:0}
.ilis:hover,.iprog:hover{border-color:var(--c,var(--accent))}
.ilis{grid-template-columns:minmax(0,2.2fr) auto minmax(0,1.3fr) minmax(0,1.3fr) auto auto}
.ilis h3,.iprog h3{margin:0;font-size:17px}
.ilis h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ilis h3 a,.iprog h3 a{color:inherit;text-decoration:none}
.ilis-q,.ilis-d{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iprog{grid-template-columns:64px minmax(0,1fr) auto;padding:12px 16px;border-left:4px solid var(--c,var(--accent))}
.ip-data{display:flex;flex-direction:column;align-items:center;line-height:1.1;color:var(--c,var(--accent))}
.ip-data strong{font-family:var(--display);font-size:26px}
.ip-data small{font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.ip-sub{font-size:14px;margin-top:2px}
.ip-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.vote.mini{flex-direction:row;width:auto;min-height:44px;padding:0 14px;gap:8px;border-radius:999px}
.vote.mini .vn{font-size:18px}.vote.mini .vl{font-size:14px}
.btn.organizza{min-height:44px;padding:0 16px;font-weight:700}
@media (max-width:900px){
  .ilis{grid-template-columns:minmax(0,1fr) auto auto}
  .ilis .chip,.ilis-d{display:none}
  .iprog{grid-template-columns:52px minmax(0,1fr)}
  .ip-side{grid-column:1/-1;justify-content:flex-start}
}

/* scelta del formato della foto (evento, idea) */
.imgfmt{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px}
.imgfmt .btn{min-height:44px;padding:0 14px}
.imgfmt .btn.on{background:var(--accent);color:var(--on-accent,#fff);border-color:var(--accent)}

/* Eventi da computer (v418): Provincia, Prezzo e «Ordina per» dentro la barra di ricerca */
.searchbar > label.s-extra{flex:none;align-items:center;gap:8px;margin:0;border-left:1px solid var(--line);padding:0 12px;font-size:13px;font-weight:600;color:var(--ink-3);white-space:nowrap}
.searchbar > label.s-extra select{width:auto;max-width:190px;padding:12px 0;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer}
.searchbar > label.s-extra select option{color:#161D2B;background:#fff}
/* Idee (v419): le schede hanno un colore ciascuna; i controlli di vista stanno a destra sulla riga di «← Home» */
.ideas-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.ideas-bar .con-end{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto}
.ideas-bar .cin-tabs{padding-bottom:0}
.cin-tabs .tab.cin-t-tutte{--tc:var(--tab-primo,#c2255c)}.cin-tabs .tab.cin-t-gruppo{--tc:#e8920c}.cin-tabs .tab.cin-t-sistema{--tc:#0b7f61}.cin-tabs .tab.cin-t-archivio{--tc:#5b667a}   /* v425: tinte più scure, il bianco sulla scheda scelta supera il contrasto 4,5 */
body .cin-bar .cin-tabs .tab[class*="cin-t-"]{color:var(--ink);background:color-mix(in srgb,var(--tc) 22%,var(--surface));border-color:color-mix(in srgb,var(--tc) 55%,var(--line))}
body .cin-bar .cin-tabs .tab[class*="cin-t-"][aria-selected="true"]{color:#fff;background:var(--tc);border-color:var(--tc)}
.ideas-search > label.sortby.s-extra{display:flex;flex:none;align-items:center;gap:8px;margin:0;border-left:1px solid var(--line);padding:0 12px;font-size:13px;font-weight:600;color:var(--ink-3);white-space:nowrap}
.ideas-search > label.sortby.s-extra select{width:auto;max-width:190px;padding:12px 0;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer;background:transparent;border:0}
.ideas-search > label.sortby.s-extra select option{color:#161D2B;background:#fff}
/* guida immagini (v419): anteprime nei punti in cui la foto viene ritagliata */
.imgguida b{font-weight:800}
/* scheda di un locale (v419): da computer la foto sta a SINISTRA, accanto a punteggio e titolo, non sopra */
@media (min-width:900px){
  .place-sheet:has(.place-hero){display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);align-items:stretch}
  .place-sheet:has(.place-hero) > .place-hero{grid-column:1;grid-row:1;border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:flex}
  .place-sheet:has(.place-hero) > .place-hero .hero{flex:1;border:0;display:flex;align-items:center;justify-content:center}
  .place-sheet:has(.place-hero) > .place-hero .hero img{max-height:340px}
  .place-sheet:has(.place-hero) > .sheet-head{grid-column:2;grid-row:1}
  .place-sheet:has(.place-hero) > .sheet-body{grid-column:1 / -1;grid-row:2}
}
/* foto adattate da sole (v419): la scheda idea con la foto di sfondo la vuole a riempimento, senza sfondo sfocato */
#list.grid .idea .idea-poster .cover.poster .bk{display:none}
#list.grid .idea .idea-poster .cover.poster img{object-fit:cover!important}
/* Idee (v420): «← Home» in evidenza come nel Cinema e la ricerca subito sotto la riga dei controlli */
body .ideas-bar .back-home{border:0;border-radius:999px;background:var(--grad);color:#fff;font-weight:700;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 35%,transparent)}
#filters[hidden]{display:none}
/* numeri accanto alle schede (In sala 27…): sulla stessa linea di base del testo, non più in alto (v420) */
body .cin-bar .cin-tabs .tab .n{position:relative;top:1.5px;line-height:1}
/* «Ordina per» delle Idee dentro la barra (v420): stessa forma di «Quando?», con icona e senza scritta */
.ideas-search > label.sortby.ord-idee{gap:8px;padding:0 14px;color:var(--ink-3);font-size:15px}
.ideas-search > label.sortby.ord-idee .ico svg{width:18px;height:18px;display:block}
.ideas-search > label.sortby.ord-idee select{font-size:15px;font-weight:400;color:var(--ink);max-width:170px}
/* PROFILO A (v420, scelto il 25/10/2026): da 1100 px colonna dell'identità fissa a sinistra e una pagina sola a destra; dal v426 la pagina unica vale anche sotto (telefono): foto in cima, poi testata compatta fissa e indice a chip */
@media (min-width:1100px){
.profile.pf-a{display:grid;grid-template-columns:340px minmax(0,1fr);gap:0 22px;align-items:start}
.profile.pf-a > .back{grid-column:1/-1;justify-self:start;margin-bottom:12px}
.profile.pf-a .pf-side{position:sticky;top:78px;grid-column:1;min-width:0}
.profile.pf-a .pf-main{grid-column:2;display:flex;flex-direction:column;gap:26px;min-width:0}
.profile.pf-a .pf-hero{display:flex;flex-direction:column;gap:14px;padding:0 20px 20px;border-radius:22px}
.profile.pf-a .pf-cover{height:92px;margin:0 -20px}
.profile.pf-a .pf-head{margin-top:-54px;flex-direction:column;align-items:flex-start;gap:10px}
.profile.pf-a .pf-head .pf-id{padding-top:0}
.profile.pf-a .pf-av{width:108px;height:108px}
.profile.pf-a .pf-id h2{font-size:var(--t-xl);line-height:1.1}
.profile.pf-a .pf-hero > .pf-liv{max-width:none;margin:0;align-self:stretch}
.profile.pf-a .pf-hero > .pf-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;justify-content:stretch;margin:0}
}
.profile.pf-a .pf-hero > .pf-hero-az{position:static;display:flex;flex-wrap:nowrap;margin:0;gap:8px;align-items:center}
.profile.pf-a .pf-hero > .pf-hero-az .btn.primary{flex:1;justify-content:center}
.profile.pf-a .pf-hero-az .btn:not(.primary){background:var(--surface-2,var(--card));color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}
.pf-menu{position:relative}
.pf-menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:44px;font-weight:800;font-size:var(--t-lg);padding:0 14px}
.pf-menu summary::-webkit-details-marker{display:none}
.pf-menu-l{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:290px;display:flex;flex-direction:column;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.3)}
.pf-menu-l button{display:flex;align-items:center;gap:8px;text-align:left;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
.pf-menu-l button:hover{background:var(--surface-2,var(--line))}
.pf-sticky{position:sticky;top:64px;z-index:20;background:var(--bg-sticky,transparent)}
.pf-indice{display:flex;gap:8px;padding:8px 0;margin:0}
.pf-mini{display:none}
.pf-ind-b{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.pf-ind-b:hover{border-color:var(--accent)}
.pf-blocco{display:flex;flex-direction:column;gap:12px;scroll-margin-top:118px}
.pf-blocco-t{margin:0;font-size:var(--t-lg);letter-spacing:-.01em}
.pf-blocco > .pf-cols{display:flex;flex-direction:column;gap:14px}
@media (min-width:1700px){.profile.pf-a{grid-template-columns:370px minmax(0,1fr)}}
.profile.pf-a .pf-blocco > .pf-cols > *{width:100%;max-width:none;box-sizing:border-box}
.profile.pf-a .pf-blocco .pf-sugg-l{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.profile.pf-a .pf-blocco .pf-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
@media (min-width:1400px){.profile.pf-a .pf-cols .dia-unico{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}
.profile.pf-a .pf-blocco .sf-carte{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.profile.pf-a .pf-blocco .sf-carte > li{width:auto;max-width:none}

/* «La tua stagione»: vedi in fondo, «Profilo raffinato» (v428) */

/* Prossimo traguardo nei Distintivi (v428) */
.pf-traguardo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 14px;padding:14px 16px;border-radius:16px;background:var(--accent-soft);color:var(--ink)}
.pf-traguardo[hidden]{display:none}
.pf-tr-i{font-size:var(--t-xl);line-height:1}
.pf-tr-c{display:flex;flex-direction:column;gap:3px;flex:1 1 220px;min-width:0}
.pf-tr-k{font-size:var(--t-cap);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.pf-tr-c strong{font-size:var(--t-lg)}
.pf-tr-c .pf-prog{width:100%;max-width:320px;margin-top:4px}
.pf-traguardo .btn{min-height:44px}
/* Modifica sul posto del profilo (v427): foglio dal basso con riga, due righe su di te, zona e interessi */
dialog.pfr-dlg{width:min(560px,100vw);max-width:100vw;max-height:92dvh;margin:auto auto 0;padding:0;border:0;border-radius:22px 22px 0 0;background:var(--surface);color:var(--ink);overflow:auto;overscroll-behavior:contain}
dialog.pfr-dlg::backdrop{background:rgba(10,12,24,.55)}
.pfr-in{display:flex;flex-direction:column;gap:14px;padding:8px 18px max(20px,env(safe-area-inset-bottom,0px))}
.pfr-grab{align-self:center;width:44px;height:5px;border-radius:99px;background:var(--line)}
.pfr-testa{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pfr-testa h2{margin:0;font-size:20px}
.pfr-testa .btn{min-width:44px;min-height:44px}
.pfr-corpo{display:flex;flex-direction:column;gap:14px}
.pfr-campo{display:flex;flex-direction:column;gap:6px}
.pfr-campo label,.pfr-lbl{font-size:15px;font-weight:700;color:var(--ink)}
.pfr-campo .tav-in{width:100%;font-size:16px;min-height:44px}
.pfr-gr{border:1px solid var(--line);border-radius:12px;padding:0 12px}
.pfr-gr summary{min-height:44px;display:flex;align-items:center;font-weight:600;cursor:pointer}
.pfr-scelte{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 12px}
.pfr-ch{min-height:44px;padding:0 14px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:15px}
.pfr-ch[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#fff);font-weight:700}
.pfr-msg:empty{display:none}
.pfr-az{display:flex;gap:10px}.pfr-az .btn{flex:1;min-height:48px}
.pfr-altro{min-height:44px}
.pfr-passo{font-size:14px;margin-top:-6px}
.pfr-aiuto{margin:0}
.pfr-barra{width:100%;height:8px}
.pfr-data{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pfr-data select{flex:1 1 130px;min-height:48px}
.pfr-fine{margin:0;font-size:17px;line-height:1.45}
@media (min-width:700px){dialog.pfr-dlg{margin:auto;border-radius:22px}}
/* Dove mangiare / Dove andare, elenco completo (v427): città, ordinamento e filtri dentro la barra di ricerca */
.places-search > label.s-extra.ord-posti{display:flex;gap:8px;padding:0 12px}
.places-search > label.s-extra.ord-posti .ico svg{width:18px;height:18px;display:block}
.places-search > label.s-extra.ord-posti select{font-size:15px;font-weight:400;max-width:170px;background:transparent;border:0}
.places-search > .place-only.s-extra{flex:none;flex-wrap:nowrap;align-items:center;gap:6px;border-left:1px solid var(--line);padding:0 12px}
.places-search > .place-only.s-extra .fchip{white-space:nowrap;min-height:34px}
/* «Il tuo stile» e la carta da condividere (v427) */
dialog.carta-dlg{width:min(520px,calc(100vw - 24px));max-height:94vh;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);overflow:auto}
dialog.carta-dlg::backdrop{background:rgba(10,12,24,.6)}
.carta-in{display:flex;flex-direction:column;gap:12px;padding:16px}
.carta-t{display:flex;align-items:center;justify-content:space-between;gap:10px}
.carta-t h2{margin:0;font-size:19px}
.carta-t .btn{min-width:44px;min-height:44px}
.carta-cv{display:block;width:auto;max-width:100%;max-height:46vh;margin:0 auto;border-radius:14px;box-shadow:0 6px 24px rgba(10,12,24,.35)}
.carta-ops{display:flex;flex-direction:column;gap:2px}
.carta-op{display:flex;align-items:center;gap:12px;min-height:44px;font-size:16px;cursor:pointer}
.carta-op input{width:22px;height:22px;flex:none}
.carta-az{display:flex;flex-wrap:wrap;gap:10px}
.carta-az .btn{min-height:44px;flex:1 1 140px}
.carta-msg:empty{display:none}

/* Dove mangiare / Dove andare, elenco completo (v424): niente foto; ricerca sottile e tipi a riquadri sotto la riga dei controlli, i tipi vanno a capo invece di scorrere */
.places-slim{display:flex;flex-direction:column;gap:12px;margin:0 0 12px}
.places-slim .catfilter.tiles{flex-wrap:wrap;overflow:visible}
/* tipi di locale e di posto come pillole con l'emoji colorata, uguali a Eventi, Idee e Cinema (v428): testo scuro sul chiaro, chiaro sullo scuro */
.places-slim .ctile.kind-tile{color:color-mix(in srgb,var(--c) 38%,var(--ink))}

/* v574-v576: la prima scheda (Prossimi, Tutte, Tutti) è rosa (--tab-primo), per non essere dello stesso blu di «← Home»; il viola della v574 non è piaciuto */
/* Eventi e Concerti in Vetrina/Poster/Classico (v425): «← Home» e le schede (Prossimi, Il tuo programma, Proposti da me, Passati) colorate come in Idee e Cinema */
#tabs .tab.ev-t-upcoming{--tc:var(--tab-primo,#c2255c)}#tabs .tab.ev-t-programma{--tc:#e8920c}#tabs .tab.ev-t-proposed{--tc:#0b7f61}#tabs .tab.ev-t-past{--tc:#5b667a}
body #tabs .tab[class*="ev-t-"]{color:var(--ink);background:color-mix(in srgb,var(--tc) 22%,var(--surface));border-color:color-mix(in srgb,var(--tc) 55%,var(--line))}
body #tabs .tab[class*="ev-t-"]:not([aria-selected="true"]):hover{background:color-mix(in srgb,var(--tc) 34%,var(--surface))}
body #tabs .tab[class*="ev-t-"][aria-selected="true"]{color:#fff;background:var(--tc);border-color:var(--tc)}
body #tabs .tab.ev-t-programma[aria-selected="true"],body .cin-tabs .tab.cin-t-gruppo[aria-selected="true"]{color:#1d1300}   /* testo scuro sull'arancione: contrasto */
body #tabs .back-home{border:0;border-radius:999px;background:var(--grad);color:#fff;font-weight:700;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 35%,transparent)}

/* Eventi: «Compatta» e «Programma» come nelle Idee e nel Cinema (v425) */
.elis,.eprog{display:grid;align-items:center;gap:8px 16px;padding:10px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;cursor:pointer;min-width:0}
.elis:hover,.eprog:hover{border-color:var(--c,var(--accent))}
.elis{grid-template-columns:minmax(0,2.2fr) auto minmax(0,1.3fr) minmax(0,1.3fr) auto auto}
.elis h3,.eprog h3{margin:0;font-size:17px}
.elis h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.elis h3 a,.eprog h3 a{color:inherit;text-decoration:none}
.elis-q,.elis-d{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eprog{grid-template-columns:64px minmax(0,1fr) auto;padding:12px 16px;border-left:4px solid var(--c,var(--accent))}
.elis.past,.eprog.past{opacity:.7}.elis.cancelled h3,.eprog.cancelled h3{text-decoration:line-through}
@media (max-width:640px){
  .elis{grid-template-columns:minmax(0,1fr) auto auto}
  .elis .chip,.elis-d{display:none}
  .eprog{grid-template-columns:52px minmax(0,1fr)}
  .eprog .ip-side{grid-column:1/-1;justify-content:flex-start}
}
/* Eventi (v425): con le quattro viste la riga di «← Home» può non bastare (sotto ~1500 px): il gruppo «Schede/Elenco/Compatta/Programma» va a capo restando a destra, sotto «Lista/Calendario/Mappa» */
body #tabs .viewswitch.layout-switch{margin-left:auto}
/* Cinema, elenco completo (v425): i generi a riquadri salgono un po' verso la barra di ricerca (c'era spazio libero fra le due righe) */
.cin-search + .catfilter.tiles{margin-top:-10px}

/* Profilo da telefono (v426): una pagina sola, come sul computer. Testata compatta fissa (compare quando la foto esce), indice a chip che scorre di lato, sezioni una sotto l'altra */
@media (max-width:1099px){
  .profile.pf-a{display:block}
  .profile.pf-a .pf-side{position:static}
  .profile.pf-a .pf-main{margin-top:6px;gap:22px}
  .pf-sticky{top:var(--pf-top,56px);margin-inline:-16px;padding-inline:16px;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .pf-mini{align-items:center;gap:10px;padding:8px 0 2px}
  .pf-mini-on .pf-mini{display:flex}
  .pf-mini-av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
  .pf-mini-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}
  .pf-mini-t strong{font-size:var(--t-ti);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pf-mini-liv{font-size:var(--t-cap);color:var(--ink-3)}
  .pf-mini .btn{min-height:44px;padding:0 18px}
  .pf-indice{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding:8px 0 10px}
  .pf-indice::-webkit-scrollbar{display:none}
  .pf-ind-b{flex:none;min-height:44px;padding:0 18px}
  .pf-blocco{scroll-margin-top:calc(var(--pf-top,56px) + 122px)}
  .pf-blocco-t{font-size:var(--t-lg)}
}

/* Lucchetti sul proprio profilo e «Io / Un altro membro» (v426) */
.lk-head{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
.lk-head > h3{margin:0}
.lk-chip{position:relative;display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-2,var(--ink));font:inherit;font-size:var(--t-cap);font-weight:600;cursor:pointer;white-space:nowrap}
.lk-chip::after{content:"";position:absolute;inset:-6px}   /* il tocco resta largo almeno 44 px anche se il pulsante è basso */
.lk-chip.on{border-color:color-mix(in srgb,var(--ok-text,#17803d) 55%,var(--line));color:var(--ink)}
.lk-chip:hover{border-color:var(--accent)}
.lk-vista{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.lk-vista small{font-size:var(--t-cap)}
.lk-seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface-2,var(--line));border:1px solid var(--line);align-self:flex-start;max-width:100%}
.lk-seg button{min-height:40px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--ink-2,var(--ink));font:inherit;font-weight:600;cursor:pointer}
.lk-seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.lk-nota{display:none;margin:0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));font-size:var(--t-sm);line-height:1.4}
.lk-link{position:relative;background:none;border:0;padding:0;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}
.lk-link::after{content:"";position:absolute;inset:-12px -4px}
.pf-vista-altri .lk-nota{display:block}
.pf-vista-altri .pf-priv{display:none!important}
.pf-vista-altri .lk-chip{display:none}
.pf-vista-altri :is(.pf-banner,.pf-sugg,.pf-compl,.pf-lock,.pf-cal){display:none!important}   /* cose che vedi solo tu: inviti a completare, suggerimenti, distintivi da conquistare, calendario */

/* ===== PROFILO RAFFINATO (v428, dalla bozza «Profilo raffinato» approvata il 25/10) =====
   Una gerarchia sola; superfici su tre livelli (pagina → carta → riquadro dentro la carta) con raggi 12 / 18 / 26; un colore forte solo dove si agisce (il pulsante principale e il picco del grafico);
   cifre grandi e allineate. Funziona sui quattro temi: i livelli derivano da --surface e --ink, il colore da --accent / --grad del tema. */
.profile.pf-a,.stg-sez,.pf-sec{--pf-s1:var(--surface);--pf-s2:color-mix(in srgb,var(--ink) 5%,var(--surface));--pf-s3:color-mix(in srgb,var(--ink) 10%,var(--surface));--pf-r1:12px;--pf-r2:18px;--pf-r3:26px}
/* la «Stagione»: numero grande, pillole, grafico con il picco in colore, tre riquadri (momento, gusti, dove) e la carta da condividere */
.stg-sez[hidden]{display:none}
.stg-sez{padding:22px 24px 24px;border-radius:var(--pf-r3);background:linear-gradient(180deg,var(--pf-s2),var(--pf-s1));gap:18px}
.stg-sez > h3{font-size:var(--t-lg);letter-spacing:-.02em}
.stg-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;width:100%}
.stg-big{display:flex;align-items:baseline;gap:10px;margin:0}
.stg-tot{font-size:var(--t-num);line-height:.9;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink)}
.stg-big span{color:var(--ink-2,var(--ink));font-size:var(--t-ti)}
.stg-pills{display:flex;gap:8px;flex-wrap:wrap}
.stg-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:99px;background:var(--pf-s3);color:var(--ink);font-size:var(--t-sm);font-weight:600}
.stg-barre{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;align-items:end;width:100%;max-width:none;height:auto;min-height:150px}
.stg-col{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:6px;min-width:0;text-align:center}
.stg-n{font-size:var(--t-cap);font-weight:700;min-height:18px;line-height:18px;color:var(--ink);font-variant-numeric:tabular-nums}
.stg-b{display:block;height:var(--h,0px);min-height:3px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 38%,var(--pf-s2)),color-mix(in srgb,var(--accent) 16%,var(--pf-s2)));border-bottom:2px solid color-mix(in srgb,var(--accent) 70%,transparent)}
.stg-col.peak .stg-b{background:var(--grad,var(--accent));border-bottom-color:var(--accent);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 35%,transparent)}
.stg-m{font-size:var(--t-cap);color:var(--ink-3,var(--ink-2));margin-top:0}
.stg-col.ora .stg-m{color:var(--ink);font-weight:700}
.stg-ins{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;width:100%}
.stg-in{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--pf-r1);background:var(--pf-s2);border:1px solid var(--line);min-width:0}
.stg-eb{font-size:var(--t-cap);letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--ink-3,var(--ink-2))}
.stg-in strong{font-size:var(--t-ti);letter-spacing:-.01em;overflow-wrap:anywhere}
.stg-sotto-t{font-size:var(--t-sm);color:var(--ink-2,var(--ink))}
.stg-az{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}
.stg-carta{min-height:46px}
@media (max-width:640px){
  .stg-sez{padding:18px;border-radius:22px;gap:14px}
  .stg-tot{font-size:var(--t-num)}
  .stg-barre{gap:5px;min-height:120px}
  .stg-ins{grid-template-columns:1fr}
  .stg-in{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}
  .stg-eb{display:none}
  .stg-in strong{flex:1;min-width:0}
}
/* carte del profilo: senza barretta rosa davanti al titolo, titoli più calmi, una sola gerarchia */
.profile.pf-a .pf-sec:not(.dia-unico){padding:20px 22px;border-radius:var(--pf-r2);background:var(--pf-s1);gap:12px}
.profile.pf-a .pf-sec:not(.dia-unico) > h3,.profile.pf-a .pf-sec:not(.dia-unico) > .lk-head > h3{font-size:var(--t-lg);letter-spacing:-.02em}
.profile.pf-a .pf-sec h3::before{content:none}
.profile.pf-a .pf-blocco-t{font-size:var(--t-cap);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3,var(--ink-2));display:flex;align-items:center;gap:12px}
.profile.pf-a .pf-blocco-t::after{content:"";flex:1;height:1px;background:var(--line)}
/* colonna dell'identità: carta alta, nome grande, numeri in una griglia a tre celle, azione principale e «⋯» tondo */
.profile.pf-a .pf-hero{border-radius:var(--pf-r3);background:var(--pf-s1)}
.profile.pf-a .pf-id h2{letter-spacing:-.03em}
@media (min-width:1100px){.profile.pf-a .pf-id h2{font-size:var(--t-xl);line-height:1.05}}
@media (min-width:1100px),(max-width:640px){
.profile.pf-a .pf-hero > .pf-strip{display:flex;align-self:stretch;width:100%;max-width:none;justify-content:stretch;border:1px solid var(--line);border-radius:var(--pf-r1);background:var(--pf-s2);gap:0;padding:0;overflow:hidden}
.profile.pf-a .pf-hero > .pf-strip > *{flex:1 1 0;min-width:0;padding:12px 6px;text-align:center}
.profile.pf-a .pf-hero > .pf-strip > * + *{border-left:1px solid var(--line)}
}
.profile.pf-a .pf-hero .pf-liv{gap:8px}
.profile.pf-a .pf-hero .pf-liv progress{height:8px;border-radius:99px}
.profile.pf-a .pf-hero-az .btn.primary{min-height:46px;border-radius:999px}
.profile.pf-a .pf-hero-az .pf-menu summary{min-height:46px;min-width:46px;padding:0;border-radius:999px}
/* indice: una sola pillola con la voce attiva evidenziata */
.pf-indice{display:flex;gap:4px;padding:6px;border-radius:999px;background:color-mix(in srgb,var(--pf-s1) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);width:max-content;max-width:100%}
.pf-ind-b{min-height:40px;padding:0 18px;border:0;background:transparent;color:var(--ink-2,var(--ink));font-weight:600}
.pf-ind-b:hover,.pf-ind-b[aria-current="true"]{background:var(--pf-s3);color:var(--ink);border:0}
@media (max-width:1099px){.pf-indice{width:auto;overflow-x:auto}.pf-ind-b{min-height:44px}}
/* medaglie: tessere quadrate, oro pieno per quelle prese; il prossimo traguardo è un riquadro con barra */
.profile.pf-a .pf-blocco .pf-badges{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}
.profile.pf-a .pf-badge{border-radius:20px;background:var(--pf-s2);border:1px solid var(--line);box-shadow:none}
.profile.pf-a .pf-badge.ok{background:radial-gradient(circle at 30% 20%,rgba(246,185,74,.32),rgba(246,185,74,.07));border-color:rgba(246,185,74,.55)}
.pf-badges-lock .pf-badge{opacity:.55}
.pf-traguardo{border-radius:var(--pf-r1);background:var(--pf-s2);border:1px solid var(--line);color:var(--ink)}
.pf-tr-k{letter-spacing:.09em}
.pf-traguardo progress{height:8px;border-radius:99px}
/* «← Panoramica» di Dove andare / Dove mangiare (v429): pulsante colorato come «← Home» di Eventi, Idee e Cinema */
body #filters .back-home{border:0;border-radius:999px;background:var(--grad);color:#fff;font-weight:700;font-size:16px;min-height:44px;padding:0 20px;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 35%,transparent)}
body #filters .back-home:hover:not(:disabled){box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 50%,transparent);transform:translateY(-1px)}
/* ===== PROFILO RAFFINATO, seconda tornata (v430) ===== */
/* livello: «Livello 3 · Habitué … 32 / 35», barra, e sotto cosa manca */
.pf-liv-riga{display:flex;align-items:baseline;justify-content:space-between;gap:8px 12px;flex-wrap:nowrap}
.pf-liv-n{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink-2,var(--ink));white-space:nowrap}
.pf-liv > .pf-liv-s{font-size:var(--t-sm);line-height:1.35}
/* numeri della testata: sempre tre celle (Eventi, Creati, Film), cifre grandi e allineate */
.pf-strip strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.profile.pf-a .pf-strip .pf-sb strong{font-size:var(--t-xl);line-height:1}
.profile.pf-a .pf-strip .pf-sb span{font-size:var(--t-cap);letter-spacing:.04em;text-transform:none;color:var(--ink-3,var(--ink-2))}
/* Diario: il titolo del blocco, il numero e il lucchetto stanno sulla stessa riga (prima il lucchetto scendeva sotto) */
.dia-sez > .lk-head,.pf-sugg > .lk-head{flex-wrap:nowrap}
.dia-sez > .lk-head{gap:6px}
.dia-sez > .lk-head > h3{min-width:0;flex:1 1 auto;font-size:var(--t-sm);white-space:nowrap}
.dia-sez > .lk-head .lk-chip{flex:none;padding:0 10px}
.profile.pf-a .dia-prossimi > .lk-head{padding:0 4px;margin-bottom:6px}
/* «Su di me» ancora vuoto: un invito calmo, con un solo pulsante forte e tre scorciatoie piccole */
.profile.pf-a .pf-invito{display:flex;flex-direction:column;gap:10px}
.profile.pf-a .pf-invito .pf-guida{align-self:flex-start;min-height:46px;padding:0 24px;border-radius:999px;width:auto}
.profile.pf-a .pf-rapidi{display:flex;flex-wrap:wrap;gap:8px}
.profile.pf-a .pf-rapido{flex:0 0 auto;min-height:44px;padding:0 16px;border-radius:999px;background:var(--pf-s2);border:1px solid var(--line);font-size:var(--t-sm);font-weight:600;gap:8px}
.profile.pf-a .pf-rapido span{font-size:var(--t-ti)}
/* i sei numeri sotto la stagione (eventi, creati, film…): riquadri su un livello più alto, come nella griglia della testata */
.profile.pf-a .pf-stats{gap:12px}
.profile.pf-a .pf-stats > *{border-radius:var(--pf-r1);background:var(--pf-s2);border:1px solid var(--line);box-shadow:none}
.profile.pf-a .pf-stats strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em}
/* indice fisso: un po' più d'aria sotto, il titolo della sezione non lo tocca */
.pf-sticky{padding-bottom:4px}
.profile.pf-a .pf-blocco{scroll-margin-top:132px}
/* ===== Verifica delle presenze (v432): il QR d'ingresso e il pannello di chi organizza ===== */
dialog.prs-dlg{width:min(420px,calc(100vw - 24px));max-height:94dvh;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);overflow:auto}
dialog.prs-dlg::backdrop{background:rgba(10,12,24,.6)}
.prs-in{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 18px 20px}
.prs-t{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.prs-t h2{margin:0;font-size:20px}.prs-t .btn{min-width:44px;min-height:44px}
.prs-ev{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0}
.prs-qr{width:min(100%,300px);height:auto;aspect-ratio:1;border-radius:14px;background:#fff;image-rendering:pixelated}
.prs-cod{margin:0;font:700 28px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.prs-aiuto,.prs-nota{margin:0;text-align:center}
.prs-stato{margin:0;text-align:center;font-weight:700;min-height:1.2em}.prs-stato.ok{color:var(--ok-text,#17803d)}.prs-stato.err{color:var(--danger,#c0302b)}
.prs-b{min-height:44px}
.prs-pannello{display:flex;flex-direction:column;gap:12px;width:100%}
.prs-testa{display:flex;flex-direction:column;gap:8px}
.prs-num{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.prs-num strong{font-size:34px;line-height:1;font-variant-numeric:tabular-nums}
.prs-testa progress{width:100%;height:10px}
.prs-az{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.prs-az .btn{min-height:46px}
.prs-man{display:flex;gap:8px;flex:1 1 220px}.prs-man .tav-in{flex:1;min-width:0;min-height:46px;font-size:16px;letter-spacing:.06em;text-transform:uppercase}
.prs-scan{display:flex;flex-direction:column;gap:8px;align-items:center}
.prs-video{width:100%;max-width:420px;aspect-ratio:1;object-fit:cover;border-radius:16px;background:#000}
.prs-esito{margin:0;min-height:1.3em;font-weight:600}.prs-esito.ok{color:var(--ok-text,#17803d)}.prs-esito.gia{color:var(--ink)}.prs-esito.err{color:var(--danger,#c0302b)}
.prs-cerca{width:100%;min-height:46px;font-size:16px}
.prs-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.prs-r{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.prs-r.on{border-color:color-mix(in srgb,var(--ok-text,#17803d) 55%,var(--line));background:color-mix(in srgb,var(--ok-text,#17803d) 8%,var(--surface))}
.prs-chi{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}.prs-chi b{font-size:16px}
.prs-ass{color:var(--danger,#c0302b);font-weight:700}
.prs-i{display:inline-flex;align-items:center;vertical-align:-4px;margin-right:6px}.prs-i svg{width:18px;height:18px}.prs-ass .prs-i{margin-right:3px;vertical-align:-3px}.prs-ass .prs-i svg{width:14px;height:14px}   /* v716: icone a linea al posto delle emoji */
.prs-r .btn{min-height:44px;flex:none}
.prs-libera{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.prs-scan[hidden]{display:none}
/* Dove mangiare / Dove andare (v434): «Tutti · Da provare · Provati» accanto a «← Panoramica», colorati come le schede di Eventi, Idee e Cinema */
#filters .place-tabs .tab.place-t-tutti{--tc:var(--tab-primo,#c2255c)}#filters .place-tabs .tab.place-t-provare{--tc:#e8920c}#filters .place-tabs .tab.place-t-provati{--tc:#0b7f61}
body #filters .place-tabs .tab[class*="place-t-"]{color:var(--ink);background:color-mix(in srgb,var(--tc) 22%,var(--surface));border-color:color-mix(in srgb,var(--tc) 55%,var(--line))}
body #filters .place-tabs .tab[class*="place-t-"][aria-selected="true"]{color:#fff;background:var(--tc);border-color:var(--tc)}
body #filters .place-tabs .tab.place-t-provare[aria-selected="true"]{color:#1d1300}
#filters .place-tabs{margin:0}

@media (min-width:721px){#filters .place-tabs{margin:0 auto 0 12px}}
/* «Un anno fa» nei Ricordi (v434) */
.dia-anno{display:flex;flex-direction:column;gap:6px;margin:4px 0 12px;padding:12px 14px;border-radius:14px;background:var(--accent-soft);color:var(--ink)}
.dia-anno > strong{font-size:var(--t-md)}
/* «Usciamo insieme?» (v435): il pulsante sul profilo, la finestra dell'invito e il riquadro degli inviti ricevuti */
.inv-riga{display:flex;margin:10px 0 0}.inv-b{min-height:44px;width:100%}
.dia-con-inv{display:flex;flex-direction:column;align-items:stretch;gap:6px}.dia-con-inv .inv-b{align-self:flex-start;width:auto;min-height:40px}
dialog.inv-dlg{width:min(480px,calc(100vw - 24px));max-height:94dvh;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);overflow:auto}
dialog.inv-dlg::backdrop{background:rgba(10,12,24,.6)}
.inv-in{display:flex;flex-direction:column;gap:12px;padding:16px 18px 20px}.inv-testa{display:flex;align-items:center;justify-content:space-between;gap:10px}.inv-testa h2{margin:0;font-size:20px}.inv-testa .btn{min-width:44px;min-height:44px}
.inv-corpo{display:flex;flex-direction:column;gap:10px}.inv-l{font-weight:700;font-size:15px}.inv-corpo .tav-in{width:100%;min-height:46px;font-size:16px}
.inv-no{margin:0;font-weight:600}.inv-az{display:flex;gap:10px;flex-wrap:wrap}.inv-az .btn{min-height:46px;flex:1 1 150px}
.inv-banner{display:flex;flex-direction:column;gap:10px;margin:0 0 12px}
.inv-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;background:var(--accent-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line))}
.inv-card p{margin:0}.inv-t{font-size:16px}.inv-nota{font-style:italic}


/* ===== PROFILO: ALTRE IDEE (v436, dalla bozza «Profilo, altre idee» approvata il 26/10) =====
   A testata viva · B medaglie preferite · C calendario delle serate · D con chi esci · E ricordi a cartolina · F passaporto a timbri · «Su di me» in risalto. Quattro temi: colori da --ink, --surface, --accent, --grad. */
/* A · testata viva: copertina con luce calda e puntini, interessi e «inviti aperti» sotto il nome */
.profile.pf-a .pf-cover:not(.con-img){position:relative;overflow:hidden}
.profile.pf-a .pf-cover:not(.con-img)::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(220px 120px at 85% 10%,rgba(255,200,110,.5),transparent 70%),radial-gradient(circle at 20% 30%,rgba(255,255,255,.35) 0 2px,transparent 3px),radial-gradient(circle at 62% 62%,rgba(255,255,255,.3) 0 2px,transparent 3px),radial-gradient(circle at 88% 24%,rgba(255,255,255,.4) 0 3px,transparent 4px),radial-gradient(circle at 40% 82%,rgba(255,255,255,.25) 0 2px,transparent 3px)}
.pf-chips.pf-int{margin-top:8px}.pf-chips.pf-int:empty,.pf-chips.pf-int[hidden]{display:none}
.pf-chip-inv{border:1px solid color-mix(in srgb,#2fb88f 55%,transparent);background:color-mix(in srgb,#2fb88f 14%,var(--surface))}
.pf-riga-vuota{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;padding:0 16px;border:1px dashed var(--line);border-radius:99px;background:none;color:var(--ink-2,var(--ink));font:inherit;font-weight:600;cursor:pointer;text-align:left}
.pf-riga-vuota[hidden]{display:none}
.pf-riga-vuota:hover{border-color:var(--accent);color:var(--ink)}
/* B · le medaglie preferite */
.profile .pf-hero > .vm-slot{grid-area:auto;grid-column:1/-1}
.vm{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding:14px;border-radius:var(--pf-r1,12px);background:var(--pf-s2,var(--surface-2));border:1px solid var(--line)}
.vm[hidden]{display:none}
.vm-eb{font-size:var(--t-cap);letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--ink-3,var(--ink-2))}
.vm-riga-m{display:flex;justify-content:space-around;gap:8px}
.vm-medal{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;width:84px;min-width:0}
.vm-disc{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:var(--t-xl);position:relative;background:var(--surface);border:3px solid var(--rim);box-shadow:0 8px 18px var(--glow)}
.vm-disc::after{content:"";position:absolute;inset:3px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 45%);pointer-events:none}
.vm-oro{--rim:#e8a93a;--glow:rgba(232,169,58,.35)}.vm-argento{--rim:#aeb7d4;--glow:rgba(174,183,212,.28)}.vm-bronzo{--rim:#cf7d4e;--glow:rgba(207,125,78,.3)}
.vm-nome{font-size:var(--t-cap);font-weight:600;line-height:1.2;color:var(--ink-2,var(--ink))}
.vm-scegli{align-self:center;min-height:44px;padding:0 12px;border:0;background:none;color:var(--accent);font:inherit;font-weight:600;font-size:var(--t-sm);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.vm-lista{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.vm-riga{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.vm-riga input{width:22px;height:22px;flex:none;accent-color:var(--accent)}
.vm-riga-i{font-size:var(--t-xl);flex:none}.vm-riga-t{display:flex;flex-direction:column;min-width:0;line-height:1.25}
/* C · calendario delle serate */
.cal2{gap:14px}
.cal2-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.cal2-top h3{margin:0}.cal2-top p{margin:4px 0 0}
.cal2-big{margin:0!important;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.cal2-big strong{font-size:var(--t-xl);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.cal2-big span{color:var(--ink-2,var(--ink))}
.cal2-box{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 8px;align-items:start}
.cal2-giorni{grid-area:2/1;align-self:stretch;display:grid;grid-template-rows:repeat(7,1fr);gap:4px;font-size:var(--t-cap);color:var(--ink-3,var(--ink-2))}
.cal2-giorni span{display:flex;align-items:center}
.cal2-mesi{grid-area:1/2;display:grid;grid-template-columns:repeat(var(--w,30),minmax(0,1fr));gap:4px;font-size:var(--t-cap);color:var(--ink-3,var(--ink-2));height:16px;white-space:nowrap}
.cal2-grid{grid-area:2/2;display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--w,30),minmax(0,1fr));grid-template-rows:repeat(7,auto);gap:4px}
.cal2-c{display:block;aspect-ratio:1;border-radius:5px;background:var(--pf-s3,var(--surface-2));min-width:0}
.cal2-c.l1{background:color-mix(in srgb,var(--accent) 48%,var(--pf-s3,var(--surface-2)))}
.cal2-c.l2{background:var(--grad,var(--accent))}
.cal2-c.fut{background:none;border:1px dashed var(--line)}
.cal2-c.oggi{outline:2px solid var(--ink);outline-offset:1px}
.cal2-leg{display:flex;align-items:center;gap:6px}
.cal2-leg .cal2-c{width:14px;height:14px;aspect-ratio:auto;display:inline-block}
/* D · con chi esci */
.dia-con{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dia-con-r{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--pf-s2,var(--surface-2));border:1px solid var(--line);flex-wrap:wrap}
.dia-con-b{flex:1;min-width:150px;display:flex;align-items:center;gap:12px;min-height:48px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.dia-con-av{position:relative;flex:none;width:48px;height:48px}
.dia-anello{position:absolute;inset:0;width:100%;height:100%}
.dia-an-bg{stroke:color-mix(in srgb,var(--ink) 14%,transparent)}.dia-an-v{stroke:var(--accent)}
.dia-con-av .dia-av{position:absolute;inset:6px;width:36px;height:36px;border-radius:50%;object-fit:cover;margin:0}
.dia-con-t{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.dia-con-t strong{font-size:var(--t-md);overflow-wrap:anywhere}
.dia-con-r .inv-b{min-height:44px;padding:0 14px;font-size:var(--t-sm)}
/* E · ricordi a cartolina */
.dia-polas{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px;padding:6px 4px 10px}
.dia-pola{display:flex;flex-direction:column;gap:8px;text-align:left;background:#fbf8ff;color:#241a4a;border:0;border-radius:6px;padding:10px 10px 12px;box-shadow:0 12px 24px rgba(0,0,0,.28);transform:rotate(-1.5deg);cursor:pointer;font:inherit;min-width:0;transition:transform .15s}
.dia-pola:nth-child(even){transform:rotate(1.2deg)}.dia-pola:nth-child(3n){transform:rotate(-.6deg)}
.dia-pola:hover,.dia-pola:focus-visible{transform:rotate(0) translateY(-2px)}
.dia-pola-ph{aspect-ratio:16/11;border-radius:3px;display:grid;place-items:center;font-size:var(--t-xl);background:var(--pg)}
.dia-pg0{--pg:linear-gradient(135deg,#f6b94a,#e0207f)}.dia-pg1{--pg:linear-gradient(135deg,#6c8cff,#7b34e8)}.dia-pg2{--pg:linear-gradient(135deg,#3ddbab,#2e36c9)}.dia-pg3{--pg:linear-gradient(135deg,#ff9a6a,#c58cff)}
.dia-pola strong{font-size:var(--t-sm);line-height:1.2;overflow-wrap:anywhere}
.dia-pola small{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;color:#5b5290;font-size:var(--t-cap);font-weight:600}
.dia-pola-st{color:#b97300;letter-spacing:1px}
@media (prefers-reduced-motion:reduce){.dia-pola{transition:none}}
/* F · passaporto a timbri */
.pf-timbri{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,132px));justify-content:start;gap:16px;margin:4px 0 14px}
.pf-timbro{width:100%;max-width:132px;aspect-ratio:1;justify-self:start;border-radius:50%;border:3px double var(--c);color:var(--c);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;transform:rotate(var(--rot,0deg));background:radial-gradient(circle,color-mix(in srgb,var(--c) 14%,transparent),transparent 70%);min-width:0;font:inherit}
.pf-timbro strong{color:var(--ink);font-size:var(--t-sm);line-height:1.15;overflow-wrap:anywhere}
.pf-timbro small{font-size:var(--t-cap);font-weight:700;letter-spacing:.03em}
.pf-timbro-i{font-size:var(--t-xl);line-height:1}
.pf-timbro.vuoto{--c:var(--ink-3,var(--ink-2));border-style:dashed;transform:none;background:none;cursor:pointer}
.pf-timbro.vuoto:hover{--c:var(--accent)}
/* «Su di me» in risalto: nell'indice sta subito dopo il Diario, con un titolo pieno e la prima carta evidenziata */
.profile.pf-a #pf-sez-chi .pf-blocco-t{color:var(--ink);font-size:var(--t-sm)}
.profile.pf-a #pf-sez-chi .pf-blocco-t::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--grad,var(--accent));flex:none}
.profile.pf-a #pf-sez-chi .pf-sec:first-child{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 12%,transparent)}
@media (max-width:700px){
  .cal2-giorni{display:none}
  .cal2-box{grid-template-columns:minmax(0,1fr)}
  .cal2-mesi{grid-area:1/1}.cal2-grid{grid-area:2/1}
  .vm-riga-m{justify-content:space-evenly}
}
.profile .pf-chip.pf-chip-int{background:var(--pf-s3,var(--surface-2));color:var(--ink);border:1px solid var(--line)}
/* il menu «⋯» (Condividi, Anteprima, Impostazioni) esce dalla scheda dell'identità: prima la scheda tagliava tutto ciò che sporgeva e il menu non si vedeva (v436); la copertina si arrotonda da sé */
.profile.pf-a .pf-hero{overflow:visible}
.profile.pf-a .pf-cover{border-radius:var(--pf-r3,26px) var(--pf-r3,26px) 0 0;overflow:hidden}
.profile.pf-a .pf-hero > .pf-hero-az{position:relative;top:auto;right:auto;left:auto;margin:14px 0 0;z-index:40}
.profile.pf-a .pf-menu-l{z-index:60}
/* sul computer la colonna dell'identità è fissa e arriva in fondo allo schermo: il menu si apre verso l'alto, così non finisce sotto il bordo della finestra (v436) */

/* con il menu aperto la scheda sale sopra l'indice fisso (la scheda ha un filtro sfocato, che la teneva sotto) */
.profile.pf-a .pf-hero:has(.pf-menu[open]){z-index:25}
@media (max-width:700px){
  .pf-chips.pf-int{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .pf-chips.pf-int::-webkit-scrollbar{display:none}
  .pf-chips.pf-int .pf-chip{flex:none}
}
/* la colonna dell'identità resta fissa; se è più alta della finestra scorre al suo interno, così «Modifica profilo» e «⋯» si raggiungono sempre (v436) */
@media (min-width:1100px){.profile.pf-a .pf-side{max-height:calc(100vh - 92px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:2px}}
/* ===== PROFILO SUL COMPUTER LARGO (v437): meno spazio sprecato =====
   Da 1500 px le schede della pagina si affiancano invece di stare una sotto l'altra a tutta larghezza: stagione + serate, passaporto (timbri + cartina) + «Potrebbero piacerti», distintivi + sfide,
   le liste dello Storico in tre colonne. Sotto 1500 px resta una colonna sola. Anche le schede dell'indice (Diario, Su di me…) sono più piccole: sul computer non servono bersagli da dito. */
@media (min-width:1100px) and (pointer:fine){
  .profile.pf-a .pf-indice{padding:3px;gap:2px}
  .profile.pf-a .pf-ind-b{min-height:30px;padding:0 13px;font-size:var(--t-sm)}
  .profile.pf-a .pf-blocco-t{font-size:var(--t-cap)}
}
@media (min-width:1500px){
  .profile.pf-a .pf-blocco > .pf-cols{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start}
  .profile.pf-a .pf-blocco > .pf-cols > *{grid-column:span 12}
  /* Diario: stagione e serate affiancate; passaporto accanto ai suggerimenti */
  #pf-sez-diario > .pf-cols > .stg-sez{grid-column:span 7;align-self:stretch}
  #pf-sez-diario > .pf-cols > .stg-sez[hidden] + .cal2{grid-column:span 12}
  #pf-sez-diario > .pf-cols > .cal2{grid-column:span 5;align-self:stretch}
  #pf-sez-diario > .pf-cols > .pf-pass{grid-column:span 8}
  #pf-sez-diario > .pf-cols > .pf-sugg{grid-column:span 4}
  #pf-sez-diario > .pf-cols .stg-barre{min-height:110px}
  #pf-sez-diario > .pf-cols .stg-ins{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile.pf-a .pf-pass{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);column-gap:22px;align-items:start}
  .profile.pf-a .pf-pass > h3,.profile.pf-a .pf-pass > p{grid-column:1/-1}
  .profile.pf-a .pf-pass > .pf-timbri{grid-column:1;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));margin:0}
  .profile.pf-a .pf-pass > .pf-mappa{grid-column:2;height:300px;min-height:0}
  .profile.pf-a .pf-pass > .pf-timbri + .pf-mappa{grid-row:3}
  .profile.pf-a .pf-pass > .pf-timbri{grid-row:3}
  /* Medaglie: distintivi e sfide affiancati, i numeri sotto a tutta riga */
  #pf-sez-medaglie > .pf-cols > .pf-dist{grid-column:span 7}
  #pf-sez-medaglie > .pf-cols > .sf-sez{grid-column:span 5}
  #pf-sez-medaglie > .pf-cols > .pf-grazie{grid-column:span 12}
  /* Su di me: la scheda principale a tutta riga, le altre due a due */
  #pf-sez-chi > .pf-cols > :not(.pf-chi){grid-column:span 6}
  /* Storico: vetrina e liste a due, poi tre liste in fila */
  #pf-sez-attivita > .pf-cols > .pf-vetrina{grid-column:span 7}
  #pf-sez-attivita > .pf-cols > .ls-mie{grid-column:span 5}
  #pf-sez-attivita > .pf-cols > .pf-sec:not(.pf-vetrina):not(.ls-mie){grid-column:span 4}
}
/* Modifica profilo e Impostazioni sempre in vista (v437): «Modifica profilo» a tutta larghezza, sotto «⚙️ Impostazioni» e il menu «⋯» */
.profile.pf-a .pf-hero-az.pf-az-largo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.profile.pf-a .pf-az-largo > .pf-az-mod{grid-column:1/-1}
.profile.pf-a .pf-az-largo > .pf-az-imp{min-height:46px;justify-content:center}
.pf-mini-imp{min-width:44px;min-height:44px;padding:0}
/* ===== PROFILO A TRE COLONNE (v438, layout B scelto il 26/10/2026) =====
   Da 1700 px: identità fissa a sinistra, la pagina al centro e una colonna laterale a destra con il prossimo evento, le medaglie preferite, «Con chi esci», i gusti e i numeri. */
@media (min-width:1700px){
  .profile.pf-a{grid-template-columns:340px minmax(0,1fr) 400px}
  .profile.pf-a .pf-rail{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:18px;min-width:0;align-self:start}
  .pf-rail .dia-lato{display:contents}
  .pf-rail .dia-prossimi{order:1}.pf-rail .vm-slot{order:2}.pf-rail .dia-compagni{order:3}.pf-rail .dia-gusti{order:4}.pf-rail .pf-stats{order:5}
  .pf-rail .dia-sez{margin:0}
  .pf-rail .vm{margin-top:0}
  .pf-rail .pf-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #pf-sez-diario > .pf-cols > .dia{display:block;grid-column:span 12}
  #pf-sez-diario > .pf-cols > .dia-prop{display:block;grid-column:span 5}
  .pf-rail .dia-prossimi .dia-scroll{flex-direction:column;overflow:visible}
  #pf-sez-diario > .pf-cols > .dia-prop:empty{display:none}
  #pf-sez-diario > .pf-cols > .pf-pass{grid-column:span 7}
  /* fuori dal diario a due colonne le sezioni non hanno più il loro riquadro: lo riprendono qui */
  #pf-sez-diario > .pf-cols > .dia .dia-sez,.pf-rail .dia-sez{background:var(--pf-s1,var(--surface));border:1px solid var(--line);border-radius:var(--pf-r2,18px);padding:20px 22px;margin:0}
  #pf-sez-diario > .pf-cols > .dia .dia-sez h3,.pf-rail .dia-sez h3{margin:0 0 12px;font-size:var(--t-lg);letter-spacing:-.02em}
  .pf-rail .dia-prossimi{padding:0;border:0;background:none}
  .pf-rail .dia-prossimi h3{padding:0 4px}
  #pf-sez-diario > .pf-cols > .pf-sugg{grid-column:span 12}
}
/* ===== PROFILO: PULIZIA (v441) ===== meno ripetizioni, schede più equilibrate */
/* «Chi sono»: il titolo c'è già sopra («Su di me»), resta solo per chi usa un lettore di schermo */
.profile.pf-a .pf-chi-testa h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.profile.pf-a .pf-chi-testa{justify-content:space-between;gap:12px;flex-wrap:wrap}
/* le serate riempiono l'altezza della scheda accanto, con la legenda in fondo */
.cal2{display:flex;flex-direction:column}
.cal2 .cal2-leg{padding-top:10px}
.cal2-ins{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:14px}
.cal2-ins > div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--pf-s2,var(--surface-2));border:1px solid var(--line)}
.cal2-eb{font-size:var(--t-cap);letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--ink-3,var(--ink-2))}
.cal2-ins strong{font-size:var(--t-ti)}.cal2-ins small{color:var(--ink-2,var(--ink));font-size:var(--t-cap)}
/* i lucchetti sono promemoria, non pulsanti d'azione: più piccoli con il mouse */
@media (pointer:fine){.lk-chip{min-height:30px;padding:0 10px;font-size:var(--t-cap)}}
/* sfide e liste a tutta la larghezza della scheda; elenchi dello Storico senza righe troppo alte */
.sf-sez .sf-carta{max-width:none}
.pf-azioni-l{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pf-next li button{min-height:44px}
@media (min-width:1500px){
  /* passaporto: i timbri in una fila sopra, la cartina sotto a tutta larghezza */
  .profile.pf-a .pf-pass{display:block}
  .profile.pf-a .pf-pass > p{margin-bottom:14px}
  .profile.pf-a .pf-pass > .pf-timbri{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 14px}
  .profile.pf-a .pf-pass .pf-timbro{width:92px;max-width:92px;padding:5px}
  .profile.pf-a .pf-pass .pf-timbro strong{font-size:var(--t-cap)}
  .profile.pf-a .pf-pass > .pf-mappa{height:230px;min-height:0}
  /* distintivi: tessere più piccole */
  .profile.pf-a .pf-dist .pf-badge{padding:10px 8px}
}
@media (min-width:1500px){.profile.pf-a .pf-blocco .pf-badges{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.profile.pf-a .pf-blocco .pf-badge strong{font-size:var(--t-cap)}}
/* l'indice (Su di me · Diario · Medaglie · Storico) sale sulla riga di «← Indietro», accanto alla colonna dell'identità, invece di stare sotto e occupare una riga a sé (v442) */
@media (min-width:1100px){
  .profile.pf-a .pf-main > .pf-sticky{margin-top:-53px}
}
/* ===== STORICO: pagina a parte (v442) ===== */
.pf-sto-testa{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.pf-sto-testa h2{margin:0}
.profile.pf-in-sto .pf-sto{display:flex;flex-direction:column;gap:16px}
@media (min-width:1100px){
  .profile.pf-in-sto{max-width:1500px;margin-inline:auto}
  .profile.pf-in-sto .pf-sto{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start}
  .profile.pf-in-sto .pf-sto > *{grid-column:span 12}
  .profile.pf-in-sto .pf-sto > .pf-vetrina{grid-column:span 7}
  .profile.pf-in-sto .pf-sto > .ls-mie{grid-column:span 5}
  .profile.pf-in-sto .pf-sto > .pf-sec:not(.pf-vetrina):not(.ls-mie){grid-column:span 4}
}
.profile.pf-in-sto .pf-sec{padding:20px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
/* sei numeri nella testata (v442): tre colonne per due righe; niente più riquadro dei numeri a parte */
.profile.pf-a .pf-hero > .pf-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.profile.pf-a .pf-hero > .pf-strip > *{padding:10px 4px}
.profile.pf-a .pf-hero > .pf-strip > *:nth-child(3n+1){border-left:0}
.profile.pf-a .pf-hero > .pf-strip > *:nth-child(n+4){border-top:1px solid var(--line)}
.profile.pf-a .pf-strip .pf-sb strong{font-size:var(--t-lg)}
.profile.pf-a .pf-strip .pf-sb span{font-size:var(--t-cap)}
/* «Su di me» a pannelli */
.pf-chi-sch{display:inline-flex;gap:4px;padding:3px;margin-top:10px;border-radius:999px;background:var(--pf-s2,var(--surface-2));border:1px solid var(--line);align-self:flex-start}
.pf-chi-sc{min-height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--ink-2,var(--ink));font:inherit;font-weight:600;font-size:var(--t-sm);cursor:pointer}
.pf-chi-sc[aria-selected="true"]{background:var(--pf-s3,var(--line));color:var(--ink)}
.pf-chi .pf-chi-corpo.solo{grid-template-columns:1fr}
@media (max-width:700px){.pf-chi-sc{min-height:44px}}
/* pagine a parte (Storico, Medaglie): stessa griglia */
@media (min-width:1100px){
  .profile.pf-in-sto .pf-sto > .pf-dist{grid-column:span 7}
  .profile.pf-in-sto .pf-sto > .sf-sez{grid-column:span 5}
}

/* testata del profilo tra 641 e 1099 px (v442): la stessa colonna unica che da 1100 px; prima, con i pulsanti dentro la testata, la griglia «a tablet» schiacciava il nome */
@media (min-width:641px) and (max-width:1099px){
.profile.pf-a .pf-hero{display:flex;flex-direction:column;gap:14px;padding:0 20px 20px;border-radius:22px}
.profile.pf-a .pf-cover{height:92px;margin:0 -20px}
.profile.pf-a .pf-head{margin-top:-54px;flex-direction:column;align-items:flex-start;gap:10px}
.profile.pf-a .pf-head .pf-id{padding-top:0}
.profile.pf-a .pf-av{width:108px;height:108px}
.profile.pf-a .pf-id h2{font-size:var(--t-xl);line-height:1.1}
.profile.pf-a .pf-hero > .pf-liv{max-width:none;margin:0;align-self:stretch}
.profile.pf-a .pf-hero > .pf-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;justify-content:stretch;margin:0}
.profile.pf-a .pf-hero{grid-template-areas:none;grid-template-columns:1fr}
.profile.pf-a .pf-head .pf-id{min-width:0;width:100%}
}
/* «Interessi e lingue» (v443): senza riquadri dentro il riquadro; tre colonne con un colore per gruppo e le etichette piene */
.profile .pf-chi .pf-chi-b{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px 32px}
.pf-chi .pf-chi-g{padding:0;border:0;border-radius:0;background:none;--gc:var(--accent)}
.pf-chi .pf-chi-g h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:var(--t-cap);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3,var(--ink-2))}
.pf-chi .pf-chi-g h4::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gc)}
.pf-g-int{--gc:var(--accent)}.pf-g-cer{--gc:#8a4dff}.pf-g-lin{--gc:#2f8cff}
.pf-chi .pf-chi-g .pf-tag-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 13px;border-radius:99px;border:1px solid color-mix(in srgb,var(--gc) 38%,transparent);background:color-mix(in srgb,var(--gc) 15%,var(--surface));color:var(--ink);font-size:var(--t-sm);font-weight:600}
/* «Su di me» come nel mock (v443): a sinistra la presentazione, a destra i dati e le etichette degli interessi; una vista sola */
.pf-chi .pf-chi-corpo{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:900px){.pf-chi .pf-chi-corpo{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px}}
.pf-chi .pf-chi-riga{margin:0 0 10px;font-size:var(--t-lg);line-height:1.3;letter-spacing:-.01em;font-weight:600}
.pf-chi .pf-chi-bio{margin:0;font-size:var(--t-md);line-height:1.55;color:var(--ink-2,var(--ink));max-width:70ch}
.pf-chi .pf-chi-b{display:flex;flex-direction:column;gap:14px;min-width:0}
.pf-fatti{margin:0;display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:var(--t-sm)}
.pf-fatti dt{color:var(--ink-3,var(--ink-2));white-space:nowrap}
.pf-fatti dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.pf-chi .pf-int-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 13px;border-radius:99px;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--ink);font-size:var(--t-sm);font-weight:600}
/* riga o biografia mancanti: invito a scriverle, della stessa altezza del testo che mancherebbe (v443) */
.pf-vuoto-b{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-height:44px;padding:11px 16px;margin:0 0 10px;border:1px dashed color-mix(in srgb,var(--ink) 28%,transparent);border-radius:12px;background:none;color:var(--ink-2,var(--ink));font:inherit;font-weight:600;text-align:left;cursor:pointer}
.pf-vuoto-b:hover{border-color:var(--accent);color:var(--ink)}
.pf-vuoto-bio{min-height:84px;justify-content:center}
.pf-vuoto-bio small{font-weight:400;font-size:var(--t-sm);color:var(--ink-3,var(--ink-2))}
.pf-chi .pf-chi-corpo.solo{grid-template-columns:1fr}
.pf-chi .pf-chi-corpo{align-items:start}
@media (max-width:700px){.pf-chi .pf-chi-testa{align-items:center;gap:10px}.pf-chi .pf-chi-testa .pf-compl{flex:1 1 200px;min-width:0}.pf-chi .pf-chi-testa > .btn{flex:none}}
/* «Cosa vedono gli altri» (v443): un solo foglio al posto delle pillole su ogni blocco */
.lk-ico{margin-left:8px;font-size:var(--t-cap);font-weight:400;vertical-align:middle}
.lk-vista .lk-apri{flex:1 1 100%;justify-content:center;margin-top:4px}
.lk-riga{cursor:pointer}
.lk-riga input{flex:none}
/* segnaposto di ciò che arriva dopo (v443): stessa altezza, così la pagina non salta */
.pf-skel{border-radius:var(--pf-r2,18px);background:linear-gradient(100deg,color-mix(in srgb,var(--ink) 5%,var(--surface)) 30%,color-mix(in srgb,var(--ink) 10%,var(--surface)) 50%,color-mix(in srgb,var(--ink) 5%,var(--surface)) 70%);background-size:200% 100%;animation:pf-sk 1.4s linear infinite;border:1px solid var(--line)}
.pf-skel-s{min-height:430px}.pf-skel-r{min-height:270px}.pf-skel-l{min-height:300px}
@keyframes pf-sk{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.pf-skel{animation:none}}
@media (min-width:1500px){#pf-sez-diario > .pf-cols > .stg-skel{grid-column:span 7}#pf-sez-diario > .pf-cols > .pf-skel-r{grid-column:span 12}}
@media (min-width:1700px){
  .pf-rail .dia-prossimi{order:1}.pf-rail .vm-slot{order:2}.pf-rail .dia-compagni{order:3}.pf-rail .pf-sugg{order:4}.pf-rail .dia-gusti{order:5}.pf-rail .pf-skel-l{order:1}
  #pf-sez-diario > .pf-cols > .dia-prop{grid-column:span 12}
}
/* Storico: il passaporto in testa a tutta larghezza */
@media (min-width:1100px){.profile.pf-in-sto .pf-sto > .pf-pass{grid-column:span 12}}
/* la fascia di completamento sul telefono, più compatta */
@media (max-width:700px){.pf-chi .pf-compl{flex-wrap:wrap;gap:4px 10px}.pf-chi .pf-next-step{padding:0 12px}}

/* ===== COPPIA: la frase, «Idee per voi due», «Quando esce» (v445, js/coppia.js) ===== */
.cp-eb{font-size:var(--t-cap);letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--ink-3,var(--ink-2))}
.cp-data{width:52px;height:56px;border-radius:13px}
.cp-av{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--surface);background:var(--surface-2)}
.cp-pair{display:flex;flex:none}.cp-pair .cp-av + .cp-av{margin-left:-16px}
.pf-sec.cp-duo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 20px;align-items:center;width:100%;padding:18px 20px;border-radius:var(--pf-r3,24px);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--surface)),color-mix(in srgb,var(--accent) 4%,var(--surface)))}
.cp-duo-t{min-width:0;display:flex;flex-direction:column;gap:6px}
.cp-head{margin:0;font-size:var(--t-lg);line-height:1.15;font-weight:700;letter-spacing:-.02em;text-wrap:balance}
.cp-head b{color:var(--accent)}
.cp-sub{margin:0;color:var(--ink-2);font-size:var(--t-sm)}
.cp-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.cp-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:99px;font-size:var(--t-cap);font-weight:600;background:color-mix(in srgb,var(--ink) 8%,var(--surface));border:1px solid var(--line)}
.cp-meet{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:var(--pf-r2,18px);border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 5%,var(--surface))}
.cp-meet-b,.cp-idea-b{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.cp-meet-t,.cp-idea-t{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}
.cp-meet-t strong,.cp-idea-t strong{font-size:var(--t-md);overflow-wrap:anywhere}
.cp-meet-t small,.cp-idea-t small{color:var(--ink-3,var(--ink-2));font-size:var(--t-cap)}
.cp-duo-vuota .cp-head{font-size:var(--t-lg)}
@media (min-width:1100px){.pf-sec.cp-duo{grid-template-columns:auto minmax(0,1fr) minmax(250px,320px)}.cp-meet{grid-column:auto}.cp-head{font-size:var(--t-xl)}}
.pf-sec.cp-idee{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:18px 20px}
.cp-idee > *{align-self:stretch;max-width:none}
.cp-hd{display:flex;align-items:center;justify-content:space-between;gap:10px}.cp-hd h3{margin:0}
.cp-n{display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:99px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));font-size:var(--t-cap);font-weight:600}
.cp-sotto{margin:0;color:var(--ink-2);font-size:var(--t-sm)}
.cp-idee-l{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.cp-idea{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:var(--pf-r2,18px);border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 5%,var(--surface))}
.cp-idea.best{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.cp-why{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;margin-top:auto}
.cp-why li{display:flex;gap:8px;font-size:var(--t-sm);color:var(--ink-2);line-height:1.25}.cp-why li::before{content:"✓";color:var(--ok,#2a9d6f);font-weight:700;flex:none}
.cp-idea .btn{width:100%;justify-content:center;min-height:46px}
.cp-priv{margin:2px 0 0;font-size:var(--t-cap);color:var(--ink-3,var(--ink-2))}
.cp-io{align-self:center}
.cp-chi .pf-int-chip.cp-comune,.pf-int-chip.cp-comune{background:var(--accent);border-color:transparent;color:var(--accent-ink,#fff);font-weight:700}
.cp-leg-int{margin:0}
.pf-cols:has(.cp-quando:not([hidden])) > .cp-chi{grid-column:auto}
.pf-sec.cp-quando{align-items:stretch}
.pf-cols:has(.cp-quando:not([hidden])) .cp-chi .pf-chi-corpo{grid-template-columns:minmax(0,1fr)}
.cp-chi .pf-chi-corpo > *,.cp-chi .pf-chi-b > *{min-width:0}
.cp-chi .pf-tags{display:flex;flex-wrap:wrap;gap:7px}
.cp-frase{margin:0;font-size:var(--t-ti);font-weight:600;line-height:1.25;text-wrap:balance}.cp-frase em{font-style:normal;color:var(--accent)}
.cp-sett{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;height:118px}
.cp-g{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:4px;height:100%;text-align:center;font-size:var(--t-cap);color:var(--ink-3,var(--ink-2))}
.cp-g-b{display:block;height:var(--h,4px);border-radius:8px 8px 3px 3px;background:color-mix(in srgb,var(--ink) 22%,var(--surface));border-bottom:2px solid color-mix(in srgb,var(--ink) 40%,var(--surface));position:relative}
.cp-g.ins .cp-g-b{background:var(--accent);border-bottom-color:var(--accent)}.cp-g.ins .cp-g-l{color:var(--ink);font-weight:700}
.cp-g.mio .cp-g-b::after{content:"";position:absolute;left:50%;top:-8px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--ok,#2a9d6f);box-shadow:0 0 0 2px var(--surface)}
.cp-leg{display:flex;gap:14px;flex-wrap:wrap;margin:8px 0 0;font-size:var(--t-cap);color:var(--ink-2)}
.cp-l1::before,.cp-l2::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px;background:color-mix(in srgb,var(--ink) 30%,var(--surface))}.cp-l2::before{background:var(--ok,#2a9d6f)}
/* le tre azioni sotto il nome: Usciamo insieme (forte), Segui, Scrivi; «Segnala o blocca» in piccolo (v445) */
.cp-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.cp-acts .inv-riga{display:contents}
.cp-acts .inv-b{grid-column:1/-1;min-height:50px;font-size:var(--t-md);border-radius:999px;justify-content:center}
.cp-acts .sg-pulsante,.cp-acts .sg-pulsante .pf-actions{display:contents}
.cp-acts .sg-pulsante .btn,.cp-acts .cp-az-s .btn{width:100%;min-height:46px;border-radius:999px;justify-content:center}
.cp-acts .sg-pulsante .btn.primary{background:var(--surface-2,var(--surface));color:var(--ink);border:1px solid var(--line);box-shadow:none}
.cp-acts .sg-pulsante > span{grid-column:1/-1}
.cp-acts:not(:has(.sg-pulsante .btn)) .cp-az-s{grid-column:1/-1}
.cp-az-s{display:contents}
.pf-sec.cp-az-a,.profile.pf-a .pf-sec.cp-az-a:not(.dia-unico){padding:0;border:0;background:none;gap:0}
.cp-az-a .pf-pub-altro summary{font-size:var(--t-sm);font-weight:600;color:var(--ink-3,var(--ink-2))}
@media (max-width:1099px){
  .cp-acts.cp-barra{position:sticky;bottom:0;z-index:15;grid-template-columns:minmax(0,1fr) auto;margin:6px -6px 0;padding:10px 6px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent,var(--bg,var(--surface)) 28%)}
  .cp-acts.cp-barra .inv-b{grid-column:auto;min-height:50px!important}
  .cp-acts.cp-barra .cp-az-s .btn{width:auto;min-height:50px!important;padding:0 20px}
}
@media (max-width:700px){body:has(#bottomnav:not([hidden])) .cp-acts.cp-barra{bottom:calc(76px + env(safe-area-inset-bottom,0px));padding-bottom:10px;margin-bottom:6px}}
/* ===== «Questa settimana» e «Una cosa da fare» (v445, js/settimana.js) ===== */
.sm-blocco{display:contents}
.pf-sec.sm-sett,.pf-sec.sm-todo{width:100%;align-items:stretch}
.sm-hd{display:flex;align-items:center;justify-content:space-between;gap:10px}.sm-hd h3{margin:0}
.sm-wk{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.sm-g{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:104px;min-width:0;padding:10px 11px;border-radius:var(--pf-r1,12px);border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 5%,var(--surface));color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.sm-g[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}
.sm-g.occ{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}
.sm-dn{font-size:var(--t-cap);letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink-3,var(--ink-2))}.sm-g.oggi .sm-dn{color:var(--accent)}
.sm-dd{font-size:var(--t-xl);font-weight:700;line-height:1}
.sm-ev{font-size:var(--t-cap);line-height:1.2;font-weight:600;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sm-lib{font-size:var(--t-cap);color:var(--ink-3,var(--ink-2))}
.sm-id{margin-top:auto;font-size:var(--t-cap);font-weight:700;color:var(--ok,#2a9d6f)}
.sm-pan{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.sm-q{margin:0;font-size:var(--t-cap);letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink-3,var(--ink-2))}
.sm-riga{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--pf-r1,12px);border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 5%,var(--surface))}
.sm-ic{flex:none;font-size:var(--t-lg);width:30px;text-align:center}
.sm-rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.2}.sm-rt strong{font-size:var(--t-sm);overflow-wrap:anywhere}.sm-rt small{font-size:var(--t-cap);color:var(--ink-3,var(--ink-2))}
.sm-vuoto{margin:0}
.pf-sec.sm-todo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px 18px;align-items:center;padding:16px 20px;border-radius:var(--pf-r3,24px);border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface))}
.pf-sec.sm-todo[hidden]{display:none}
.sm-todo-t{min-width:0;display:flex;flex-direction:column;gap:3px}.sm-todo-t h3{margin:0;font-size:var(--t-lg)}.sm-todo-t p{margin:0;color:var(--ink-2);font-size:var(--t-sm)}
.sm-todo-az{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sm-todo-az .inv-b{width:auto}
@media (max-width:700px){
  .sm-wk{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:8px;margin:0 -4px;padding:2px 4px 6px;scrollbar-width:none}.sm-wk::-webkit-scrollbar{display:none}
  .sm-g{flex:none;width:78px;scroll-snap-align:start}
  .pf-sec.sm-todo{grid-template-columns:auto minmax(0,1fr)}.sm-todo-az{grid-column:1/-1}.sm-todo-az .inv-b{flex:1}
  .sm-riga{flex-wrap:wrap}.sm-riga .btn{margin-left:auto}
}
.pf-cols .sm-blocco > .pf-sec{grid-column:1/-1}
.sm-riga .btn.small,.sm-todo-az .btn.small{min-height:44px}

/* schede del telefono sul profilo di un'altra persona: Insieme · Chi è · Ricordi (v446) */
.cp-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,var(--surface))}
.cp-tabs .tab{min-height:44px;padding:0 8px;font-size:var(--t-sm);font-weight:600;text-align:center;overflow-wrap:anywhere}
.cp-tabs .tab[aria-selected="true"]{background:var(--ink);color:var(--surface);box-shadow:0 2px 8px color-mix(in srgb,var(--ink) 25%,transparent)}
.cp-pan{display:flex;flex-direction:column;gap:14px;min-width:0}.cp-pan[hidden]{display:none}
.cp-tab-vuoto{margin:4px 0}.cp-tab-vuoto[hidden]{display:none}

/* ---- v447: fondamenta grafiche del profilo (docs/registro.md, voce 781) ----
   scala dei testi: le variabili --t-cap … --t-num stanno su :root in css/style.css (7 misure); <small> senza misura prendeva «smaller» del browser (12,5 px) */
:where(.profile) small{font-size:var(--t-cap)}
/* superfici: pagina · scheda · incavo. Le righe dentro una scheda sono incavi (fondo leggero, niente bordo), mai una scheda dentro una scheda */
.dia-con-r,.cp-idea,.pf-sugg-p{border-color:transparent}
/* contrasto su tutti i temi: le etichette in maiuscolo e «Scegli le tue 3» stanno anche sul fondo della pagina (in Poster a macchie colorate): grigio più scuro */
.profile.pf-a .pf-blocco-t,.vm-eb{color:var(--ink-2)}
.vm-scegli{color:var(--ink)}
/* bersagli: «Io / Un altro membro» si tocca bene anche sul telefono */
.lk-seg button{min-height:44px}


/* ---- v448: il proprio profilo a quattro schede (Prossimi · Stagione · Su di me · Medaglie), una alla volta; voce 782 ---- */
@media (min-width:1700px){.profile.pf-a.pf-4{grid-template-columns:370px minmax(0,1fr)}}   /* niente più terza colonna: i blocchi stanno nelle schede */
.pf-tabs4-r{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:6px 0 10px}
.pf-tabs4{display:flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--line);background:var(--surface);overflow-x:auto;scrollbar-width:none;flex:1 1 420px;max-width:640px}
.pf-tabs4::-webkit-scrollbar{display:none}
.pf-tabs4 .tab{flex:1 0 auto;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font:inherit;font-size:var(--t-sm);font-weight:600;white-space:nowrap;cursor:pointer}
.pf-tabs4 .tab[aria-selected="true"]{background:var(--ink);color:var(--surface)}
.pf-tabs4-vis:empty{display:none}
.pf-pan4[hidden]{display:none}
.pf-slot{display:contents}
.profile.pf-a .pf-pan4 .pf-slot > *{width:100%;max-width:none;box-sizing:border-box}
.pf-pan4 .dia-sez{background:var(--pf-s1,var(--surface));border:1px solid var(--line);border-radius:var(--pf-r2,18px);padding:20px 22px;margin:0}
.pf-pan4 .dia-sez h3{margin:0 0 12px;font-size:var(--t-lg);letter-spacing:-.02em}
@media (min-width:1500px){
  .profile.pf-a .pf-pan4 .pf-slot > *{grid-column:span 12}
  #pf-sez-attivita > .pf-cols > .stg-sez{grid-column:span 7;align-self:stretch}
  #pf-sez-attivita > .pf-cols > .cal2{grid-column:span 5;align-self:stretch}
  #pf-sez-attivita > .pf-cols > .stg-sez[hidden] + .cal2{grid-column:span 12}
  #pf-sez-attivita > .pf-cols > .pf-pass{grid-column:span 12}
}
/* «Persone»: una lista sola con due viste */
.pf-sec.pr-pers{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.pf-sec.pr-pers[hidden]{display:none}
.pr-seg{display:flex;gap:4px;padding:3px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2)}
.pr-seg button{flex:1;min-height:44px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font:inherit;font-weight:600;font-size:var(--t-sm);cursor:pointer}
.pr-seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.pr-seg button:disabled{opacity:.55;cursor:default}
.pr-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pr-r{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line)}
.pr-r:first-child{border-top:0}
.pr-chi{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:48px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.pr-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--surface-2)}
.pr-t{display:flex;flex-direction:column;min-width:0;line-height:1.25}.pr-t strong{font-size:var(--t-md)}.pr-t small{font-size:var(--t-cap)}
.pr-r .inv-b{flex:none;width:auto;min-height:44px;padding:0 14px;font-size:var(--t-sm)}
/* «Tutto quello che hai fatto»: gli elenchi dello Storico, chiusi in fondo a «Stagione» */
.pf-tutto{grid-column:1/-1}
.pf-tutto > summary{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;cursor:pointer;list-style:none;max-width:100%}
.pf-tutto > summary::-webkit-details-marker{display:none}
.pf-tutto > summary::after{content:"▾"}.pf-tutto[open] > summary::after{content:"▴"}
.pf-tutto-c{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;margin-top:14px}
.pf-vis-riga .pf-actions{margin-top:4px}
@media (min-width:1100px){.pf-menu-l .pf-solo-tel{display:none}}
@media (max-width:1099px){
  .pf-tabs4-r{padding:6px 0 8px}
  .pf-tabs4{flex:1 1 100%;max-width:none}
  .pf-tabs4 .tab{padding:0 12px}
  .pf-tabs4-vis{display:none}   /* sul telefono «Come ti vedono» sta nel menu ⋯ */
}
.pf-tabs4-vis .lk-apri{display:none}   /* accanto alle schede basta «Io / Un altro membro»: l'elenco di chi vede cosa sta in «Su di me» */
.pf-tabs4-vis .lk-vista{margin:0}
.pf-sec.pf-vis-riga{align-items:flex-start;text-align:left}
.pf-sec.sg-solo-richieste{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}   /* «Vogliono seguirti» in cima a «Prossimi»: è una cosa da fare */
/* v448: le richieste di seguirti ben visibili */
.me-link{position:relative}
.me-link .me-badge{position:absolute;top:-4px;left:22px;min-width:18px;height:18px;line-height:18px;padding:0 5px;font-size:var(--t-cap);font-weight:700;box-shadow:0 0 0 2px var(--surface)}
.pf-sec.sg-avviso{margin:0 0 14px;border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}
.sg-avviso h3{font-size:var(--t-ti)}
.sg-avviso{grid-column:1/-1;width:100%;max-width:720px;box-sizing:border-box}   /* nell'elenco a schede occupa tutta la riga, non una colonna stretta */
.sg-avviso .sg-riga{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.sg-avviso .sg-az{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}

/* ---- v450: «Stagione» compatta (voce 784) ---- */
#pf-sez-attivita .stg-barre,#pf-sez-eventi .stg-barre{display:none}   /* il calendario delle serate qui accanto mostra già quando sei uscito: niente secondo grafico */
#pf-sez-attivita .dia-polas{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:14px;padding:6px 4px 12px;scrollbar-width:thin}
#pf-sez-attivita .dia-pola{flex:0 0 150px;scroll-snap-align:start}
.pf-apri-cartina{align-self:flex-start;min-height:44px}
@media (min-width:1500px){
  #pf-sez-attivita > .pf-cols:has(.dia-proposte) > .pf-pass{grid-column:span 5}
  #pf-sez-attivita > .pf-cols > .pf-slot-prop > .dia-proposte{grid-column:span 7}
}
@media (min-width:1100px){   /* da 1100 px la stagione e il calendario stanno affiancati (prima solo da 1500) */
  #pf-sez-attivita > .pf-cols{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start}
  #pf-sez-attivita > .pf-cols > *,#pf-sez-attivita > .pf-cols > .pf-slot > *{grid-column:span 12}
  #pf-sez-attivita > .pf-cols > .stg-sez,#pf-sez-attivita > .pf-cols > .pf-skel-s{grid-column:span 7;align-self:stretch}
  #pf-sez-attivita > .pf-cols > .cal2{grid-column:span 5;align-self:stretch}
  #pf-sez-attivita > .pf-cols > .stg-sez[hidden] + .cal2{grid-column:span 12}
  #pf-sez-attivita > .pf-cols:has(.dia-proposte) > .pf-pass{grid-column:span 5}
  #pf-sez-attivita > .pf-cols > .pf-slot-prop > .dia-proposte{grid-column:span 7}
}
#pf-sez-attivita .cal2-box,#pf-sez-eventi .cal2-box{max-width:620px}   /* quadratini piccoli anche quando il calendario ha tutta la riga */

/* ---- v451: riquadri più corti nel proprio profilo («i riquadri sono troppo lunghi») ---- */
.profile.pf-a.pf-4 .pf-sec{padding:16px 18px;gap:10px}
.profile.pf-a.pf-4 .pf-sec > p.muted.small{display:none}   /* le frasi di spiegazione sotto i titoli (distintivi, qualità, cerco compagnia) */
.profile.pf-a.pf-4 .pf-badges{display:flex;flex-wrap:wrap;gap:8px}
.profile.pf-a.pf-4 .pf-badge{flex-direction:row;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 4px;border-radius:999px;width:auto}
.profile.pf-a.pf-4 .pf-badge .pf-badge-i{width:36px;height:36px;font-size:var(--t-lg);display:grid;place-items:center;flex:none}
.profile.pf-a.pf-4 .pf-badge strong{font-size:var(--t-sm)}
.profile.pf-a.pf-4 .pf-badge.ok small{display:none}
.profile.pf-a.pf-4 .pf-badge:not(.ok) small{font-size:var(--t-cap)}
.profile.pf-a.pf-4 .pf-traguardo{margin:0;padding:10px 14px;gap:10px}
.profile.pf-a.pf-4 .sf-carte{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px}
.profile.pf-a.pf-4 .sf-carta{padding:8px 12px;margin:0}
.profile.pf-a.pf-4 .dia-next{padding:10px 12px;gap:6px;margin:0 0 6px}
.profile.pf-a.pf-4 .dia-carta{padding:8px 10px;gap:6px;width:min(220px,70%)}
.profile.pf-a.pf-4 .stg-in{padding:10px 12px}
.profile.pf-a.pf-4 .stg-ins{gap:8px}
.profile.pf-a.pf-4 .dia-pola{flex:0 0 118px;padding:6px 6px 8px;gap:5px}
.profile.pf-a.pf-4 .dia-pola-ph{aspect-ratio:16/9;font-size:var(--t-lg)}
.profile.pf-a.pf-4 .pf-timbro{max-width:84px}
.profile.pf-a.pf-4 .sm-g{min-height:72px;padding:8px 9px}
.profile.pf-a.pf-4 .pf-stats .pf-stat{padding:8px 10px}
.profile.pf-a.pf-4 .dia-next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:8px 12px;border-radius:var(--pf-r1,14px)}
.profile.pf-a.pf-4 .dia-next-q{grid-column:1/-1;margin:0;font-size:var(--t-cap)}
.profile.pf-a.pf-4 .dia-next-f{gap:8px}.profile.pf-a.pf-4 .dia-next-f .dia-pila-g{display:none}
.profile.pf-a.pf-4 .dia-poi{display:none}
.profile.pf-a.pf-4 .dia-prossimi .dia-scroll{margin-top:6px}
.profile.pf-a.pf-4 .cal2-leg{display:none}

/* ---- v451: il proprio profilo «stile social» (mockup approvato il 27/10/2026, voce 787): intestazione grande in cima, sotto Attività · Persone · Medaglie ---- */
.profile.pf-a.pf-soc{display:flex;flex-direction:column;gap:14px;width:100%;max-width:1240px;margin-inline:auto;box-sizing:border-box}
.profile.pf-a.pf-soc > .back{align-self:flex-start;margin:0}
.profile.pf-a.pf-soc .pf-side{position:static;max-height:none;overflow:visible;width:100%}
.profile.pf-a.pf-soc .pf-main{gap:14px;width:100%}
.profile.pf-a.pf-soc > .pf-sec,.profile.pf-a.pf-soc > .pf-banner{margin:0;max-width:none;width:100%;box-sizing:border-box}
.profile.pf-a.pf-soc .pf-hero{position:relative;display:grid;grid-template-areas:none;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:4px 32px;padding:0 24px 20px;border-radius:var(--pf-r2,20px)}
.profile.pf-a.pf-soc .pf-hero > .pf-cover{grid-column:1/-1;height:110px;margin:0 -24px}
.profile.pf-a.pf-soc .pf-hero > .pf-head{grid-column:1;display:flex;flex-direction:row;align-items:flex-start;gap:22px;margin-top:-50px;min-width:0}
.profile.pf-a.pf-soc .pf-hero .pf-av{width:124px;height:124px;flex:none}
.profile.pf-a.pf-soc .pf-hero .pf-head .pf-id{padding-top:60px;min-width:0;flex:1;display:flex;flex-direction:column;gap:8px}
.profile.pf-a.pf-soc .pf-hero .pf-id h2{margin:0;font-size:var(--t-xl);line-height:1.05}
.profile.pf-a.pf-soc .pf-hero .pf-id > .pf-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.profile.pf-a.pf-soc .pf-hero .pf-id > .pf-chips .pf-int{display:contents}
.profile.pf-a.pf-soc .pf-hero > .pf-hero-r{grid-column:2;display:flex;flex-direction:column;gap:12px;padding-top:18px;min-width:0}
.profile.pf-a.pf-soc .pf-hero > .pf-tabs4-vis{position:absolute;top:14px;right:16px;z-index:2}
/* «Chi sono» dentro l'intestazione, senza riquadro (anche mentre carica) */
.profile.pf-a.pf-soc .pf-hero .pf-chi > h3{display:none}
.profile.pf-a.pf-soc .pf-hero .pf-chi{padding:0;margin:0;border:0;background:none;box-shadow:none;display:flex;flex-direction:column;gap:8px}
.profile.pf-a.pf-soc .pf-hero .pf-chi-testa{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.profile.pf-a.pf-soc .pf-hero .pf-chi-testa > h3{display:none}
.profile.pf-a.pf-soc .pf-hero .pf-chi-testa > .btn{display:none}   /* «Modifica profilo» sta a destra, una volta sola */
.profile.pf-a.pf-soc .pf-hero .pf-chi-corpo{display:flex;flex-direction:column;gap:8px}
.profile.pf-a.pf-soc .pf-hero .pf-chi-a,.profile.pf-a.pf-soc .pf-hero .pf-chi-b{display:flex;flex-direction:column;gap:6px;min-width:0}
.profile.pf-a.pf-soc .pf-hero .pf-chi-riga{margin:0;font-size:var(--t-lg);font-weight:700;line-height:1.25;max-width:46ch}
.profile.pf-a.pf-soc .pf-hero .pf-chi-bio{margin:0;color:var(--ink-2);font-size:var(--t-sm);max-width:65ch}
.profile.pf-a.pf-soc .pf-hero .pf-fatti{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0}
.profile.pf-a.pf-soc .pf-hero .pf-fatti dt{font-size:var(--t-cap);color:var(--ink-3);font-weight:600}
.profile.pf-a.pf-soc .pf-hero .pf-fatti dd{margin:0 10px 0 0;font-size:var(--t-sm)}
.profile.pf-a.pf-soc .pf-hero .pf-tags{display:flex;flex-wrap:wrap;gap:6px}
/* a destra: numeri, livello, medaglie preferite, azioni */
.profile.pf-a.pf-soc .pf-hero-r > .pf-strip{display:flex;gap:22px;margin:0;padding:0;border:0;background:none}
.profile.pf-a.pf-soc .pf-hero-r > .pf-strip .pf-sb{padding:0;border:0;background:none;align-items:flex-start;text-align:left;min-width:0}
.profile.pf-a.pf-soc .pf-hero-r > .pf-liv{margin:0;max-width:none}
.profile.pf-a.pf-soc .pf-hero-r .pf-liv-s{display:none}
.profile.pf-a.pf-soc .pf-hero-r .vm{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:0;margin:0;border:0;background:none;box-shadow:none}
.profile.pf-a.pf-soc .pf-hero-r .vm-eb{display:none}
.profile.pf-a.pf-soc .pf-hero-r .vm-riga-m{display:flex;gap:6px}
.profile.pf-a.pf-soc .pf-hero-r .vm-medal{display:block;width:auto;flex:none}
.profile.pf-a.pf-soc .pf-hero-r .vm-disc{width:44px;height:44px;font-size:var(--t-lg)}
.profile.pf-a.pf-soc .pf-hero-r .vm-nome{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.profile.pf-a.pf-soc .pf-hero-r .vm-scegli{min-height:44px;font-size:var(--t-sm)}
.profile.pf-a.pf-soc .pf-hero-r > .pf-hero-az{display:flex;flex-wrap:nowrap;gap:8px;margin:0;position:static}
.profile.pf-a.pf-soc .pf-hero-r > .pf-hero-az .pf-az-mod{flex:1;justify-content:center}
.profile.pf-a.pf-soc .pf-hero-r > .pf-hero-az .pf-az-imp{width:44px;padding:0;flex:none;justify-content:center}
/* schede a linguetta, come in un profilo social */
.profile.pf-a.pf-soc .pf-main > .pf-sticky{margin-top:0}
.profile.pf-a.pf-soc .pf-hero-r .vm-riga-m{justify-content:flex-start}
.profile.pf-a.pf-soc .pf-sticky{background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.profile.pf-a.pf-soc .pf-tabs4-r{padding:0;border-bottom:1px solid var(--line)}
.profile.pf-a.pf-soc .pf-tabs4{flex:1 1 auto;max-width:none;gap:2px;padding:0;border:0;border-radius:0;background:none}
.profile.pf-a.pf-soc .pf-tabs4 .tab{flex:0 0 auto;min-height:48px;padding:0 18px;border-radius:0;border-bottom:3px solid transparent;font-size:var(--t-md);font-weight:700}
.profile.pf-a.pf-soc .pf-tabs4 .tab[aria-selected="true"]{background:none;color:var(--ink);border-bottom-color:var(--accent)}
/* «Poi»: gli appuntamenti oltre la settimana, in fondo a «Questa settimana» */
.pf-poi{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;margin-top:4px;border-top:1px solid var(--line)}
.pf-poi[hidden]{display:none}
.pf-poi-k{font-size:var(--t-cap);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.pf-poi-b{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;font-size:var(--t-sm);cursor:pointer;max-width:100%}
.pf-poi-b b{color:var(--accent-text,var(--accent))}
/* stagione e calendario affiancati */
.pf-stg2{display:flex;flex-direction:column;gap:14px;min-width:0}
@media (min-width:1100px){
  .pf-stg2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:stretch}
  .pf-stg2 > [hidden]{display:none}
  .pf-stg2 > .stg-sez[hidden] ~ .cal2,.pf-stg2 > .cal2:only-child{grid-column:1/-1}
  .profile.pf-a.pf-soc #pf-sez-persone > .pf-cols,.profile.pf-a.pf-soc #pf-sez-medaglie > .pf-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
  .profile.pf-a.pf-soc #pf-sez-persone > .pf-cols > *,.profile.pf-a.pf-soc #pf-sez-medaglie > .pf-cols > *,.profile.pf-a.pf-soc #pf-sez-persone > .pf-cols > .pf-slot > *{grid-column:auto;width:100%}
  .profile.pf-a.pf-soc #pf-sez-medaglie > .pf-cols > .pf-dist,.profile.pf-a.pf-soc #pf-sez-medaglie > .pf-cols > .pf-stats,.profile.pf-a.pf-soc #pf-sez-medaglie > .pf-cols > .pf-grazie,.profile.pf-a.pf-soc #pf-sez-persone > .pf-cols > .com-mie{grid-column:1/-1}
}
@media (max-width:1099px){
  .profile.pf-a.pf-soc .pf-hero{grid-template-columns:minmax(0,1fr);padding:0 16px 16px}
  .profile.pf-a.pf-soc .pf-hero > .pf-cover{height:84px;margin:0 -16px}
  .profile.pf-a.pf-soc .pf-hero > .pf-head{flex-direction:column;gap:8px;margin-top:-44px}
  .profile.pf-a.pf-soc .pf-hero .pf-av{width:92px;height:92px}
  .profile.pf-a.pf-soc .pf-hero .pf-head .pf-id{padding-top:0;width:100%}
  .profile.pf-a.pf-soc .pf-hero > .pf-hero-r{grid-column:1;padding-top:8px}
  .profile.pf-a.pf-soc .pf-tabs4 .tab{flex:1 0 auto;padding:0 10px}
}
.profile.pf-a.pf-soc .sf-carte{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px}
.profile.pf-a.pf-soc .sf-carta{max-width:none;width:auto}
.profile.pf-a.pf-soc .pf-timbro{max-width:112px}
.pf-poi-b{display:inline-block;line-height:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* v451: da computer foto e nome stanno in alto affiancati; «Chi sono» (riga, biografia, dati, interessi) parte da sotto la foto e usa tutta la larghezza a sinistra */
@media (min-width:1100px){
  .profile.pf-a.pf-soc .pf-hero > .pf-head{display:grid;grid-template-columns:124px minmax(0,1fr);column-gap:22px;row-gap:6px;align-items:end}
  .profile.pf-a.pf-soc .pf-hero > .pf-head > :first-child{grid-column:1;grid-row:1/3;align-self:start}
  .profile.pf-a.pf-soc .pf-hero .pf-head > .pf-id{display:contents}
  .profile.pf-a.pf-soc .pf-hero .pf-id > h2{grid-column:2;grid-row:1;margin-top:58px}
  .profile.pf-a.pf-soc .pf-hero .pf-id > .pf-chips{grid-column:2;grid-row:2;align-self:start}
  .profile.pf-a.pf-soc .pf-hero .pf-id > .pf-chi{grid-column:1/-1;grid-row:3;margin-top:12px}
  .profile.pf-a.pf-soc .pf-hero .pf-chi-riga{max-width:none}
}
.profile.pf-a.pf-4 .sf-sez > p.muted.small{display:block}   /* i giorni che mancano e quante sfide hai fatto restano in vista */
/* v451: intestazione più bassa — medaglie preferite e «Scegli le tue 3» in una riga; completezza del profilo in una riga */
.profile.pf-a.pf-soc .pf-hero-r .vm{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}
.profile.pf-a.pf-soc .pf-hero-r .vm-scegli{align-self:center;padding:0 6px}
.profile.pf-a.pf-soc .pf-hero .pf-compl{flex-wrap:nowrap;gap:8px 12px}
.profile.pf-a.pf-soc .pf-hero .pf-compl .pf-prog{flex:0 0 90px}
.profile.pf-a.pf-soc .pf-hero .pf-compl > span{white-space:nowrap}
@media (max-width:1099px){   /* telefono e tablet: foto piccola accanto al nome, «Chi sono» sotto a tutta larghezza */
  .profile.pf-a.pf-soc .pf-hero > .pf-head{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:end;margin-top:-34px}
  .profile.pf-a.pf-soc .pf-hero > .pf-head > :first-child{grid-column:1;grid-row:1/3;align-self:start;width:76px;height:76px}
  .profile.pf-a.pf-soc .pf-hero .pf-head > .pf-id{display:contents}
  .profile.pf-a.pf-soc .pf-hero .pf-id > h2{grid-column:2;grid-row:1;margin-top:40px;font-size:var(--t-lg)}
  .profile.pf-a.pf-soc .pf-hero .pf-id > .pf-chips{grid-column:2;grid-row:2;align-self:start}
  .profile.pf-a.pf-soc .pf-hero .pf-id > .pf-chi{grid-column:1/-1;grid-row:3;margin-top:10px}
  .profile.pf-a.pf-soc .pf-hero .pf-chi-riga{font-size:var(--t-md)}
  .profile.pf-a.pf-soc .pf-hero > .pf-hero-r{gap:10px;padding-top:12px}
  .profile.pf-a.pf-soc .pf-hero .pf-compl .pf-next-step{min-height:44px;padding:0 10px}
}
.pf-menu.su .pf-menu-l{top:auto;bottom:calc(100% + 6px)}   /* v451: il menu ⋯ si apre verso l'alto quando sotto non c'è posto */
/* v451: posizioni esplicite nell'intestazione (le regole vecchie davano «grid-area: head/strip/liv»): copertina sopra, poi a sinistra foto+nome+«Chi sono», a destra numeri e azioni; sotto i 1100 px una colonna */
.profile.pf-a.pf-soc .pf-hero > .pf-cover{grid-area:1 / 1 / 2 / -1}
.profile.pf-a.pf-soc .pf-hero > .pf-head{grid-area:2 / 1 / 3 / 2}
.profile.pf-a.pf-soc .pf-hero > .pf-hero-r{grid-area:2 / 2 / 3 / 3}
@media (max-width:1099px){
  .profile.pf-a.pf-soc .pf-hero > .pf-head{grid-area:2 / 1 / 3 / 2}
  .profile.pf-a.pf-soc .pf-hero > .pf-hero-r{grid-area:3 / 1 / 4 / 2}
}
.profile.pf-a.pf-soc .pf-hero-r .vm-riga-m{flex:none;justify-content:flex-start}
.profile.pf-a.pf-soc .pf-hero-r .vm-scegli{white-space:nowrap}
@media (max-width:700px){.profile.pf-a.pf-soc .pf-hero .pf-compl{flex-wrap:wrap;gap:4px 12px}.profile.pf-a.pf-soc .pf-hero .pf-compl .pf-next-step{white-space:nowrap}}

/* ==== v454: il profilo «rifinito» (mockup https://claude.ai/artifact/YLgtYeJuQ7TV7y9fXsxyPR, «molto bene» dell'utente, 27/10/2026) ==== */
.profile.pf-a.pf-soc{--pf-card:var(--surface);--pf-in:color-mix(in srgb,var(--ink) 6%,var(--surface));font-variant-numeric:tabular-nums}
/* un solo tipo di riquadro: stessi angoli, margini e titoli */
.profile.pf-a.pf-soc .pf-pan4 :is(.pf-sec,.dia-sez,.stg-sez,.cal2){background:var(--pf-card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:none;margin:0}
.profile.pf-a.pf-soc .pf-pan4 :is(.pf-sec,.dia-sez,.stg-sez,.cal2) > h3,.profile.pf-a.pf-soc .pf-pan4 .cal2-top h3{margin:0 0 12px;font-family:var(--display,inherit);font-size:var(--t-ti);font-weight:800;letter-spacing:-.01em;text-transform:none;color:var(--ink)}
/* intestazione */
.profile.pf-a.pf-soc .pf-hero{border-radius:24px}
.profile.pf-a.pf-soc .pf-hero > .pf-cover{height:150px;position:relative}
.profile.pf-a.pf-soc .pf-hero > .pf-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,var(--surface));pointer-events:none}
.profile.pf-a.pf-soc .pf-hero .pf-id > h2{font-family:var(--display,inherit);font-size:var(--t-xl);font-weight:800;letter-spacing:-.02em;line-height:1.02}
.profile.pf-a.pf-soc .pf-hero .pf-id > .pf-chips{gap:4px 10px}
.profile.pf-a.pf-soc .pf-hero .pf-id > .pf-chips .pf-chip:first-child{background:none;border:0;padding:0;color:var(--accent);font-weight:700;font-size:var(--t-sm)}
.profile.pf-a.pf-soc .pf-hero .pf-chip-inv{background:var(--ok-soft);color:var(--ok);border:0;font-weight:700;font-size:var(--t-cap);padding:2px 10px}
.profile.pf-a.pf-soc .pf-hero .pf-chi-riga{font-family:var(--display,inherit);font-size:var(--t-lg);font-weight:700;letter-spacing:-.01em;line-height:1.25}
.profile.pf-a.pf-soc .pf-hero .pf-chi-bio{font-size:var(--t-sm);line-height:1.55;max-width:68ch}
.profile.pf-a.pf-soc .pf-hero .pf-fatti{gap:6px 18px}
.profile.pf-a.pf-soc .pf-hero .pf-fatti dt{font-size:var(--t-sm);color:inherit}
.pf-fatto{display:contents}   /* v454: dato e icona insieme (nell'intestazione vanno a capo insieme) */
.profile.pf-a.pf-soc .pf-hero .pf-fatto{display:inline-flex;align-items:baseline;gap:6px}
.profile.pf-a.pf-soc .pf-hero .pf-fatti dd{margin:0;font-size:var(--t-sm);color:var(--ink-2)}
.profile.pf-a.pf-soc .pf-hero .pf-fatti-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.profile.pf-a.pf-soc .pf-hero .pf-tags .pf-tag-chip{background:var(--accent-soft);color:var(--ink);border:0;font-weight:600;font-size:var(--t-sm);padding:5px 12px}
/* «Chi sono»: la completezza diventa una striscia sottile in fondo */
.profile.pf-a.pf-soc .pf-hero .pf-chi{display:flex;flex-direction:column}
.profile.pf-a.pf-soc .pf-hero .pf-chi-corpo{order:1}
.profile.pf-a.pf-soc .pf-hero .pf-chi-testa{order:2;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}
.profile.pf-a.pf-soc .pf-hero .pf-chi-testa:not(:has(.pf-compl)){display:none}
.profile.pf-a.pf-soc .pf-hero .pf-compl{font-size:var(--t-sm);color:var(--ink-2)}
.profile.pf-a.pf-soc .pf-hero .pf-compl .pf-prog{flex:0 0 120px;height:6px}
.profile.pf-a.pf-soc .pf-hero .pf-next-step{border:0;background:none;color:var(--accent);font-weight:700;padding:0 4px}
/* a destra: un pannello unico */
.profile.pf-a.pf-soc .pf-hero > .pf-hero-r{align-self:start;margin-top:18px;padding:18px;border-radius:20px;background:var(--pf-in);border:1px solid var(--line);gap:16px}
.profile.pf-a.pf-soc .pf-hero-r > .pf-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.profile.pf-a.pf-soc .pf-hero-r > .pf-strip .pf-sb{align-items:center;text-align:center}
.profile.pf-a.pf-soc .pf-hero-r > .pf-strip .pf-sb + .pf-sb{border-left:1px solid var(--line)}
.profile.pf-a.pf-soc .pf-hero-r > .pf-strip .pf-sb strong{font-family:var(--display,inherit);font-size:var(--t-xl);font-weight:800;color:var(--ink)}
.profile.pf-a.pf-soc .pf-hero-r > .pf-strip .pf-sb span{font-size:var(--t-cap);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.profile.pf-a.pf-soc .pf-hero-r .pf-liv .pf-prog{height:6px}
.profile.pf-a.pf-soc .pf-hero-r .pf-liv-riga{flex-wrap:nowrap;gap:8px}.profile.pf-a.pf-soc .pf-hero-r .pf-liv-t{font-size:var(--t-sm)}.profile.pf-a.pf-soc .pf-hero-r .pf-liv-n{font-size:var(--t-cap);color:var(--ink-3);white-space:nowrap}
.profile.pf-a.pf-soc .pf-hero-r .vm-riga-m{gap:0}
.profile.pf-a.pf-soc .pf-hero-r .vm-medal + .vm-medal{margin-left:-8px}
.profile.pf-a.pf-soc .pf-hero-r .vm-disc{width:40px;height:40px;box-shadow:0 0 0 2px var(--pf-in)}
.profile.pf-a.pf-soc .pf-hero-r .vm-scegli{text-decoration:none;color:var(--accent);font-weight:700;font-size:var(--t-sm);margin-left:auto}
.profile.pf-a.pf-soc .pf-hero-r .vm-scegli::after{content:" →"}
/* richiesta di seguirti: una riga con il filo colorato */
.profile.pf-a.pf-soc > .sg-solo-richieste{border:1px solid var(--line);border-radius:18px;box-shadow:inset 4px 0 0 var(--accent);padding:12px 16px 12px 20px}
/* schede: indicatore che scorre e numeri discreti */
.profile.pf-a.pf-soc .pf-tabs4 .tab{position:relative;border-bottom:0;color:var(--ink-2);min-height:52px;transition:color .15s}
.profile.pf-a.pf-soc .pf-tabs4 .tab::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--accent);transform:scaleX(0);transition:transform .2s}
.profile.pf-a.pf-soc .pf-tabs4 .tab[aria-selected="true"]{color:var(--ink)}
.profile.pf-a.pf-soc .pf-tabs4 .tab[aria-selected="true"]::after{transform:scaleX(1)}
.profile.pf-a.pf-soc .pf-tabs4 .tab:hover{color:var(--ink)}
.pf-tab-n{margin-left:6px;padding:1px 7px;border-radius:99px;background:var(--pf-in,var(--surface-2));color:var(--ink-2);font-size:var(--t-cap);font-weight:700}
.pf-tab-n:empty{display:none}
@media (prefers-reduced-motion:reduce){.profile.pf-a.pf-soc .pf-tabs4 .tab::after{transition:none}}
/* Attività: la settimana e accanto «Una cosa da fare» */
@media (min-width:1100px){
  .profile.pf-a.pf-soc #pf-sez-attivita .sm-blocco{display:contents}
  .profile.pf-a.pf-soc #pf-sez-attivita > .pf-cols > .sm-blocco > .sm-sett{grid-column:span 8;order:1}
  .profile.pf-a.pf-soc #pf-sez-attivita > .pf-cols > .sm-blocco > .sm-todo{grid-column:span 4;order:2;align-self:start}
  .profile.pf-a.pf-soc #pf-sez-attivita > .pf-cols > .pf-stg2{order:3}
  .profile.pf-a.pf-soc #pf-sez-attivita > .pf-cols > .pf-slot > *{order:4}
  .profile.pf-a.pf-soc #pf-sez-attivita > .pf-cols > .pf-tutto{order:5}
  .profile.pf-a.pf-soc #pf-sez-attivita .pf-sec.sm-todo{grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;padding:20px}
  .profile.pf-a.pf-soc #pf-sez-attivita .sm-todo-t{display:contents}
  .profile.pf-a.pf-soc #pf-sez-attivita .sm-todo .cp-eb{grid-column:1/-1;grid-row:1}
  .profile.pf-a.pf-soc #pf-sez-attivita .sm-todo .cp-av{grid-column:1;grid-row:2;width:44px;height:44px}
  .profile.pf-a.pf-soc #pf-sez-attivita .sm-todo h3{grid-column:2;grid-row:2;align-self:center;margin:0;font-size:var(--t-md)}
  .profile.pf-a.pf-soc #pf-sez-attivita .sm-todo-t > :not(.cp-eb):not(h3):not(.sm-todo-az){grid-column:1/-1}
  .profile.pf-a.pf-soc #pf-sez-attivita .sm-todo-az{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;gap:6px}
  .profile.pf-a.pf-soc #pf-sez-attivita .sm-todo-az > *{width:100%;justify-content:center}
}
.profile.pf-a.pf-soc .sm-todo{background:linear-gradient(160deg,var(--accent-soft),var(--surface) 70%);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.profile.pf-a.pf-soc .sm-g{position:relative;min-height:72px;align-items:center;text-align:center;justify-content:flex-start;gap:2px;padding:8px 4px}
.profile.pf-a.pf-soc .sm-g .sm-dn{font-size:var(--t-cap);letter-spacing:.08em}
.profile.pf-a.pf-soc .sm-g .sm-dd{font-family:var(--display,inherit);font-size:var(--t-lg);font-weight:800}
.profile.pf-a.pf-soc .sm-g :is(.sm-ev,.sm-lib,.sm-id){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.profile.pf-a.pf-soc .sm-g::after{content:"";width:6px;height:6px;border-radius:50%;margin-top:4px;background:transparent}
.profile.pf-a.pf-soc .sm-g.occ::after{background:var(--accent)}
.profile.pf-a.pf-soc .sm-g:not(.occ):has(.sm-id)::after{background:var(--ok)}
.profile.pf-a.pf-soc .sm-g.occ{background:var(--pf-in)}
/* «Più avanti» */
.profile.pf-a.pf-soc .pf-poi{flex-direction:column;align-items:stretch;gap:0}
.profile.pf-a.pf-soc .pf-poi-k{padding:4px 0 6px}
.profile.pf-a.pf-soc .pf-poi-b{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:0;padding:8px 6px;margin:0 -6px;line-height:1.3;border:0;border-radius:12px;background:none;text-align:left;white-space:normal;overflow:visible}
.profile.pf-a.pf-soc .pf-poi-b:hover{background:var(--pf-in)}
.pf-poi-d{display:flex;flex-direction:column;align-items:center;justify-content:center;height:48px;border-radius:12px;background:var(--pf-in,var(--surface-2));border:1px solid var(--line);line-height:1}
.pf-poi-d b{font-family:var(--display,inherit);font-size:var(--t-ti);font-weight:800;color:var(--ink)}
.pf-poi-d small{font-size:var(--t-cap);text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--accent)}
.pf-poi-t{display:flex;flex-direction:column;min-width:0}
.pf-poi-t b{font-size:var(--t-sm);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-poi-t small{font-size:var(--t-cap);color:var(--ink-3)}
.pf-poi-ok{font-size:var(--t-cap);font-weight:700;color:var(--ok);background:var(--ok-soft);padding:3px 9px;border-radius:99px}
.pf-poi-n{align-self:flex-start;min-height:44px;padding:0 2px;border:0;background:none;color:var(--accent);font:inherit;font-size:var(--t-sm);font-weight:700;cursor:pointer}
.pf-poi-n::after{content:" →"}
/* la stagione e il calendario in un riquadro solo */
.profile.pf-a.pf-soc .pf-stg2{background:var(--pf-card);border:1px solid var(--line);border-radius:20px;padding:20px}
.profile.pf-a.pf-soc .pf-stg2 > :is(.stg-sez,.cal2){background:none;border:0;padding:0;border-radius:0}
.profile.pf-a.pf-soc .pf-stg2 .stg-in{background:var(--pf-in);border:0;border-radius:14px}
/* ricordi: carte scure con l'immagine, non polaroid bianche */
.profile.pf-a.pf-soc .dia-pola{background:none;box-shadow:none;border:0;padding:0;transform:none;color:var(--ink);gap:8px;flex:0 0 168px}
.profile.pf-a.pf-soc .dia-pola-ph{aspect-ratio:auto;height:110px;border-radius:14px;font-size:var(--t-xl)}
.profile.pf-a.pf-soc .dia-pola :is(strong,b){font-size:var(--t-sm);color:var(--ink)}
.profile.pf-a.pf-soc .dia-pola :is(small,span:not(.dia-pola-ph)){color:var(--ink-3)}
/* «Tutto quello che hai fatto» come riga che si apre */
.profile.pf-a.pf-soc .pf-tutto > summary{display:flex;width:100%;max-width:none;box-sizing:border-box;justify-content:space-between;min-height:64px;padding:0 20px;border-radius:18px;font-size:var(--t-md)}
.profile.pf-a.pf-soc .pf-tutto > summary::after{content:"›";font-size:var(--t-xl);color:var(--ink-3);transition:transform .2s}
.profile.pf-a.pf-soc .pf-tutto[open] > summary::after{content:"›";transform:rotate(90deg)}
/* medaglie da gioco */
.profile.pf-a.pf-soc .pf-dist .pf-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:16px 8px}
.profile.pf-a.pf-soc .pf-dist .pf-badge{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;min-height:0;opacity:1;width:auto}
.profile.pf-a.pf-soc .pf-dist .pf-badge .pf-badge-i{width:64px;height:64px;font-size:var(--t-xl);border-radius:50%;display:grid;place-items:center;filter:none;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--accent) 50%,var(--pf-in)),var(--pf-in));box-shadow:0 0 0 3px var(--accent)}
.profile.pf-a.pf-soc .pf-dist .pf-badge strong{font-size:var(--t-cap);line-height:1.2}
.profile.pf-a.pf-soc .pf-dist .pf-badge.ok small{display:none}
.profile.pf-a.pf-soc .pf-dist .pf-badge:not(.ok){color:var(--ink-3)}
.profile.pf-a.pf-soc .pf-dist .pf-badge:not(.ok) .pf-badge-i{filter:grayscale(1);opacity:.55;background:var(--pf-in);box-shadow:0 0 0 3px var(--line)}
.profile.pf-a.pf-soc .pf-dist .pf-badge:not(.ok) small{display:block;font-size:var(--t-cap)}
.profile.pf-a.pf-soc .pf-dist .pf-badge .pf-prog-s{display:none}
.profile.pf-a.pf-soc .pf-traguardo{background:var(--pf-in);border:0;border-radius:16px;padding:14px 16px;margin:0 0 16px}
.profile.pf-a.pf-soc .pf-traguardo .pf-prog{height:6px}
.profile.pf-a.pf-soc .sf-carte{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile.pf-a.pf-soc .sf-carta{background:var(--pf-in);border:0;border-radius:14px;padding:12px 14px}
@media (max-width:700px){.profile.pf-a.pf-soc .sf-carte{grid-template-columns:minmax(0,1fr)}.profile.pf-a.pf-soc .pf-hero > .pf-hero-r{margin-top:12px}.profile.pf-a.pf-soc .pf-hero .pf-id > h2{font-size:var(--t-xl)}.profile.pf-a.pf-soc .pf-hero .pf-chi-riga{font-size:var(--t-lg)}}
@media (max-width:1099px){.profile.pf-a.pf-soc .pf-hero > .pf-cover{height:84px}.profile.pf-a.pf-soc .pf-hero > .pf-hero-r{padding:14px;gap:12px}}

/* ---- v455: interessi e gusti in una nuvola a colori per categoria (scelta «C» dell'utente, mockup https://claude.ai/artifact/YNdGkQeD13jWdTjZqGAfG1) ---- */
.pf-nuvola{display:flex;flex-direction:column;gap:8px}
.pf-nv{display:flex;flex-wrap:wrap;gap:8px}
.pf-nv-mus{--nc:#b45cff}.pf-nv-cibo{--nc:#ff8a3d}.pf-nv-cul{--nc:#3db4ff}.pf-nv-spo{--nc:#35c48a}.pf-nv-tl{--nc:#e6a700}
.pf-nv-e{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px 0 7px;border-radius:999px;font:inherit;font-size:var(--t-sm);font-weight:600;line-height:1.2;color:var(--ink);background:color-mix(in srgb,var(--nc) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--nc) 55%,var(--surface))}
.pf-nv-e i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:var(--t-cap);background:color-mix(in srgb,var(--nc) 38%,var(--surface))}
button.pf-nv-e{cursor:pointer;transition:background .15s,border-color .15s}
button.pf-nv-e:hover{background:color-mix(in srgb,var(--nc) 26%,var(--surface));border-color:var(--nc)}
button.pf-nv-e:focus-visible{outline:2px solid var(--nc);outline-offset:2px}
.pf-nv-leg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--t-cap);color:var(--ink-3)}
.pf-nv-leg b{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--nc);margin-right:6px;vertical-align:-1px}
@media (max-width:700px){.pf-nv-e{min-height:44px}}   /* da telefono si toccano: almeno 44 px */
@media (min-width:1100px){.profile.pf-a.pf-soc #pf-sez-persone > .pf-cols > .pr-pers{grid-column:1/-1}}   /* v455: i gusti sono saliti nell'intestazione, «Persone» prende tutta la riga */

/* ==== v456: il profilo «rifinito 2», intestazione e telefono (mockup https://claude.ai/artifact/JCJoAidi9WVsj4rBc9J4cV, preapprovato il 27/10/2026, voci 797-798) ==== */
/* «← Indietro» discreto: una scritta, non il bottone più vistoso della pagina */
.profile.pf-a.pf-soc > .btn.back{background:none;border:0;box-shadow:none;padding:0 6px;margin:0 0 -6px -6px;min-height:44px;color:var(--ink-2);font-weight:600;font-size:var(--t-sm)}
.profile.pf-a.pf-soc > .btn.back:hover{color:var(--ink);background:none}
/* il segno compare una volta sola (nei fatti); la zona sta accanto al ruolo */
.profile.pf-a.pf-soc .pf-hero .pf-chip-segno,.profile.pf-a.pf-soc .pf-hero .pf-fatto-zona{display:none}
.profile.pf-a.pf-soc .pf-hero .pf-id > .pf-chips .pf-chip-zona{background:none;border:0;padding:0;color:var(--ink-2);font-size:var(--t-sm)}
.profile.pf-a.pf-soc .pf-hero .pf-id > .pf-chips .pf-chip-zona::before{content:"·";margin-right:10px;color:var(--ink-3)}
/* etichette della nuvola più basse (32 px) e fitte; l'area toccabile resta 44 px con un bordo invisibile attorno */
.profile.pf-a.pf-soc .pf-nv{gap:6px}
.profile.pf-a.pf-soc .pf-nv-e{position:relative;min-height:32px;padding:0 11px 0 6px;font-size:var(--t-sm)}
.profile.pf-a.pf-soc .pf-nv-e i{width:22px;height:22px}
.profile.pf-a.pf-soc button.pf-nv-e::before{content:"";position:absolute;inset:-6px 0}
.pf-nv-piu{display:none;position:relative;min-height:32px;padding:0 12px;border-radius:999px;border:1px dashed var(--line);background:none;color:var(--ink-2);font:inherit;font-size:var(--t-sm);font-weight:700;cursor:pointer}
.pf-nv-piu::before{content:"";position:absolute;inset:-6px 0}
/* il livello: l'anello attorno alla foto è l'avanzamento, nel pannello resta «Livello 3 · Habitué · 3 punti al 4» */
.profile.pf-a.pf-soc .pf-hero-r .pf-liv .pf-prog{display:none}
/* medaglie preferite con meno di 3 conquistate: «2 medaglie su 10 · Tutte →» */
.profile.pf-a.pf-soc .pf-hero-r .vm-conta{font-size:var(--t-cap);color:var(--ink-3);margin-left:10px;flex:1;min-width:0}
/* la completezza: una striscia sottile in fondo all'intestazione, a tutta larghezza */
.profile.pf-a.pf-soc .pf-hero > .pf-compl-slot{grid-column:1/-1;grid-row:3;margin:14px -24px -20px;padding:6px 24px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--ink) 3%,var(--surface));border-radius:0 0 24px 24px}
.profile.pf-a.pf-soc .pf-hero > .pf-compl-slot[hidden]{display:none}
.profile.pf-a.pf-soc .pf-hero .pf-compl-slot .pf-compl{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:14px;margin:0;font-size:var(--t-sm);color:var(--ink-2)}
.profile.pf-a.pf-soc .pf-hero .pf-compl-slot .pf-compl .pf-prog{flex:0 0 110px;width:110px;height:6px}
.profile.pf-a.pf-soc .pf-hero .pf-compl-slot .pf-compl > span{flex:1;min-width:0;white-space:normal;font-size:var(--t-sm)}
.profile.pf-a.pf-soc .pf-hero .pf-compl-slot .pf-compl > span strong{color:var(--ink)}
.profile.pf-a.pf-soc .pf-hero .pf-compl-slot .pf-next-step{min-height:44px;white-space:nowrap}
.profile.pf-a.pf-soc .pf-hero .pf-compl-slot .pf-next-step:not(.pf-guida)::after{content:" →"}
.profile.pf-a.pf-soc .pf-hero .pf-chi-testa{display:none}   /* la completezza non sta più sotto la biografia */
/* un solo segno per «lo vedi solo tu» */
.pf-solotu{display:inline-block;vertical-align:middle;margin-left:8px;padding:1px 8px;border-radius:99px;background:var(--pf-in,var(--surface-2));border:1px solid var(--line);font-family:var(--body,inherit);font-size:var(--t-cap);letter-spacing:0;text-transform:none;font-weight:600;color:var(--ink-2)}
/* «Modifica» accanto al nome: solo sul telefono */
.profile.pf-a.pf-soc .pf-hero .pf-id > .pf-az-mod-tel{display:none}
.profile.pf-a.pf-soc .pf-skel-s{min-height:220px}   /* il segnaposto della stagione ha l'altezza del blocco vero, non di più */
@media (max-width:1099px){
  .profile.pf-a.pf-soc .pf-hero > .pf-compl-slot{grid-row:4;margin:12px -16px -16px;padding:4px 16px;border-radius:0 0 20px 20px}
  .profile.pf-a.pf-soc .pf-hero .pf-compl-slot .pf-compl{gap:10px}
  .profile.pf-a.pf-soc .pf-hero .pf-compl-slot .pf-compl .pf-prog{flex:0 0 56px;width:56px}
}
@media (max-width:700px){   /* telefono: intestazione corta — «Modifica» accanto al nome, nuvola con «+N», niente legenda, numeri e livello in una riga, niente medaglie doppie */
  .profile.pf-a.pf-soc .pf-hero > .pf-head{grid-template-columns:76px minmax(0,1fr) auto}
  .profile.pf-a.pf-soc .pf-hero .pf-id > .pf-az-mod-tel{display:inline-flex;grid-column:3;grid-row:1;align-self:end;margin-top:40px;width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}
  .profile.pf-a.pf-soc .pf-hero .pf-id > .pf-chi{grid-column:1/-1}
  .profile.pf-a.pf-soc .pf-nuvola.pf-nv-chiusa .pf-nv-x{display:none}
  .profile.pf-a.pf-soc .pf-nuvola .pf-nv-piu{display:inline-flex;align-items:center}
  .profile.pf-a.pf-soc .pf-nv-e,.profile.pf-a.pf-soc .pf-nv-piu{min-height:44px}
  .profile.pf-a.pf-soc .pf-hero .pf-compl-slot .pf-compl-manca{display:none}
  .profile.pf-a.pf-soc .pf-nv-leg{display:none}
  .profile.pf-a.pf-soc .pf-hero-r > .pf-strip{display:flex;gap:0;align-items:baseline}
  .profile.pf-a.pf-soc .pf-hero-r > .pf-strip .pf-sb{flex-direction:row;gap:5px;align-items:baseline;padding:0 12px;border-left:1px solid var(--line)}
  .profile.pf-a.pf-soc .pf-hero-r > .pf-strip .pf-sb:first-child{padding-left:0;border-left:0}
  .profile.pf-a.pf-soc .pf-hero-r > .pf-strip .pf-sb strong{font-size:var(--t-lg)}
  .profile.pf-a.pf-soc .pf-hero-r > .pf-strip .pf-sb span{font-size:var(--t-cap);letter-spacing:0;text-transform:none}
  .profile.pf-a.pf-soc .pf-hero-r .vm{display:none}
  .profile.pf-a.pf-soc .pf-hero-r > .pf-hero-az .pf-az-mod{display:none}
  .profile.pf-a.pf-soc .pf-hero-r > .pf-hero-az{justify-content:flex-end}
  .profile.pf-a.pf-soc .pf-hero > .pf-hero-r{gap:10px;padding:12px 14px}
}

/* ==== v457: il profilo «rifinito 2», seconda tappa: le tre schede (stesso mockup, voci 797-798) ==== */
/* Attività: la settimana a sinistra, a destra «Le tue iscrizioni» (e «Una cosa da fare», se c'è) */
.pf-col-dx{display:flex;flex-direction:column;gap:14px;min-width:0}
.pf-col-dx:empty{display:none}
.profile.pf-a.pf-soc .pf-poi{display:flex;flex-direction:column;gap:0;padding:20px;margin:0;border-top:1px solid var(--line)}
.profile.pf-a.pf-soc .pf-poi[hidden]{display:none}
.pf-poi-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}
.profile.pf-a.pf-soc .pf-poi .pf-poi-hd > h3{margin:0}
.profile.pf-a.pf-soc .pf-poi-k{padding:0;text-transform:none;letter-spacing:0;font-weight:500;font-size:var(--t-cap);color:var(--ink-3)}
.profile.pf-a.pf-soc .pf-poi-b + .pf-poi-b{border-top:1px solid var(--line);border-radius:0}
.pf-poi-go{font-size:var(--t-lg);color:var(--ink-3);line-height:1;padding-right:4px}
.profile.pf-a.pf-soc .pf-poi-n{margin-top:auto;padding-top:6px}
.profile.pf-a.pf-soc .sm-todo{margin:0}
@media (min-width:1100px){
  .profile.pf-a.pf-soc #pf-sez-attivita > .pf-cols > .sm-sett{grid-column:span 7;order:1;align-self:stretch}
  .profile.pf-a.pf-soc #pf-sez-attivita > .pf-cols > .pf-col-dx{grid-column:span 5;order:2;align-self:stretch}
  .profile.pf-a.pf-soc #pf-sez-attivita > .pf-cols > .pf-col-dx > .pf-poi{flex:1}
  .profile.pf-a.pf-soc #pf-sez-attivita > .pf-cols > .pf-stg2{order:3}
  .profile.pf-a.pf-soc #pf-sez-attivita > .pf-cols > .pf-slot-ric > *{grid-column:span 7;order:4;align-self:stretch}
  .profile.pf-a.pf-soc #pf-sez-attivita > .pf-cols > .pf-tutto{grid-column:span 5;order:5;align-self:stretch}
  .profile.pf-a.pf-soc #pf-sez-attivita > .pf-cols > .pf-tutto[open]{grid-column:1/-1}
  .profile.pf-a.pf-soc #pf-sez-attivita > .pf-cols > .pf-slot-ric:has(+ .pf-tutto[open]) > *{grid-column:1/-1}
}
/* la settimana: un giorno senza niente dice che è libero, senza l'elenco vuoto */
.profile.pf-a.pf-soc .sm-vuoto{display:flex;align-items:center;gap:10px;margin:0;padding:12px;border-radius:14px;border:1px dashed var(--line)}
/* la stagione vuota: un riquadro solo con l'invito e l'anteprima; il calendario vuoto accanto sparisce */
.profile.pf-a.pf-soc .pf-stg2:has(> .stg-sez.stg-vuota:not([hidden])) > .cal2{display:none}
.profile.pf-a.pf-soc .pf-stg2:has(> .stg-sez.stg-vuota:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.profile.pf-a.pf-soc .stg-sez.stg-vuota{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px;align-items:center}
.profile.pf-a.pf-soc .stg-sez.stg-vuota > h3{display:none}
.stg-v-tx{display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-width:0}
.profile.pf-a.pf-soc .stg-v-tx > h3{margin:0;font-size:var(--t-cap);letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink-3);font-family:var(--body,inherit)}
.stg-v-h{margin:0;font-family:var(--display,inherit);font-size:var(--t-lg);font-weight:800;letter-spacing:-.01em}
.stg-v-tx > p.muted{margin:0;font-size:var(--t-sm);line-height:1.5}
.stg-prev{position:relative;padding:4px;min-width:0}
.stg-prev::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--pf-card,var(--surface)) 0%,transparent 35%,transparent 70%,var(--pf-card,var(--surface)) 100%);pointer-events:none}
.stg-prev-g{display:grid;grid-auto-flow:column;grid-template-columns:repeat(22,minmax(0,1fr));grid-template-rows:repeat(7,auto);gap:3px;opacity:.9}
.stg-prev-ex{position:absolute;right:10px;bottom:-4px;z-index:1;font-size:var(--t-cap);color:var(--ink-3);background:var(--pf-card,var(--surface));padding:2px 8px;border-radius:99px;border:1px solid var(--line)}
@media (max-width:700px){.profile.pf-a.pf-soc .stg-sez.stg-vuota{grid-template-columns:minmax(0,1fr);gap:14px}.profile.pf-a.pf-soc .stg-sez.stg-vuota > .stg-prev{order:-1}.stg-prev-g{grid-template-columns:repeat(16,minmax(0,1fr))}.stg-prev-g > :nth-child(n+113){display:none}}
/* «Tutto quello che hai fatto»: un riquadro che da chiuso mostra cosa contiene */
.profile.pf-a.pf-soc .pf-tutto{background:var(--pf-card);border:1px solid var(--line);border-radius:20px;padding:20px}
.profile.pf-a.pf-soc .pf-tutto > summary{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-height:0;padding:0;border:0;border-radius:0;background:none;font-size:var(--t-ti);font-family:var(--display,inherit);font-weight:800;letter-spacing:-.01em;position:relative}
.profile.pf-a.pf-soc .pf-tutto > summary::after{position:absolute;right:0;top:-6px}
.pf-tutto-t{padding-right:28px}
.pf-tutto-n{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;font-family:var(--body,inherit);font-weight:400;letter-spacing:0}
.pf-tutto-n li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:var(--t-sm);color:var(--ink-2)}
.pf-tutto-n li b{color:var(--ink);font-weight:700}
.profile.pf-a.pf-soc .pf-tutto[open] > summary .pf-tutto-n{display:none}
.profile.pf-a.pf-soc .pf-tutto-c{margin-top:16px}
/* Persone: due riquadri affiancati */
.pr-due{display:contents}
.profile.pf-a.pf-soc .pr-pers{gap:8px}
.pr-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.profile.pf-a.pf-soc .pr-hd > h3{margin:0}
.pr-n{color:var(--ink-3);font-weight:500}
.pr-meta{font-size:var(--t-cap);color:var(--ink-3);white-space:nowrap}
.pr-vuoto{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:16px;border-radius:16px;border:1px dashed var(--line)}
.pr-vuoto > p{margin:0;font-size:var(--t-sm);line-height:1.5}
.pr-vuoto-av{display:flex}.pr-vuoto-av span{width:36px;height:36px;border-radius:50%;background:var(--pf-in,var(--surface-2));border:2px dashed var(--line);margin-left:-8px}.pr-vuoto-av span:first-child{margin-left:0}
.pr-lnk{min-height:44px;padding:0 2px;border:0;background:none;color:var(--accent);font:inherit;font-size:var(--t-sm);font-weight:700;cursor:pointer}
.pr-lnk::after{content:" →"}
@media (min-width:1100px){.profile.pf-a.pf-soc #pf-sez-persone > .pf-cols > .pr-due > .pr-pers{grid-column:auto;align-self:stretch}}
/* Medaglie: «In numeri» in un riquadro solo; sfide più compatte */
.profile.pf-a.pf-soc .pf-numeri .pf-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.profile.pf-a.pf-soc .pf-numeri .pf-stats{border:0;border-radius:0;background:none;box-shadow:none;padding:0}
.profile.pf-a.pf-soc .pf-numeri .pf-stat{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:4px;padding:4px 14px;border:0;border-radius:0;background:none;box-shadow:none}
.profile.pf-a.pf-soc .pf-numeri .pf-stat .pf-l{flex-basis:auto}
.profile.pf-a.pf-soc .pf-numeri .pf-stat + .pf-stat{border-left:1px solid var(--line)}
.profile.pf-a.pf-soc .pf-numeri .pf-stat .pf-ic{display:none}
.profile.pf-a.pf-soc .pf-numeri .pf-stat strong{font-family:var(--display,inherit);font-size:var(--t-xl);font-weight:800;line-height:1}
.profile.pf-a.pf-soc .pf-numeri .pf-stat .pf-l{font-size:var(--t-cap);color:var(--ink-3);line-height:1.3}
@media (min-width:1100px){.profile.pf-a.pf-soc #pf-sez-medaglie > .pf-cols > .pf-numeri{grid-column:1/-1}}
@media (max-width:1099px){.profile.pf-a.pf-soc .pf-numeri .pf-stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}.profile.pf-a.pf-soc .pf-numeri .pf-stat:nth-child(3n+1){border-left:0;padding-left:0}}
.profile.pf-a.pf-soc .sf-carta{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 10px;align-items:center}
.profile.pf-a.pf-soc .sf-carta .sf-ic{grid-row:1/3;font-size:var(--t-lg)}
.profile.pf-a.pf-soc .sf-carta .sf-t{display:contents}
.profile.pf-a.pf-soc .sf-carta .sf-t strong{font-size:var(--t-sm)}
.profile.pf-a.pf-soc .sf-carta .sf-t small{display:none}
.profile.pf-a.pf-soc .sf-carta .sf-barra{grid-column:2;display:flex;align-items:center;gap:8px}
.profile.pf-a.pf-soc .sf-carta .sf-barra progress{flex:1;height:6px}

/* ---- T1 (v458): la voce «Telegram» nelle Impostazioni ---- */
.tg-sez{display:flex;flex-direction:column;gap:12px}
.tg-pass{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;background:var(--pf-s2,var(--surface-2));font-size:var(--t-sm)}
.tg-pass ul{margin:0;padding-left:18px;display:grid;gap:4px;color:var(--ink-2)}
.tg-ok{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--ok-soft);color:var(--ok);font-weight:700;font-size:var(--t-sm);align-self:flex-start}
.tg-az{align-items:center;gap:8px 12px}
.tg-attesa[hidden]{display:none}

/* ---- v460: scheda Telegram rifinita (i tre passi, «Entra nel gruppo») ---- */
.tg-ok{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:10px 14px;border-radius:14px;font-size:var(--t-md);align-self:stretch}
.tg-ok small{font-weight:500;color:var(--ink-2);font-size:var(--t-cap)}
.tg-passi{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tg-passo{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;font-size:var(--t-sm);color:var(--ink-2);line-height:1.45}
.tg-passo i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pf-s3,var(--surface-2));color:var(--ink);font-style:normal;font-weight:700;font-size:var(--t-cap)}
.tg-passo b{color:var(--ink)}
.tg-passo-ok i{background:var(--ok-soft);color:var(--ok)}
.tg-passo-poi{opacity:.7}
.tg-passo em{font-style:normal;color:var(--ink-3)}
@media (max-width:700px){.tg-gruppo,.tg-collega,.tg-scollega{min-height:44px}}

/* ---- v463 (T4): interruttore delle push delle chat nella scheda Telegram ---- */
.tg-sw{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--pf-s2,var(--surface-2));cursor:pointer}
.tg-sw-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.tg-sw-t b{font-size:var(--t-sm);color:var(--ink)}
.tg-sw-t small{font-size:var(--t-cap);color:var(--ink-3);line-height:1.45}
.tg-sw-i{appearance:none;-webkit-appearance:none;width:48px;height:28px;border-radius:99px;background:var(--ink-3);position:relative;margin:0;flex:none;cursor:pointer;transition:background .15s}
.tg-sw-i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .15s}
.tg-sw-i:checked{background:var(--ok)}
.tg-sw-i:checked::after{left:23px}
.tg-sw-i:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:700px){.tg-sw{min-height:44px}}
/* scelta del gruppo Telegram (v553): una riga per gruppo (Brescia, Milano, Bergamo, Cremona), «Entra» oppure «✓ Sei dentro» + «Apri» */
.tg-passo > div{min-width:0}
.tg-gruppi{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.tg-gr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--pf-s2,var(--surface-2))}
.tg-gr-in{background:var(--ok-soft);border-color:transparent}
.tg-gr-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.tg-gr-n{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.tg-gr-n b{color:var(--ink);font-size:var(--t-sm)}
.tg-gr-ok{font-size:var(--t-cap);font-weight:700;color:var(--ok)}
.tg-gr-d{font-size:var(--t-cap);line-height:1.35;color:var(--ink-3);overflow-wrap:anywhere}
.tg-gr-in .tg-gr-d{color:var(--ink-2)}
.tg-gr-a{display:flex;align-items:center}
.tg-gr a.btn{min-height:40px;text-decoration:none;color:var(--ink)}
.tg-gr a.btn.primary{color:var(--accent-ink)}
.tg-nota{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:var(--accent-soft);color:var(--ink);font-size:var(--t-cap);line-height:1.45}
@media (max-width:700px){.tg-gr a.btn{min-height:44px}}

/* ---- P1 (v464, audit del profilo): un invito solo, niente copertina vuota, «Come ti vede» accanto alle schede ---- */
.profile.pf-a.pf-soc .pf-hero > .pf-cover:not(.con-img){display:none}   /* la copertina resta solo quando è una foto scelta dalla persona */
.profile.pf-a.pf-soc .pf-hero:not(:has(> .pf-cover.con-img)){padding-top:22px}
.profile.pf-a.pf-soc .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{margin-top:0}
.profile.pf-a.pf-soc .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-hero-r{margin-top:0}
.profile.pf-a.pf-soc .pf-tabs4-r{display:flex;align-items:center;justify-content:space-between;gap:12px}
.profile.pf-a.pf-soc .pf-tabs4-r > .pf-tabs4-vis{position:static;top:auto;right:auto;margin-left:auto;padding-right:8px}
.profile.pf-a.pf-soc .pf-liv-da{display:block;font-size:var(--t-cap);color:var(--ink-3)}
.profile.pf-a.pf-soc .pf-invito{gap:8px}
.profile.pf-a.pf-soc .pf-invito-t{font-size:var(--t-lg);font-weight:700}
@media (max-width:700px){
  .profile.pf-a.pf-soc .pf-hero:not(:has(> .pf-cover.con-img)){padding-top:16px}
  .profile.pf-a.pf-soc .pf-hero .pf-id > .pf-az-mod-tel{width:44px;height:44px;font-size:var(--t-lg)}
  .profile.pf-a.pf-soc .pf-liv-da{display:none}
}

/* ---- P2 (v465, audit del profilo): il suggerimento della settimana è un suggerimento; sottotitolo dei Ricordi ---- */
.sm-riga.sm-idea{border-style:dashed;background:transparent}
.sm-tag-idea{font-size:var(--t-cap);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.profile.pf-a.pf-soc .sm-g:not(.occ):has(.sm-id)::after{background:transparent;box-shadow:inset 0 0 0 2px var(--ok)}   /* idea = pallino vuoto; impegno = pieno */
.dia-h-sub{display:inline-block;margin-left:8px;font-size:var(--t-cap);font-weight:500;color:var(--ink-3)}

/* ---- P3 (v466, audit del profilo): stati vuoti leggeri, tessere dei ricordi, profilo altrui con la stessa intestazione ---- */
.stg-sez.stg-vuota{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px 22px}
.stg-sez.stg-vuota .stg-prev{display:none}
@media (min-width:1100px){.stg-sez.stg-vuota{grid-template-columns:minmax(0,1fr) 280px;align-items:center}.stg-sez.stg-vuota .stg-prev{display:block;max-height:64px;overflow:hidden;opacity:.6}}
.stg-sez.stg-vuota .stg-v-h{font-size:var(--t-md)}
.pr-vuoto{padding:12px 14px;gap:8px}
.pr-vuoto-av{display:none}
.dia-pola.dia-pola-piatta{box-shadow:none;background:var(--pf-s2,var(--surface-2));color:var(--ink);border:1px solid var(--line)}
.dia-pola.dia-pola-piatta .dia-pola-ph{aspect-ratio:16/8;background:var(--pf-s3,var(--surface-2));font-size:var(--t-lg);color:var(--ink-2)}
.dia-pola.dia-pola-foto{box-shadow:none;background:var(--pf-s2,var(--surface-2));color:var(--ink);border:1px solid var(--line)}
.dia-pola-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px}
.profile.pf-pub.pf-soc .pf-hero > .pf-hero-r{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.profile.pf-pub.pf-soc .pf-hero .cp-acts{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;width:auto;grid-column:2}   /* .pf-id è display:contents nella griglia dell'intestazione: le azioni stanno nella colonna del nome */
.profile.pf-pub.pf-soc .pf-hero .cp-acts .inv-riga{display:contents}
.profile.pf-pub.pf-soc .pf-hero .cp-acts .btn,.profile.pf-pub.pf-soc .pf-hero .cp-acts .inv-b{width:auto;min-width:0;white-space:nowrap;padding:0 18px;min-height:44px;border-radius:999px}
.profile.pf-pub.pf-soc .pf-hero .cp-acts .inv-b{min-height:50px;padding:0 22px}   /* l'azione forte della pagina resta la più grande */
.profile.pf-pub.pf-soc > .pf-pub-altro{margin:4px 0 0;width:auto}
.profile.pf-pub.pf-soc .pf-pub-liv{margin:0}
.profile.pf-pub.pf-soc .pf-vuoto-msg{grid-column:1/-1}

.profile.pf-pub.pf-soc .pf-hero .pf-chip-segno{display:inline-flex}   /* sul profilo altrui il segno sta solo qui */
.dia-pola.dia-pola-piatta small,.dia-pola.dia-pola-foto small{color:var(--ink-2)}
.dia-pola.dia-pola-piatta .dia-pola-st,.dia-pola.dia-pola-foto .dia-pola-st{color:var(--ink)}

/* ---- v467 (secondo audit): da telefono l'intestazione del giorno nella settimana non va a capo in maiuscolo ---- */
@media (max-width:700px){.sm-q{text-transform:none;letter-spacing:.01em;font-weight:600;font-size:var(--t-sm)}}

/* ---- v468 (scelta A): interessi e gusti in cinque righe, una per categoria ---- */
.pf-nuvola.pf-nv-righe{display:grid;gap:6px}
.pf-nv-r{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 12px;align-items:baseline;font-size:var(--t-sm);color:var(--ink-2);line-height:1.5}
.pf-nv-c{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--ink)}
.pf-nv-c i{font-style:normal;width:22px;text-align:center;font-size:var(--t-md)}
.pf-nv-v{min-width:0;overflow-wrap:anywhere}
.pf-nv-l{all:unset;cursor:pointer;color:var(--ink-2);border-bottom:1px dotted var(--ink-3);line-height:inherit}
.pf-nv-l:hover,.pf-nv-l:focus-visible{color:var(--ink);border-bottom-color:var(--ink);outline:none}
.pf-nv-sol{font-style:normal;color:var(--ink-3)}
.profile.pf-a.pf-soc .pf-nv-r{font-size:var(--t-sm)}
@media (max-width:700px){
  .pf-nv-r{grid-template-columns:minmax(0,1fr);gap:2px}
  .pf-nv-l{position:relative;padding:11px 2px;margin:-11px -2px}   /* bersaglio da 44 px senza cambiare la riga */
}

@media (max-width:700px){   /* v468: la striscia di completezza da telefono non va a capo parola per parola */
  .profile.pf-a.pf-soc .pf-hero .pf-compl-slot .pf-compl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;align-items:center}
  .profile.pf-a.pf-soc .pf-hero .pf-compl-slot .pf-compl > .pf-prog{flex:none;width:64px}
  .profile.pf-a.pf-soc .pf-hero .pf-compl-slot .pf-compl > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .profile.pf-a.pf-soc .pf-hero .pf-compl-slot .pf-compl > .pf-next-step{grid-column:1/-1;justify-self:start;margin:0}
}

/* ---- v469 · Profilo v3 (riferimento dell'utente, registro 820): copertina, foto grande, quattro numeri, «Condividi», Panoramica a tre colonne ---- */
.profile.pf-a.pf-soc.pf-v3 .pf-hero{padding-top:0;gap:0 28px;grid-template-columns:minmax(0,1fr) auto}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover:not(.con-img){display:block}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover{height:190px;margin:0 -24px;position:relative;grid-column:1/-1}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover::after{background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--surface) 70%,transparent))}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-cov-mod{position:absolute;right:16px;bottom:14px;z-index:2;background:rgba(0,0,0,.62);color:#fff;border-color:transparent;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{margin-top:-70px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head{margin-top:-70px;gap:22px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-av{width:140px;height:140px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head .pf-id{padding-top:78px;gap:6px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id h2{font-size:var(--t-xl)}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-chi-riga{font-size:var(--t-md);font-weight:500;color:var(--ink-2);font-style:italic;max-width:60ch}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-chi-testa{display:none}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-hero-r{padding-top:16px;align-items:flex-end;gap:16px;min-width:0}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az{flex-wrap:nowrap;justify-content:flex-end}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az .pf-az-mod{flex:none}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip{display:flex;gap:28px;justify-content:flex-end;flex-wrap:wrap}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb{align-items:center;text-align:center}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb strong{font-size:var(--t-lg)}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb span{font-size:var(--t-cap);white-space:nowrap}
/* riquadri */
.profile.pf-v3 .pf-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:var(--pf-r2,18px)}
.profile.pf-v3 .pf-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.profile.pf-v3 .pf-card-h h3{margin:0;font-size:var(--t-md)}
.profile.pf-v3 .pf-card-h .pf-vedi,.profile.pf-v3 .pf-card-h .pf-card-mod{min-height:32px;padding:0 8px;font-size:var(--t-cap);color:var(--accent)}
.profile.pf-v3 .pf-card .pf-chi-bio{margin:0;font-size:var(--t-sm);color:var(--ink-2);line-height:1.5}
.profile.pf-v3 .pf-fatti-v3{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0}
.profile.pf-v3 .pf-fatti-v3 .pf-fatto{display:flex;gap:6px;align-items:baseline;font-size:var(--t-sm)}
.profile.pf-v3 .pf-fatti-v3 dt{color:var(--ink-3)}.profile.pf-v3 .pf-fatti-v3 dd{margin:0;color:var(--ink-2)}
.profile.pf-v3 .pf-fatti-v3 .pf-fatti-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pf-int-chips{display:flex;flex-wrap:wrap;gap:6px}
.pf-int-c{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:var(--t-cap);font-weight:600;background:color-mix(in srgb,var(--nc,var(--accent)) 14%,var(--surface));color:var(--ink)}
.pf-int-c i{font-style:normal}
.pf-int-chips.chiusi .pf-int-x{display:none}
.pf-int-piu{min-height:30px;padding:0 10px;border-radius:999px;border:1px dashed var(--line);background:transparent;color:var(--ink-3);font-size:var(--t-cap);cursor:pointer}
.pf-gusti-riga .pf-nv-r{font-size:var(--t-cap)}
.pf-gusti-riga .pf-nuvola.pf-nv-righe{gap:3px}
.pf-gusti-riga .pf-nv-r{grid-template-columns:118px minmax(0,1fr)}
.profile.pf-v3 .pf-card-med .vm{padding:0;margin:0;border:0;background:none;box-shadow:none}
.profile.pf-v3 .pf-card-med .pf-liv{margin:0}
/* tre colonne */
.profile.pf-v3 .pf-v3-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%}
.profile.pf-v3 .pf-v3-c{display:flex;flex-direction:column;gap:14px;min-width:0}
.profile.pf-v3 .pf-v3-c > *{margin:0;width:100%;max-width:none;box-sizing:border-box}
.profile.pf-v3 .pf-card .pf-ev-griglia,.profile.pf-v3 .pf-card > *{width:100%;max-width:none;box-sizing:border-box}
@media (min-width:1100px){
  .profile.pf-v3 .pf-v3-cols{grid-template-columns:300px minmax(0,1fr) 280px}
  .profile.pf-v3 #pf-sez-attivita > .pf-cols > .pf-v3-cols{grid-column:1/-1}
  .profile.pf-v3 #pf-sez-attivita > .pf-cols > .pf-stg2{grid-column:1/-1}
}
.profile.pf-v3 .pf-v3-c .sm-sett{width:100%}
/* tessere degli eventi */
.pf-ev-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.pf-ev{all:unset;box-sizing:border-box;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--pf-s2,var(--surface-2));cursor:pointer;color:var(--ink);text-align:left;min-width:0}
.pf-ev:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pf-ev-img{position:relative;display:block;aspect-ratio:16/10;background:color-mix(in srgb,var(--accent) 16%,var(--pf-s2,var(--surface-2)))}
.pf-ev-img img{display:block;width:100%;height:100%;object-fit:cover}
.pf-ev-ic{position:absolute;inset:0;display:grid;place-items:center;font-size:30px}
.pf-ev-data{position:absolute;left:10px;top:10px;display:flex;flex-direction:column;align-items:center;line-height:1;padding:5px 8px;border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.18)}
.pf-ev-data small{font-size:var(--t-cap);font-weight:700;color:var(--accent);letter-spacing:.02em}.pf-ev-data b{font-size:var(--t-md);font-family:var(--font-display,inherit)}
.pf-ev-t{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px;font-size:var(--t-cap);color:var(--ink-3)}
.pf-ev-t > b{font-size:var(--t-sm);color:var(--ink);line-height:1.25}
.pf-ev-r{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;min-height:24px}
.pf-ev-avs{display:flex;align-items:center}.pf-ev-av{width:22px;height:22px;border-radius:50%;object-fit:cover;border:2px solid var(--pf-s2,var(--surface-2));margin-left:-7px}.pf-ev-av:first-child{margin-left:0}.pf-ev-avs small{margin-left:6px;font-size:var(--t-cap);color:var(--ink-3)}
.pf-ev-vai{font-size:var(--t-cap)}
/* colonna destra */
.profile.pf-v3 .pf-card-com .com-pillole-mie{display:flex;flex-direction:column;gap:8px}
.profile.pf-v3 .pf-card-com .com-chip{justify-content:flex-start}
.pf-amici-av{display:flex;align-items:center}.pf-amici-av a{display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--surface);margin-left:-10px;background:var(--pf-s2,var(--surface-2))}.pf-amici-av a:first-child{margin-left:0}.pf-amici-av img{width:100%;height:100%;object-fit:cover;display:block}.pf-amici-av small{margin-left:8px;font-size:var(--t-sm);color:var(--ink-3)}
.pf-card-scopri{align-items:center;text-align:center;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.pf-card-scopri .pf-scopri-i{font-size:28px}.pf-card-scopri strong{font-size:var(--t-sm)}
.profile.pf-v3 .pf-grazie.pf-card > p.muted{display:none}
/* telefono */
@media (max-width:700px){
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover{height:120px;margin:0 -16px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-cov-mod{right:10px;bottom:10px;font-size:var(--t-cap)}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head,.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{margin-top:-46px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-av{width:92px;height:92px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head .pf-id{padding-top:0}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id h2{font-size:var(--t-xl)}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-hero-r{align-items:stretch;padding-top:12px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az{flex-wrap:nowrap}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az .pf-az-mod{display:none}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az .pf-az-cond{flex:1;justify-content:center}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip{justify-content:space-between;gap:8px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb span{white-space:normal;font-size:11px}
  .pf-ev-griglia{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}
  .pf-ev-griglia .pf-ev{flex:0 0 78%;scroll-snap-align:start}
}

.profile.pf-v3 .pf-card-med .vm-eb{display:none}
.profile.pf-v3 .pf-ev-vuoto,.profile.pf-v3 .pf-amici-v{font-size:var(--t-sm);margin:0}
@media (max-width:700px){   /* v469: da telefono prima gli eventi (colonna centrale), poi interessi e «Su di me», infine Amici e community; i quattro numeri in una riga */
  .profile.pf-v3 .pf-v3-cn{order:1}.profile.pf-v3 .pf-v3-sx{order:2}.profile.pf-v3 .pf-v3-dx{order:3}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb{align-items:center;text-align:center;min-width:0}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb span{font-size:var(--t-cap);line-height:1.15;white-space:normal;letter-spacing:0}
}
@media (max-width:700px){.pf-amici-av a{width:44px;height:44px}}
/* v469: la copertina «automatica» prende i colori del tema (accento + verde), non più la nebulosa viola uguale ovunque; le copertine scelte (tramonto, mare…) e le foto restano come sono */
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover.pf-cov-auto:not(.con-img){background:radial-gradient(520px 240px at 12% 18%,color-mix(in srgb,var(--accent) 48%,transparent),transparent 70%),radial-gradient(620px 300px at 88% 85%,color-mix(in srgb,var(--ok,#2a9d6f) 32%,transparent),transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--ink) 10%,var(--surface)),var(--surface-2,var(--surface)))}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover.pf-cov-auto:not(.con-img)::before{display:none}
/* ---- v470: rifinitura della V3-1 verso il mockup (meno scatole, numeri in minuscolo, intestazione più compatta) ---- */
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-hero-r{background:none;border:0;box-shadow:none;padding:14px 0 0;gap:14px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip{gap:34px;padding-right:4px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb strong{font-size:var(--t-xl);line-height:1}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb span{text-transform:none;letter-spacing:0;font-size:var(--t-cap);color:var(--ink-3)}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az .btn{min-height:40px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover{height:170px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head{margin-top:-64px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head .pf-id{padding-top:70px;gap:4px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-chi-riga{margin-top:6px;font-size:var(--t-sm)}
.profile.pf-a.pf-soc.pf-v3 .pf-hero{padding-bottom:16px}
.profile.pf-v3 .pf-card{gap:8px}
.profile.pf-v3 .pf-card-h h3{font-size:var(--t-md);font-weight:700}
.profile.pf-v3 .pf-card .pf-chi-bio{font-size:var(--t-sm)}
.pf-ev-img{aspect-ratio:16/9}
.pf-ev-t{padding:8px 10px 10px}
.profile.pf-v3 .pf-v3-cols{gap:12px}.profile.pf-v3 .pf-v3-c{gap:12px}
@media (max-width:700px){.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover{height:120px}.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head{margin-top:-46px}.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head .pf-id{padding-top:0}.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip{gap:4px}}
/* v470: tessere senza foto come nel mockup: sfumatura della categoria, icona grande chiara; la data in un bollino chiaro */
.pf-ev-piatta .pf-ev-img{background:linear-gradient(135deg,var(--c1,#6c8cff),var(--c2,#7b34e8))}
.pf-ev-piatta .pf-ev-ic{font-size:34px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.pf-ev-piatta.cat-musica .pf-ev-img,.pf-ev-piatta.cat-concerti .pf-ev-img{--c1:#ff6a9c;--c2:#7b34e8}
.pf-ev-piatta.cat-cibo .pf-ev-img,.pf-ev-piatta.cat-vino .pf-ev-img{--c1:#ff8a5c;--c2:#c0392b}
.pf-ev-piatta.cat-sport .pf-ev-img,.pf-ev-piatta.cat-trekking .pf-ev-img,.pf-ev-piatta.cat-gita .pf-ev-img{--c1:#3ddbab;--c2:#2e36c9}
.pf-ev-piatta.cat-cinema-e-teatro .pf-ev-img,.pf-ev-piatta.cat-cultura .pf-ev-img,.pf-ev-piatta.cat-museo .pf-ev-img,.pf-ev-piatta.cat-visita-guidata .pf-ev-img{--c1:#2fa7ff;--c2:#4b3fd8}
.pf-ev-piatta.cat-festa .pf-ev-img,.pf-ev-piatta.cat-incontro .pf-ev-img,.pf-ev-piatta.cat-giochi .pf-ev-img{--c1:#f6b94a;--c2:#e0207f}
.pf-ev-piatta.cat-formazione .pf-ev-img,.pf-ev-piatta.cat-fiera .pf-ev-img,.pf-ev-piatta.cat-cosplay .pf-ev-img{--c1:#c58cff;--c2:#3b4bd8}
.pf-ev-data{background:#fff;color:#161d2b}.pf-ev-data small{color:#5b3df5}
.pf-ev{background:var(--surface);border-color:var(--line)}
.pf-ev-av{border-color:var(--surface)}
/* ---- v471: come il mockup anche nelle proporzioni: pagina a 1120 px con più aria ai lati, striscia di completezza sottile dentro l'intestazione, giorni della settimana più bassi ---- */
.profile.pf-a.pf-soc.pf-v3{max-width:1120px}
@media (min-width:1100px){.profile.pf-v3 .pf-v3-cols{grid-template-columns:280px minmax(0,1fr) 264px;gap:16px}}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-compl-slot{margin:10px -24px -16px;padding:8px 24px 10px;background:none;border-top:1px solid var(--line)}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-compl-slot .pf-compl{gap:10px;font-size:var(--t-cap)}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-compl-slot .pf-compl .pf-prog{flex:0 0 80px;width:80px;height:4px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-compl-slot .pf-next-step{min-height:32px;font-size:var(--t-cap)}
.profile.pf-v3 .sm-sett .sm-g{min-height:0;padding:6px 0}
.profile.pf-v3 .sm-sett .sm-dd{font-size:var(--t-md)}
.profile.pf-v3 .sm-sett .sm-dn{font-size:11px;letter-spacing:.04em}
.profile.pf-v3 .sm-sett .sm-hd h3,.profile.pf-v3 .pf-card-h h3{font-size:var(--t-md)}
.profile.pf-v3 .pf-tabs4 .pf-tab4{font-size:var(--t-sm)}
/* v472: sbavature dell'intestazione: niente linee verticali fra i numeri (le etichette le toccavano), interruttore «Io / Un altro» a misura della barra, dati di «Su di me» in peso normale */
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb,.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb + .pf-sb{border:0;box-shadow:none;padding:0 6px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb::before,.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb::after{display:none}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip{gap:22px}
.profile.pf-v3 .pf-tabs4-r{align-items:center;padding-right:10px}
.profile.pf-v3 .pf-tabs4-vis .lk-vista{align-items:center;gap:8px}
.profile.pf-v3 .pf-tabs4-vis .lk-seg{border-radius:999px}
.profile.pf-v3 .pf-tabs4-vis .lk-seg button{min-height:32px;padding:0 12px;font-size:var(--t-cap);border-radius:999px}
.profile.pf-v3 .pf-tabs4-vis small{font-size:var(--t-cap)}
.profile.pf-v3 .pf-fatti-v3 dd{font-weight:500}
/* v473: niente banda scura sopra la copertina colorata (la regola P1 che aggiungeva 22 px sopra l'intestazione senza foto vinceva per specificità) */
.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)){padding-top:0}
.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{margin-top:-64px}

/* ---- v473: telefono: intestazione rifatta (copertina con solo l'icona, nome su una riga, numeri in colonna, niente sovrapposizioni) ---- */
.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)){padding-top:0}
.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{margin-top:-64px}
@media (max-width:700px){
  .profile.pf-v3 .pf-cov-t{display:none}
  .profile.pf-v3 .pf-hero .pf-cov-mod{width:44px;height:44px;padding:0;border-radius:50%;right:10px;bottom:auto;top:10px;justify-content:center}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero{padding:0 16px 12px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover{height:110px;margin:0 -16px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head,.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{margin-top:-44px;display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:end}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-av{width:84px;height:84px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head .pf-id{display:contents}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id h2{grid-column:2;grid-row:1;font-size:var(--t-lg);line-height:1.15;align-self:end;padding-right:48px;margin:0 0 2px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-az-mod-tel{grid-column:2;grid-row:1;justify-self:end;align-self:start;margin-top:48px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-chips{grid-column:1/-1;grid-row:2;margin-top:6px;gap:4px 8px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-chi{grid-column:1/-1;grid-row:3}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-hero-r{padding-top:10px;align-items:stretch;gap:12px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az{display:flex;gap:8px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az .pf-az-cond{flex:1}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb,.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb + .pf-sb{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 2px;border:0;min-width:0;text-align:center}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb strong{font-size:var(--t-lg)}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb span{font-size:var(--t-cap);line-height:1.2;white-space:normal;overflow-wrap:anywhere}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-compl-slot{margin:8px -16px -12px;padding:8px 16px}
}

/* v473: tablet (701-1099 px): la foto grande non deve coprire il nome (la griglia del telefono aveva una colonna da 76 px) */
@media (min-width:701px) and (max-width:1099px){
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head,.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{grid-template-columns:140px minmax(0,1fr);column-gap:20px;margin-top:-64px;align-items:start}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head > :first-child{width:140px;height:140px;grid-row:1/4}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > h2{grid-column:2;grid-row:1;margin-top:74px;font-size:var(--t-xl)}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-chips{grid-column:2;grid-row:2}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-chi{grid-column:1/-1;grid-row:4;margin-top:6px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover{height:150px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-hero-r{align-items:stretch}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az{justify-content:flex-start}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip{justify-content:flex-start;gap:28px}
}
/* v473: telefono: «Su di me» subito dopo le schede (la bio intera, non tagliata), poi la settimana e gli eventi; le colonne si dissolvono e le carte si ordinano */
@media (max-width:700px){
  .profile.pf-v3 .pf-v3-cols{display:flex;flex-direction:column;gap:12px}
  .profile.pf-v3 .pf-v3-c{display:contents}
  .profile.pf-v3 .pf-card-bio{order:1}.profile.pf-v3 .sm-sett{order:2}.profile.pf-v3 .pf-card-pross{order:3}.profile.pf-v3 .sm-todo{order:4}
  .profile.pf-v3 .pf-card-int{order:5}.profile.pf-v3 .pf-card-fatte{order:6}.profile.pf-v3 .pf-card-med{order:7}
  .profile.pf-v3 .pf-card-com{order:8}.profile.pf-v3 .pf-card-amici{order:9}.profile.pf-v3 .pf-card-scopri{order:10}.profile.pf-v3 .pf-grazie{order:11}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb span{white-space:normal;overflow-wrap:normal;letter-spacing:0}   /* v549: «Mesi su Let's meet!» va a capo negli spazi (con la data di ingresso la riga è lunga e finiva sopra «Community»); le parole singole restano intere */
}
/* v473: i bottoni dell'intestazione restano da 44 px (minimo per i bersagli; nella v470 li avevo portati a 40) */
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az .btn,.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az summary.btn{min-height:44px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az .pf-az-imp{width:44px}

/* ---- v474 · V3-2: Social, schede Interessi e Community ---- */
.pf-social{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pf-social .pf-soc-l{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--ink-2);text-decoration:none;font-size:var(--t-sm);overflow-wrap:anywhere}
.pf-social .pf-soc-l i{font-style:normal;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--pf-s3,var(--surface-2));flex:none;font-size:var(--t-md)}
.pf-social .pf-soc-l:hover span,.pf-social .pf-soc-l:focus-visible span{text-decoration:underline}
.profile.pf-v3 .pf-card-nota{margin:0;font-size:var(--t-cap);color:var(--ink-3)}
.profile.pf-v3 .pf-social-sec .pf-social{width:100%}
.pf-ev-nota{color:var(--ink-3)}
.pf-card-perte .pf-ev-r{display:none}
.pr-uno{display:block}.pr-uno > .pr-pers{width:100%;box-sizing:border-box}
.pf-v3-com{display:flex;flex-direction:column;gap:12px;width:100%}
.pf-com-l{list-style:none;margin:0;padding:0;display:grid;gap:10px;width:100%}
.pf-com-r{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--pf-s2,var(--surface-2))}
.pf-com-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:var(--t-lg);background:color-mix(in srgb,var(--accent) 22%,var(--surface))}
.pf-com-t{display:flex;flex-direction:column;min-width:0}.pf-com-t strong{font-size:var(--t-sm);overflow-wrap:anywhere}.pf-com-t small{font-size:var(--t-cap)}
.pf-com-az{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pf-com-az .btn{min-height:44px}
@media (max-width:700px){
  .pf-com-r{grid-template-columns:44px minmax(0,1fr)}.pf-com-az{grid-column:1/-1;justify-content:flex-start}
  .profile.pf-v3 .pf-card-social{order:5}
}
@media (min-width:1100px){.profile.pf-v3 #pf-sez-interessi > .pf-cols,.profile.pf-v3 #pf-sez-community > .pf-cols{grid-template-columns:minmax(0,1fr)}}

/* ---- v475: il profilo usa tutta la larghezza del sito, come la barra in alto (prima 1120 px centrati: troppo vuoto ai lati) ---- */
.profile.pf-a.pf-soc.pf-v3{max-width:none}
@media (min-width:1100px){.profile.pf-v3 .pf-v3-cols{grid-template-columns:300px minmax(0,1fr) 280px}}
@media (min-width:1500px){.profile.pf-v3 .pf-v3-cols{grid-template-columns:340px minmax(0,1fr) 320px;gap:20px}.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover{height:220px}.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head{margin-top:-74px}.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head .pf-id{padding-top:80px}}
/* v475: un po' d'aria fra l'anello della foto e il nome (da computer) */
@media (min-width:1100px){.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head .pf-id{padding-left:18px}}

/* ---- v476 · V3-3: scheda «Recensioni» (stelle e commenti su locali, posti e film) e sezione sul profilo degli altri ---- */
.rc-box{display:flex;flex-direction:column;gap:12px;width:100%}
.rc-riep{margin:0;font-size:var(--t-md)}
.rc-vis{margin:0;font-size:var(--t-sm)}.rc-vis a{color:var(--accent);text-underline-offset:2px}
.rc-l{list-style:none;margin:0;padding:0;display:grid;gap:10px;width:100%}
.rc-r{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px;border-radius:14px;background:var(--pf-s2,var(--surface-2))}
.rc-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:var(--t-lg);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}
.rc-c{display:flex;flex-direction:column;gap:4px;min-width:0}
.rc-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.rc-n{font-weight:700;font-size:var(--t-sm);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}.rc-n:hover,.rc-n:focus-visible{text-decoration:underline}
.rc-st{color:var(--warn,#f6b94a);letter-spacing:1px;font-size:var(--t-sm);white-space:nowrap}
.rc-s{font-size:var(--t-cap)}
.rc-nota{margin:2px 0 0;font-size:var(--t-sm);line-height:1.5;color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere}
.rc-mod{min-height:44px;white-space:nowrap}
.rc-vuoto{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.rc-vuoto p{margin:0}
.rc-ed{display:flex;flex-direction:column;gap:8px;margin-top:4px}.rc-ta{width:100%;box-sizing:border-box;resize:vertical;min-height:84px}
.rc-ed-b{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.rc-ed-az{display:flex;flex-wrap:wrap;gap:8px}.rc-ed-az .btn{min-height:44px}
.rc-conta{font-size:var(--t-cap)}
.rc-pub .rc-r{grid-template-columns:44px minmax(0,1fr)}
@media (max-width:700px){.rc-r{grid-template-columns:44px minmax(0,1fr)}.rc-mod{grid-column:1/-1;justify-self:start}}

/* ---- v477 · Profilo come il riferimento dell'utente («Let's Meet Profile Mockup Duo.png»): intestazione essenziale, sei schede con icona, Panoramica a tre colonne senza blocchi in più, telefono con nome sotto la foto ---- */
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-chi-riga{font-style:normal;font-weight:400;color:var(--ink-2);font-size:var(--t-sm);margin-top:4px;line-height:1.5}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-chips{gap:4px 8px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-chips .pf-chip-zona{background:none;border:0;padding:0;font-size:var(--t-sm);color:var(--ink-2);font-weight:500}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-chips .pf-chip-zona[hidden]{display:none}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az{gap:10px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az .btn{border-radius:12px;padding:0 18px;font-weight:600}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az .pf-az-mod{border-color:var(--accent);color:var(--accent);background:var(--surface)}
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-strip .pf-sb span{font-size:var(--t-cap)}
/* schede con l'icona (sei, come nel riferimento) */
.profile.pf-a.pf-soc.pf-v3 .pf-tabs4 .pf-tab4{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-sm);font-weight:600;color:var(--ink-2);padding:0 16px}
.profile.pf-a.pf-soc.pf-v3 .pf-tabs4 .pf-tab4[aria-selected="true"]{color:var(--accent);border-bottom-color:var(--accent)}
.pf-tab-ic{width:18px;height:18px;flex:none}
/* i dati di «Su di me» come righe con icona */
.profile.pf-v3 .pf-fatti-v3{gap:8px;margin-top:4px}
.profile.pf-v3 .pf-fatti-v3 .pf-fatto{align-items:center;gap:8px;font-size:var(--t-sm)}
.profile.pf-v3 .pf-fatti-v3 dt{width:22px;text-align:center;flex:none;color:var(--ink-2)}
.profile.pf-v3 .pf-fatti-v3 dd{color:var(--ink-2);font-weight:400}
/* interessi: etichette pastello con l'icona (colore della categoria) */
.profile.pf-v3 .pf-int-c{background:color-mix(in srgb,var(--nc,var(--accent)) 20%,var(--surface));color:color-mix(in srgb,var(--nc,var(--accent)) 72%,var(--ink));border:1px solid color-mix(in srgb,var(--nc,var(--accent)) 30%,transparent);padding:5px 12px;font-size:var(--t-cap);font-weight:600}
/* social: icone dei marchi in fila */
.pf-social.icone{display:flex;flex-wrap:wrap;gap:12px;grid-template-columns:none}
.pf-social.icone li{display:block}
.pf-social.icone .pf-soc-l{min-height:0;gap:0}
.pf-social.icone .pf-soc-l span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pf-social.icone .pf-soc-l i{width:44px;height:44px;border-radius:50%;color:#fff;background:var(--sc,#6b7280);font-size:0}
.pf-social.icone .pf-soc-l i svg{width:22px;height:22px}
.pf-social.icone .pf-soc-l:hover i,.pf-social.icone .pf-soc-l:focus-visible i{filter:brightness(1.1);transform:translateY(-1px)}
.pf-social.icone .pf-soc-instagram i{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}
.pf-social.icone .pf-soc-facebook i{--sc:#1877f2}
.pf-social.icone .pf-soc-whatsapp i{--sc:#25d366}
.pf-social.icone .pf-soc-sito i{--sc:#6b7280}
/* tessere: «Parteciperò» a contorno; le serate fatte compatte a quattro */
.profile.pf-v3 .pf-ev-vai{background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:3px 10px;font-weight:600}
.profile.pf-v3 .pf-ev-t > small{display:flex;align-items:center;gap:4px}
.profile.pf-v3 .pf-card-fatte .pf-ev-griglia{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.profile.pf-v3 .pf-card-fatte .pf-ev-img{aspect-ratio:1/1}
.profile.pf-v3 .pf-card-fatte .pf-ev-t{padding:8px 8px 10px}
.profile.pf-v3 .pf-card-fatte .pf-ev-data{left:8px;top:8px;padding:4px 7px}
/* colonna destra: Community come elenco, Amici con i soli avatar, «Scopri persone» tinta */
.pf-com-v3{list-style:none;margin:0;padding:0;display:grid;gap:10px;width:100%}
.pf-com-v3-r{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;color:var(--ink);min-height:44px}
.pf-com-v3-ic{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-size:var(--t-lg);background:color-mix(in srgb,var(--accent) 22%,var(--surface))}
.pf-com-v3-t{display:flex;flex-direction:column;min-width:0;gap:1px}.pf-com-v3-t strong{font-size:var(--t-sm);overflow-wrap:anywhere;line-height:1.25}.pf-com-v3-t small{font-size:var(--t-cap);color:var(--ink-3)}
.pf-com-v3-r:hover strong,.pf-com-v3-r:focus-visible strong{text-decoration:underline}
.pf-com-vuoto{margin:0;font-size:var(--t-sm)}
.pf-amici-n{font-weight:600;color:var(--ink-3);font-size:var(--t-sm)}
.pf-amici-av a{width:44px;height:44px;margin-left:-8px}.pf-amici-av small{font-weight:600}
.profile.pf-v3 .pf-card-scopri{gap:10px;padding:18px 16px}
.profile.pf-v3 .pf-card-scopri .pf-scopri-i{color:var(--accent)}
.profile.pf-v3 .pf-card-scopri strong{line-height:1.35}
.profile.pf-v3 .pf-card-scopri .btn{min-height:44px;border-radius:12px}
/* scheda Eventi: la settimana (prima nella Panoramica) */
.pf-v3-sett{display:flex;flex-direction:column;gap:12px;width:100%}
.pf-v3-sett:empty{display:none}
/* telefono: come il riferimento: foto sola sulla copertina, nome e luogo sotto, frase, «Modifica profilo» largo con l'icona di condivisione, quattro numeri, schede; poi Prossimi eventi, interessi, Su di me */
@media (max-width:700px){
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head,.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:-46px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-av{width:92px;height:92px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head .pf-id{display:flex;flex-direction:column;gap:4px;width:100%;padding:0}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id h2{font-size:var(--t-xl);line-height:1.15;margin:0;padding:0}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-chips{margin:0}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-hero-r{padding-top:12px;gap:14px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az{display:flex;gap:8px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az .pf-az-mod{display:inline-flex;flex:1;justify-content:center}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az .pf-az-cond{flex:none;width:48px;padding:0;justify-content:center}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-hero-az .pf-az-cond .pf-az-t{display:none}   /* il bottone ha già aria-label */
  .profile.pf-v3 .pf-card-bio{order:1}.profile.pf-v3 .pf-card-pross{order:2}.profile.pf-v3 .pf-card-int{order:3}.profile.pf-v3 .pf-card-social{order:4}   /* v648: «Su di me» per primo anche da telefono (regola dell'utente «sempre in risalto»; dalla v477 era terzo) */.profile.pf-v3 .pf-card-fatte{order:5}
  .profile.pf-v3 .pf-card-com{order:6}.profile.pf-v3 .pf-card-amici{order:7}.profile.pf-v3 .pf-card-scopri{order:8}
  .profile.pf-a.pf-soc.pf-v3 .pf-tabs4 .pf-tab4{padding:0 12px;gap:6px}
}
/* v477: la frase sta sotto il nome (non sotto la foto), senza «·» davanti al luogo; da telefono il nome parte da sinistra */
@media (min-width:701px){.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-chi{grid-column:2;grid-row:3;margin-top:2px}}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-chips .pf-chip-zona::before{display:none}
@media (max-width:700px){.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id h2{align-self:flex-start;padding-right:0;width:100%}.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-chi{margin:0;width:100%}}
/* v477: la frase sta accanto alla foto (la foto copre tre righe della griglia: nome, luogo, frase), senza la riga vuota */
@media (min-width:701px){.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head > :first-child{grid-row:1/4}.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-chi{margin-top:4px;align-self:start}}
/* v477: da computer nome, luogo e frase sono una colonna semplice accanto alla foto (niente più righe di griglia che si allargano) */
@media (min-width:701px){
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head > :first-child{grid-row:1}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head > .pf-id{display:flex;flex-direction:column;gap:6px;grid-column:2;grid-row:1;align-self:start;padding-top:72px;min-width:0}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > h2{margin:0}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-id > .pf-chi{margin:0}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-chi-riga{margin-top:2px}
}
@media (min-width:1500px){.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head > .pf-id{padding-top:80px}}
@media (min-width:701px) and (max-width:1099px){.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head > .pf-id{padding-top:74px}}
/* v477: la scheda attiva legge bene anche dove l'accento è chiaro (Poster: 3,8:1 → con un po' d'inchiostro 4,5+) */
.profile.pf-a.pf-soc.pf-v3 .pf-tabs4 .pf-tab4[aria-selected="true"]{color:color-mix(in srgb,var(--accent) 72%,var(--ink))}
/* v478: copertina più bassa («il riquadro colorato credo vada ridotto»): 140 px da computer, 160 da 1500 px, 96 da telefono; la foto scavalca meno */
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover{height:140px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head,.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{margin-top:-56px}
@media (min-width:701px){.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head > .pf-id{padding-top:64px}}
@media (min-width:1500px){.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover{height:160px}.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head{margin-top:-60px}.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head > .pf-id{padding-top:68px}}
@media (min-width:701px) and (max-width:1099px){.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover{height:130px}.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head > .pf-id{padding-top:66px}}
@media (max-width:700px){.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover{height:96px}.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head,.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{margin-top:-40px}}
/* ---- v479: le schede sono il bordo inferiore dello stesso riquadro dell'intestazione (richiesta: «accorparli in unico blocco… si risparmia spazio»), la foto è più grande ---- */
.profile.pf-a.pf-soc.pf-v3 .pf-hero{border-radius:24px 24px 0 0;padding-bottom:14px;border-bottom:0;box-shadow:none}
.profile.pf-a.pf-soc.pf-v3 .pf-main > .pf-sticky{margin-top:0;padding-bottom:0}
.profile.pf-a.pf-soc.pf-v3 .pf-sticky{background:var(--pf-s1,var(--surface));-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--line);border-top:0;border-radius:0 0 24px 24px;margin-bottom:14px}
.profile.pf-a.pf-soc.pf-v3 .pf-tabs4-r{padding:0 20px;border-bottom:0}
.profile.pf-a.pf-soc.pf-v3 .pf-tabs4 .pf-tab4{min-height:50px}
.profile.pf-a.pf-soc.pf-v3 .pf-tabs4 .pf-tab4[aria-selected="true"]{border-bottom-width:3px}
@media (min-width:701px){
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-av{width:160px;height:160px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head,.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{margin-top:-66px;grid-template-columns:160px minmax(0,1fr)}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head > :first-child{width:160px;height:160px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head > .pf-id{padding-top:72px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-hero-r{padding-top:12px}
}
@media (min-width:1500px){.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head{margin-top:-70px}.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head > .pf-id{padding-top:76px}}
@media (max-width:700px){
  .profile.pf-a.pf-soc.pf-v3 .pf-hero{border-radius:18px 18px 0 0;padding-bottom:10px}
  .profile.pf-a.pf-soc.pf-v3 .pf-sticky{border-radius:0 0 18px 18px;margin-inline:0;padding-inline:0}
  .profile.pf-a.pf-soc.pf-v3 .pf-tabs4-r{padding:0 8px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-av{width:104px;height:104px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head,.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{margin-top:-46px}
}
/* ---- v482 · Profilo degli altri (V3-4): la stessa pagina del profilo v3 (intestazione, sei schede, Panoramica a tre colonne); qui solo ciò che cambia rispetto al proprio ---- */
.profile.pf-pub.pf-v3 > .back{align-self:flex-start;margin-bottom:6px}
/* azioni: «👋 Usciamo insieme?» piena a tutta larghezza; sotto «Segui» e «✉️ Scrivi» a contorno, metà e metà */
.profile.pf-a.pf-soc.pf-v3 .pf-hero-r > .pf-pub-az3{display:flex;flex-wrap:wrap;gap:8px}
.profile.pf-a.pf-soc.pf-v3 .pf-pub-az3 .inv-b{flex:1 0 100%;height:auto!important;min-height:48px!important;   /* !important: la regola :is(…, #sfHelp) ha la forza di un id */ justify-content:center;border-radius:12px;font-weight:600;padding:0 18px}
.profile.pf-a.pf-soc.pf-v3 .pf-pub-az3 .sg-pulsante,.profile.pf-a.pf-soc.pf-v3 .pf-pub-az3 .sg-pulsante .pf-actions,.profile.pf-a.pf-soc.pf-v3 .pf-pub-az3 .cp-az-s{display:contents}
.profile.pf-a.pf-soc.pf-v3 .pf-pub-az3 .sg-pulsante .btn,.profile.pf-a.pf-soc.pf-v3 .pf-pub-az3 .cp-az-s .btn{flex:1 1 0;min-width:0;min-height:44px;justify-content:center;border-radius:12px;font-weight:600;border:1px solid var(--accent);color:var(--accent);background:var(--surface);box-shadow:none;white-space:nowrap;padding:0 12px}
.profile.pf-a.pf-soc.pf-v3 .pf-pub-az3 .sg-pulsante .btn.danger{border-color:var(--danger,#b42318);color:var(--danger,#b42318)}
.profile.pf-a.pf-soc.pf-v3 .pf-pub-az3 .sg-pulsante > span{flex-basis:100%;font-size:var(--t-cap)}
.profile.pf-a.pf-soc.pf-v3 .pf-pub-az3 .pf-az-mod{flex:1 1 0;min-width:0;justify-content:center}
.profile.pf-a.pf-soc.pf-v3 .pf-pub-az3 .pf-az-cond{flex:1 1 0;min-width:0;justify-content:center}
/* «Chi è»: i dati come righe con icona (come «Su di me»); il livello è una riga */
.profile.pf-pub.pf-v3 .pf-card-bio .pf-chi-bio{margin:0;white-space:pre-line;overflow-wrap:anywhere;line-height:1.55;font-size:var(--t-sm);color:var(--ink-2)}
.profile.pf-pub.pf-v3 .pf-pub-liv{font-weight:400}
.profile.pf-pub.pf-v3 .pf-fatti-v3 .pf-fatti-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.profile.pf-pub.pf-v3 .pf-pub-livello{margin:0;font-size:var(--t-md)}
.profile.pf-pub.pf-v3 .pf-carte{margin-top:4px}
/* la coppia in una frase e «cerca compagnia» come riquadri della colonna centrale */
.profile.pf-pub.pf-v3 .pf-v3-c > .cp-duo{margin:0}
.profile.pf-pub.pf-v3 .pf-cerco h3{margin:0 0 6px;font-size:var(--t-md)}
/* amici: nella Panoramica solo gli avatar, nella scheda l'elenco con «N serate insieme» */
.pf-amici-lista{list-style:none;margin:0;padding:0;display:grid;gap:6px;width:100%}
.pf-amici-lista .pf-sugg-p{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-height:48px;text-decoration:none;color:var(--ink)}
.pf-amici-lista .pf-sugg-av{width:44px;height:44px;border-radius:50%;object-fit:cover}
.pf-amici-lista .pf-sugg-t{display:flex;flex-direction:column;min-width:0}
.pf-amici-lista .pf-sugg-p:hover strong,.pf-amici-lista .pf-sugg-p:focus-visible strong{text-decoration:underline}
.pf-pub-seguaci{margin:0}
/* una scheda senza niente di acceso: la nota, non un pannello vuoto */
.profile.pf-pub.pf-v3 .pf-pub-nota{margin:0;padding:16px 18px;border:1px dashed var(--line);border-radius:var(--pf-r2,18px);width:100%;box-sizing:border-box}
.profile.pf-pub.pf-v3 .pf-pub-nota[hidden]{display:none}
.profile.pf-pub.pf-v3 .pf-pub-vuoto p{margin:0}
.profile.pf-pub.pf-v3 .pf-cols > .dia:empty{display:none}
.profile.pf-pub.pf-v3 .pf-cols > .dia{display:flex;flex-direction:column;gap:14px;width:100%}
.profile.pf-pub.pf-v3 .pf-cols > .dia > .dia-sez{margin:0;width:100%;box-sizing:border-box}
.profile.pf-pub.pf-v3 .pf-pub-anteprima{margin-bottom:14px}
.profile.pf-pub.pf-v3 .pf-pub-link .pf-cal-in{width:100%;box-sizing:border-box}
/* telefono: l'ordine dei riquadri della Panoramica come nel riferimento (prossimi eventi, interessi, chi è…), le tre azioni in due righe */
@media (max-width:700px){
  .profile.pf-pub.pf-v3 .cp-duo{order:0}.profile.pf-pub.pf-v3 .pf-cerco{order:1}.profile.pf-pub.pf-v3 .pf-pub-vuoto{order:2}.profile.pf-pub.pf-v3 .og-pub{order:6}.profile.pf-pub.pf-v3 .cp-quando{order:9}.profile.pf-pub.pf-v3 .pf-pub-link{order:0}
  .profile.pf-a.pf-soc.pf-v3 .pf-pub-az3 .sg-pulsante .btn,.profile.pf-a.pf-soc.pf-v3 .pf-pub-az3 .cp-az-s .btn{min-height:46px}
}
.profile.pf-a.pf-soc.pf-v3 .pf-pub-az3 .sg-pulsante > span{display:none}   /* «Ti segue» e i follower stanno nella scheda Amici */
.profile.pf-pub.pf-v3 #pf-sez-attivita > .pf-cols > .cp-duo{grid-column:1/-1;margin:0;width:100%;box-sizing:border-box}
@media (min-width:701px){.profile.pf-pub.pf-v3 .pf-v3-cols.pf-v3-senza-dx{grid-template-columns:300px minmax(0,1fr)}.profile.pf-pub.pf-v3 .pf-v3-senza-dx > .pf-v3-dx{display:none}}
/* v482: «lasciare un pochino di spazio a destra e sinistra»: da computer il profilo (proprio e degli altri) non tocca i bordi della finestra e sugli schermi grandi resta centrato */
@media (min-width:1100px){.profile.pf-a.pf-soc.pf-v3{padding-inline:16px;box-sizing:border-box}}   /* v483: dimezzato («forse adesso hai messo troppo spazio») */
@media (min-width:1500px){.profile.pf-a.pf-soc.pf-v3{max-width:1440px;margin-inline:auto;padding-inline:24px}}
/* v482: foto del profilo del 10% più grande (richiesta dell'utente): 176 px da computer, 114 da telefono */
@media (min-width:701px){
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-av{width:176px;height:176px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head,.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{margin-top:-74px;grid-template-columns:176px minmax(0,1fr)}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head > :first-child{width:176px;height:176px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head > .pf-id{padding-top:80px}
}
@media (min-width:1500px){.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head{margin-top:-78px}.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-head > .pf-id{padding-top:84px}}
@media (max-width:700px){
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-av{width:114px;height:114px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head,.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)) > .pf-head{margin-top:-50px}
}

/* ---- v484 · «Su di me» e «I miei interessi» rifiniti («ha bisogno di raffinamento e ottimizzazione grafiche»): icone a contorno grigie per i dati, matita a contorno, etichette degli interessi più compatte e allineate ---- */
.pf-dato-ic{width:18px;height:18px;flex:none;color:var(--ink-3)}
.profile.pf-v3 .pf-card-h .pf-card-mod{width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3);background:transparent;border:0}
.profile.pf-v3 .pf-card-h .pf-card-mod .pf-dato-ic{width:16px;height:16px;color:inherit}
.profile.pf-v3 .pf-card-h .pf-card-mod:hover,.profile.pf-v3 .pf-card-h .pf-card-mod:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.profile.pf-v3 .pf-card .pf-chi-bio{line-height:1.55;font-size:var(--t-sm);color:var(--ink-2)}
.profile.pf-v3 .pf-fatti-v3{gap:10px;margin-top:6px}
.profile.pf-v3 .pf-fatti-v3 .pf-fatto{gap:10px;align-items:center;min-height:20px}
.profile.pf-v3 .pf-fatti-v3 dt{width:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:var(--t-sm)}
.profile.pf-v3 .pf-fatti-v3 dd{font-size:var(--t-sm);font-weight:400;color:var(--ink-2);line-height:1.35}
.profile.pf-v3 .pf-int-chips{gap:8px}
.profile.pf-v3 .pf-int-c{padding:5px 11px 5px 9px;gap:6px;font-size:var(--t-cap);font-weight:600;line-height:1.2;min-height:30px;border:0;background:color-mix(in srgb,var(--nc,var(--accent)) 16%,var(--surface));color:color-mix(in srgb,var(--nc,var(--accent)) 68%,var(--ink))}
.profile.pf-v3 .pf-int-c i{font-size:13px;line-height:1;width:16px;text-align:center}
.profile.pf-v3 .pf-int-piu{min-height:30px;padding:0 11px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-weight:600;font-size:var(--t-cap)}
.profile.pf-v3 .pf-card-int,.profile.pf-v3 .pf-card-bio{gap:10px}
/* v491 · Cinema: la barra dei bottoni al 90% con misure vere, non con «zoom» (sfocava i caratteri e spostava il numero). Qui e non in style.css: la regola `body .cin-bar …{height:44px}` sopra (riga 456) vince per ordine */
@media (min-width:701px){
  body .cin-bar .back-home,body .cin-bar .cin-tabs .tab,body .cin-bar .viewswitch button,body .cin-bar .export-btn,body .cin-bar .con-end select,body .cin-bar .con-end button{height:40px;min-height:40px!important;font-size:13.5px}
  body .cin-bar .back-home{padding-left:18px;padding-right:18px}
  body .cin-bar .cin-tabs .tab{padding-left:13px;padding-right:13px}
  body .cin-bar .viewswitch button,body .cin-bar .con-end button{padding-left:14px;padding-right:14px}
  body .cin-bar .export-btn{padding-left:14px;padding-right:14px}
  body .cin-bar .cin-tabs .tab .n{font-size:12px;line-height:1;margin-left:6px;align-self:center;position:relative;top:-.5px}
}
/* v492 · Cinema: Lista/Calendario, Mese e Schede/Elenco/Compatta/Programma dello stesso tipo di «← Home» e delle schede («non mi sembrano dello stesso tipo di quello di home»): pillole separate col bordo, quella scelta piena di accento */
body .cin-bar .viewswitch{border:0;background:none;overflow:visible;border-radius:0;gap:8px;height:auto}
body .cin-bar .viewswitch button{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:600}
body .cin-bar .viewswitch button + button{border-left:1px solid var(--line)}
body .cin-bar .viewswitch button:hover:not([aria-pressed="true"]){border-color:var(--accent);color:var(--ink)}
body .cin-bar .viewswitch button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink,#fff);border-color:var(--accent);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 35%,transparent)}
body .cin-bar .sortby{gap:6px;font-weight:600;font-size:13.5px}
body .cin-bar .sortby select{font-weight:600;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer}
body .cin-bar .sortby select:hover{border-color:var(--accent)}
body .cin-bar .export-btn{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:600}
body .cin-bar .export-btn:hover{border-color:var(--accent)}
/* ---- v495 · Le barre di Eventi, Concerti, Sagre, Corsi, Dove andare e Dove mangiare come quella del Cinema («usa come riferimento i bottoni di cinema per uniformare»): da computer pillole da 40 px e testo 13,5 px; «← Home» pieno d'accento, schede col bordo, Lista/Calendario/Mappa e Schede/Elenco/Compatta/Programma a pillole separate con la scelta piena d'accento, «Esporta riepilogo» col bordo ---- */
@media (min-width:701px){
  body #tabs{gap:8px 10px;padding-bottom:12px}
  body #tabs .tabscroll{gap:8px}
  body #tabs .back-home,body #tabs .tab,body #tabs .viewswitch button,body #tabs button.btn.export-btn,body .place-tools .viewswitch button,body .place-tools .btn{box-sizing:border-box;height:40px;min-height:40px!important;padding-top:0;padding-bottom:0;font-size:13.5px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center}
  body #tabs .back-home{padding-left:18px;padding-right:18px;font-weight:700}
  body #tabs .tab{padding-left:13px;padding-right:13px}
  body #tabs .tab .n{font-size:12px;line-height:1;margin-left:6px;align-self:center;position:relative;top:-.5px}
  body #tabs .viewswitch,body .place-tools .viewswitch{border:0;background:none;overflow:visible;border-radius:0;gap:8px;height:auto;margin-left:0}
  body #tabs .viewswitch button,body .place-tools .viewswitch button{padding-left:14px;padding-right:14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:600}
  body #tabs .viewswitch button + button,body .place-tools .viewswitch button + button{border-left:1px solid var(--line)}
  body #tabs .viewswitch button:hover:not([aria-pressed="true"]),body .place-tools .viewswitch button:hover:not([aria-pressed="true"]){border-color:var(--accent);color:var(--ink)}
  body #tabs .viewswitch button[aria-pressed="true"],body .place-tools .viewswitch button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink,#fff);border-color:var(--accent);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 35%,transparent)}
  body #tabs button.btn.export-btn{padding-left:14px;padding-right:14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:600;text-decoration:none}
  body #tabs button.btn.export-btn:hover{border-color:var(--accent)}
  body #tabs .viewswitch.layout-switch{margin-left:auto}
}
/* v496 · Eventi e Concerti: «Esporta riepilogo» in fondo alla barra, come nel Cinema («esporta riepilogo dovrebbe essere in fondo») */
@media (min-width:701px){body #tabs .viewswitch{order:1}body #tabs .viewswitch.layout-switch{order:2}body #tabs button.btn.export-btn{order:3;margin-left:0}}
/* v496 · Eventi: la tendina «Mese» nella barra, come nel Cinema */
#tabs .sortby{display:flex;align-items:center;gap:6px;color:var(--ink-2);font-size:13.5px;font-weight:600}
#tabs .sortby select{min-height:40px;padding:6px 12px;border-radius:999px;font-weight:600;font-size:13.5px;background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer}
#tabs .sortby select:hover{border-color:var(--accent)}
@media (max-width:700px){#tabs .sortby select{min-height:44px;font-size:15px}}
/* v497 · Eventi: «Mese» accanto a Schede/Elenco («non puoi mettere tutti i mesi vicino a scheda?»), come nel Cinema: ordine Lista/Calendario/Mappa · Mese · Schede… · Esporta */
@media (min-width:701px){body #tabs .tabs-end{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 10px}body #tabs .tabs-end .viewswitch{order:0;margin-left:0}body #tabs .tabs-end .sortby.ev-mese{order:0;margin-left:0}body #tabs .tabs-end .viewswitch.layout-switch{order:0;margin-left:0}body #tabs .tabs-end button.btn.export-btn{order:0}}
@media (max-width:700px){body #tabs .tabs-end{display:contents}}
/* v502 · Profilo: le schede attaccate all'intestazione, senza spazio («puoi attaccare Panoramica… Recensioni sopra in modo da non avere spazio»): via il gap della colonna fra intestazione e barra delle schede (resta lo spazio sotto le schede) */
.profile.pf-a.pf-soc.pf-v3{row-gap:0}
.profile.pf-a.pf-soc.pf-v3 > .pf-side{padding-bottom:0}
.profile.pf-a.pf-soc.pf-v3 > .pf-sec:not([hidden]),.profile.pf-a.pf-soc.pf-v3 > .pf-banner:not([hidden]){margin-top:14px;margin-bottom:14px}
.profile.pf-a.pf-soc.pf-v3 > .pf-main{margin-top:0}
.profile.pf-a.pf-soc.pf-v3 .pf-hero{padding-bottom:10px}
@media (max-width:700px){.profile.pf-a.pf-soc.pf-v3{row-gap:0}.profile.pf-a.pf-soc.pf-v3 .pf-hero{padding-bottom:8px}}
/* ---- v503 · Profilo: la copertina riempie tutto il riquadro dell'intestazione («estendere l'immagine del profilo per ricoprire l'intero rettangolo») e una riga sopra le schede («una linea prima dei vari pulsanti») ---- */
.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)),.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img){position:relative;isolation:isolate;padding-top:140px;overflow:hidden}   /* stessa forza delle regole con :has della v478 */
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover{position:absolute;inset:0;height:auto;margin:0;z-index:0;border-radius:0;grid-area:auto}   /* righe e colonne «auto»: per un elemento assoluto l'area di riferimento diventa tutto il riquadro, non la prima riga (alta 0) */
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 0,transparent 96px,color-mix(in srgb,var(--pf-s1,var(--surface)) 72%,transparent) 150px,color-mix(in srgb,var(--pf-s1,var(--surface)) 92%,transparent) 100%)}   /* in alto la foto libera, poi un velo del colore del riquadro: il testo resta leggibile sia nei temi chiari sia in quelli scuri */
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover .pf-cov-mod{z-index:2}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head,.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-hero-r{position:relative;z-index:1}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head{margin-top:-66px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover.con-img .pf-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (min-width:1500px){.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)),.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img){padding-top:160px}.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head{margin-top:-70px}}
@media (min-width:701px) and (max-width:1099px){.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)),.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img){padding-top:130px}}
@media (max-width:700px){.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)),.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img){padding-top:96px}.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-head{margin-top:-50px}.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover::after{background:linear-gradient(180deg,transparent 0,transparent 60px,color-mix(in srgb,var(--pf-s1,var(--surface)) 72%,transparent) 110px,color-mix(in srgb,var(--pf-s1,var(--surface)) 92%,transparent) 100%)}}
/* la riga sopra le schede */
.profile.pf-a.pf-soc.pf-v3 .pf-sticky{border-top:1px solid var(--line)}
.profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)),.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img){padding-bottom:12px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-cov-mod{top:14px;bottom:auto}   /* v503: con la copertina a tutto riquadro il bottone sta in alto a destra, sulla foto */
@media (max-width:700px){.profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-cov-mod{top:10px;bottom:auto}}
/* ---- v504 · Modifica profilo (js/profilo-editor.js): pagina sola con testata, indice, gruppi di impostazioni, anteprima e barra di salvataggio ---- */
.profile.pf-ed{display:flex;flex-direction:column;gap:0;max-width:1240px;margin-inline:auto;padding-bottom:90px}
.pe-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 12px}
.pe-top h1{margin:0;font-size:var(--t-lg);font-weight:800}
.pe-head{position:relative;isolation:isolate;border:1px solid var(--line);border-radius:18px 18px 0 0;background:var(--pf-s1,var(--surface));overflow:hidden;padding:140px 24px 18px}
.pe-head > .pe-cover{position:absolute;inset:0;height:auto;margin:0;z-index:0;border-radius:0}
.pe-head > .pe-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0,transparent 100px,color-mix(in srgb,var(--pf-s1,var(--surface)) 75%,transparent) 150px,color-mix(in srgb,var(--pf-s1,var(--surface)) 94%,transparent) 100%)}
.pe-head > .pe-cover .pf-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pe-head-tools{position:absolute;top:14px;right:16px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.pe-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pe-tb{min-height:36px;border-radius:9px;background:rgba(10,8,30,.55);color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-weight:600;font-size:var(--t-cap);padding:0 12px;display:inline-flex;align-items:center;gap:4px;cursor:pointer}
.pe-tb:hover{background:rgba(10,8,30,.7)}
.pe-colori{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;padding:8px;border-radius:12px;background:color-mix(in srgb,var(--pf-s1,var(--surface)) 92%,transparent);border:1px solid var(--line)}
.pe-colori[hidden]{display:none}
.pe-id{position:relative;z-index:1;display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}
.pe-av{width:112px;height:112px;border-radius:50%;object-fit:cover;border:4px solid var(--pf-s1,var(--surface));background:var(--surface-2);flex:none;margin-top:-56px}
.pe-who{flex:1;min-width:200px;padding-bottom:4px}
.pe-who h2{margin:0;font-size:var(--t-xl);line-height:1.1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pe-role{display:inline-block;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:color-mix(in srgb,var(--accent) 80%,var(--ink));font-size:var(--t-cap,13px);font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pe-who p{margin:2px 0 0}
.pe-prog{min-width:260px;padding-bottom:4px}
.pe-prog-l{display:flex;justify-content:space-between;font-size:var(--t-cap);color:var(--ink-2);margin-bottom:6px}.pe-prog-l b{color:var(--ink)}
.pe-prog-t{height:6px;border-radius:999px;background:var(--line);overflow:hidden}.pe-prog-t i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#7b34e8));border-radius:999px;transition:width .3s}
.pe-prog small{display:block;margin-top:6px;font-size:var(--t-cap)}.pe-prog small a{color:var(--accent);font-weight:700;text-decoration:none}
.pe-body{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;background:var(--pf-s1,var(--surface));overflow:visible}
.pe-nav{border-right:1px solid var(--line);padding:16px 12px;background:var(--pf-s2,var(--surface-2));border-radius:0 0 0 18px;position:sticky;top:calc(var(--pf-top,56px) + 8px);align-self:start;display:flex;flex-direction:column;gap:2px}
.pe-cap{margin:0 0 6px;padding:0 12px;font-size:var(--t-cap,13px);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:800}.pe-cap2{margin-top:14px}
.pe-nav-a{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;border-radius:9px;color:var(--ink-2);text-decoration:none;font-weight:600;min-height:40px;font-size:var(--t-sm)}
.pe-nav-a:hover{background:var(--pf-s1,var(--surface));color:var(--ink)}
.pe-nav-a[aria-current]{background:var(--pf-s1,var(--surface));color:var(--ink);box-shadow:0 1px 2px rgba(20,26,42,.1)}
.pe-st{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ink-3);display:grid;place-items:center;font-size:var(--t-cap,13px);line-height:1;color:#fff}
.pe-st-ok{border-color:#1b8a5a;background:#1b8a5a}.pe-st-half{border-color:#b7791f;background:linear-gradient(90deg,#b7791f 50%,transparent 50%)}
.pe-nav-n{font-size:var(--t-cap,13px);color:var(--ink-3);font-weight:600;white-space:nowrap}
.pe-main{padding:4px 28px 20px;min-width:0}
.pe-grp{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding:26px 0;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--pf-top,56px) + 70px)}
.pe-grp:last-child{border-bottom:0}
.pe-d h3{margin:0 0 4px;font-size:var(--t-md);font-weight:800}.pe-d p{margin:0;color:var(--ink-2);font-size:var(--t-cap)}
.pe-pub{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:var(--t-cap,13px);font-weight:800;color:var(--ink-2);background:var(--pf-s2,var(--surface-2));padding:4px 10px;border-radius:999px}
.pe-pub.on{color:#1b8a5a;background:color-mix(in srgb,#1b8a5a 14%,var(--surface))}
.pe-fs{display:flex;flex-direction:column;gap:16px;min-width:0}
.pe-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.pe-f > label{font-weight:700;font-size:var(--t-cap);display:flex;justify-content:space-between;gap:8px;align-items:center}
.pe-f > label small{color:var(--ink-3);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.pe-m{display:inline-block;width:46px;height:4px;border-radius:999px;background:var(--line);overflow:hidden;vertical-align:middle}.pe-m i{display:block;height:100%;width:0;background:var(--accent)}
.pe-f .tav-in{width:100%;box-sizing:border-box;font-size:var(--t-sm)}
.pe-f textarea.tav-in{resize:vertical;min-height:96px}
.pe-help{font-size:var(--t-cap);color:var(--ink-2)}
.pe-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pe-chips{display:flex;flex-wrap:wrap;gap:8px}
.pe-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--pf-s1,var(--surface));color:var(--ink);font:inherit;font-size:var(--t-cap);font-weight:600;min-height:36px;cursor:pointer}
.pe-chip:hover{border-color:var(--ink-3)}
.pe-chip.on{background:color-mix(in srgb,var(--nc,var(--accent)) 18%,var(--surface));border-color:color-mix(in srgb,var(--nc,var(--accent)) 50%,transparent);color:color-mix(in srgb,var(--nc,var(--accent)) 72%,var(--ink))}
.pe-chip i{font-style:normal}.pe-chip .pe-x{opacity:.7;font-size:11px}
.pe-chip.pe-more{border-style:dashed;color:var(--ink-2)}
.pe-sw-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--pf-s2,var(--surface-2))}
.pe-sw-row b{display:block;font-size:var(--t-cap)}.pe-sw-row small{font-size:var(--t-cap,13px)}
.pe-sw{width:56px;height:44px;border:0;background:none;position:relative;flex:none;cursor:pointer;padding:0}   /* bersaglio 44 px; la levetta è disegnata dentro */
.pe-sw::before{content:"";position:absolute;top:10px;left:7px;width:42px;height:24px;border-radius:999px;background:var(--ink-3);transition:background .15s}
.pe-sw::after{content:"";position:absolute;top:13px;left:10px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .15s}
.pe-sw.on::before{background:#1b8a5a}.pe-sw.on::after{left:28px}
.pe-sw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* v652 · Social nell'editor (bozza B3 «Tinta del marchio», https://claude.ai/artifact/QoHL9KgmuV3Qb62ynquAKi): una scheda per social con velatura e contorno nel colore del marchio,
   il nome con «cosa scrivere», l'inizio fisso nella casella, la pillola di stato e il link che si aprirà; in testa «N di 4 collegati»; «Chi li vede» a due scelte. Colori di stato dal tema (--ok, --bad). */
.pe-sc-testa{display:grid;gap:8px}
.pe-sc-conta{margin:0;font-size:var(--t-sm,14px);font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums}
.pe-sc-barra{height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.pe-sc-barra i{display:block;height:100%;width:0;background:var(--ok);border-radius:3px;transition:width .25s}
.pe-sc-lista{display:grid;gap:10px}
.pe-sc{--mc:#5b6478;display:grid;gap:8px;padding:12px;border:1px solid color-mix(in srgb,var(--mc) 32%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--mc) 6%,var(--surface))}
.pe-sc-instagram{--mc:#dc2743}.pe-sc-facebook{--mc:#1877f2}.pe-sc-whatsapp{--mc:#1fa855}
.pe-sc-h{display:flex;align-items:center;gap:10px;min-width:0}
.pe-sc-h label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer}
.pe-sc-m{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:none;background:var(--mc)}
.pe-sc-instagram .pe-sc-m{background:linear-gradient(45deg,#f09433,#dc2743 50%,#bc1888)}
.pe-sc-m svg{width:18px;height:18px}
.pe-sc-n{font-weight:700;min-width:0;overflow-wrap:anywhere}
.pe-sc-n small{font-weight:400;color:var(--ink-2);font-size:var(--t-cap,13px)}
.pe-sc-pill{flex:none;font-size:var(--t-cap,13px);font-weight:800;padding:3px 10px;border-radius:999px;background:var(--pf-s2,var(--surface-2));color:var(--ink-2);white-space:nowrap}
.pe-sc-pill.ok{background:var(--ok-soft,color-mix(in srgb,var(--ok) 15%,transparent));color:var(--ok)}
.pe-sc-pill.no{background:var(--bad-soft,color-mix(in srgb,var(--bad) 14%,transparent));color:var(--bad)}
.pe-sc-campo{display:flex;align-items:center;min-height:46px;min-width:0;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .15s}
.pe-sc-campo:focus-within{outline:3px solid var(--accent);outline-offset:2px}
.pe-sc-campo.ok{border-color:var(--ok)}.pe-sc-campo.no{border-color:var(--bad)}
.pe-sc-pre{padding-left:14px;color:var(--ink-2);white-space:nowrap;font-size:var(--t-sm,15px)}
.pe-sc-in{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--t-sm,15px);padding:10px 4px 10px 2px;min-height:43px;outline:none}
.pe-sc-campo .pe-sc-in:focus,.pe-sc-campo .pe-sc-in:focus-visible{outline:none;box-shadow:none}   /* il fuoco si vede sul campo intero (:focus-within), non due volte */
.pe-sc-ok{width:22px;text-align:center;font-weight:800;color:var(--ok);flex:none}
.pe-sc-via{width:44px;height:44px;flex:none;border:0;background:none;color:var(--ink-2);font-size:15px;cursor:pointer;border-radius:10px}
.pe-sc-via:hover{color:var(--ink)}.pe-sc-via:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.pe-sc-avv{margin:0;font-size:12.5px;color:var(--accent-text,var(--accent))}
.pe-sc-es{margin:0;font-size:12.5px;color:var(--ink-2);overflow-wrap:anywhere}
.pe-sc-es:empty{display:none}
.pe-sc-es.ok{color:var(--ok)}.pe-sc-es.no{color:var(--bad)}
.pe-sc-es a{margin-left:6px;font-weight:700;color:var(--accent-text,var(--accent));text-decoration:none}.pe-sc-es a:hover{text-decoration:underline}
.pe-sc-chi{border:0;margin:0;padding:12px 0 0;border-top:1px dashed var(--line);display:grid;gap:8px;min-width:0}
.pe-sc-chi legend{padding:0;margin-bottom:8px;font-weight:700}
.pe-sc-seg{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1.5px solid var(--line);border-radius:12px;background:var(--pf-s2,var(--surface-2))}
.pe-sc-sb{min-height:42px;border:0;border-radius:9px;background:none;color:var(--ink-2);font:inherit;font-size:var(--t-sm,14px);font-weight:700;cursor:pointer;padding:0 8px}
.pe-sc-sb.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.pe-sc-sb:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
.pe-sc-chi-d{margin:0;font-size:13px;color:var(--ink-2)}
@media (max-width:760px){.pe-sc-in{font-size:16px}}
@media (prefers-reduced-motion:reduce){.pe-sc-barra i,.pe-sc-campo{transition:none}}
.pe-soc{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}
.pe-soc-ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:18px;background:#6b7280}
.pe-soc-instagram{background:linear-gradient(45deg,#f09433,#dc2743 50%,#bc1888)}.pe-soc-facebook{background:#1877f2}.pe-soc-whatsapp{background:#25d366}
.pe-empty{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px dashed var(--line);border-radius:12px;background:var(--pf-s2,var(--surface-2))}
.pe-e-ic{width:48px;height:48px;border-radius:12px;background:var(--pf-s1,var(--surface));border:1px solid var(--line);display:grid;place-items:center;font-size:22px}
.pe-empty b{display:block;font-size:var(--t-sm)}.pe-empty p{margin:2px 0 0;font-size:var(--t-cap);color:var(--ink-2)}
.pe-grp-vis .pf-vis{padding:0;border:0;background:none;box-shadow:none;margin:0}.pe-grp-vis .pf-vis > h3{display:none}
.pe-prev{border-left:1px solid var(--line);padding:20px 18px;background:var(--pf-s2,var(--surface-2));border-radius:0 0 18px 0;position:sticky;top:calc(var(--pf-top,56px) + 8px);align-self:start;display:flex;flex-direction:column;gap:12px}
.pe-prev .pe-cap{padding:0;margin:0}
.pe-card{background:var(--pf-s1,var(--surface));border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(20,26,42,.08)}
.pe-pv-cov{height:64px;margin:0;position:relative;overflow:hidden}.pe-pv-cov .pf-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pe-pv-b{padding:0 14px 14px;margin-top:-26px;position:relative}
.pe-pv-av{width:52px;height:52px;border-radius:50%;border:3px solid var(--pf-s1,var(--surface));object-fit:cover;background:var(--surface-2);display:block}
.pe-pv-b h4{margin:8px 0 0;font-size:var(--t-sm);font-weight:800}
.pe-pv-z{color:var(--ink-2);font-size:var(--t-cap,13px)}.pe-pv-z[hidden],.pe-pv-q[hidden]{display:none}
.pe-pv-q{margin:8px 0 0;font-size:var(--t-cap);color:var(--ink-2);font-style:italic}
.pe-pv-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pe-pv-tags span{font-size:var(--t-cap,13px);padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:color-mix(in srgb,var(--accent) 80%,var(--ink));font-weight:700}
.pe-pv-cta{display:flex;gap:6px;margin-top:10px}
.pe-pv-p{flex:1;text-align:center;padding:7px 8px;border-radius:8px;background:var(--accent-strong,var(--accent));color:#fff;font-size:var(--t-cap,13px);font-weight:700}.pe-pv-g{padding:7px 12px;border-radius:8px;border:1px solid var(--line);font-size:var(--t-cap,13px);font-weight:700}
.pe-pv-tip{margin:0;font-size:var(--t-cap,13px);color:var(--ink-2)}.pe-pv-tip b{color:var(--ink)}
.pe-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px max(16px,env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
.pe-bar .btn.primary{border-radius:10px;min-height:44px;font-weight:700}
.pe-stato{margin-left:auto;font-size:var(--t-cap);color:var(--ink-2);display:flex;align-items:center;gap:8px}.pe-stato.err{color:#b42318;font-weight:700}
.pe-dot{width:8px;height:8px;border-radius:50%;background:#b7791f;display:inline-block}
.pe-conferma{position:fixed;left:50%;bottom:calc(74px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:31;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;padding:12px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.25);max-width:calc(100vw - 32px)}
.pe-conferma[hidden]{display:none}
@media (max-width:760px){body:has(#bottomnav:not([hidden])) .pe-bar{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
body:has(#bottomnav:not([hidden])) .pe-conferma{bottom:calc(150px + env(safe-area-inset-bottom,0px))}}
dialog.pe-dlg{width:min(720px,100vw - 24px);max-width:100vw;padding:0;border:0;border-radius:18px;background:var(--surface);color:var(--ink)}
dialog.pe-dlg::backdrop{background:rgba(10,12,24,.6)}
.pe-dlg-in{padding:20px;display:flex;flex-direction:column;gap:12px}.pe-dlg-in h2{margin:0;font-size:var(--t-lg)}
.pe-crop-w{display:flex;justify-content:center;background:var(--surface-2);border-radius:12px;padding:10px;overflow:hidden}
.pe-crop{max-width:100%;height:auto;border-radius:8px;cursor:grab;touch-action:none;box-shadow:0 0 0 2px var(--accent)}.pe-crop:active{cursor:grabbing}
.pe-dlg-az{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:1100px){.pe-body{grid-template-columns:200px minmax(0,1fr)}.pe-prev{display:none}}
@media (max-width:760px){
  .pe-body{grid-template-columns:1fr}
  .pe-nav{position:sticky;top:var(--pf-top,56px);z-index:5;flex-direction:row;overflow-x:auto;gap:6px;padding:8px 10px;border-right:0;border-bottom:1px solid var(--line);border-radius:0;scrollbar-width:none}
  .pe-nav .pe-cap{display:none}
  .pe-nav-a{grid-template-columns:auto auto;flex:none;padding:8px 12px;font-size:var(--t-cap)}.pe-nav-n{display:none}
  .pe-main{padding:0 14px 20px}
  .pe-grp{grid-template-columns:1fr;gap:12px;padding:18px 0;scroll-margin-top:calc(var(--pf-top,56px) + 60px)}
  .pe-row2{grid-template-columns:1fr}
  .pe-head{padding:96px 14px 14px}.pe-av{width:84px;height:84px;margin-top:-42px}.pe-who h2{font-size:var(--t-lg)}
  .pe-prog{min-width:0;width:100%}
  .pe-head-tools{top:10px;right:10px}.pe-tb span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pe-empty{grid-template-columns:48px minmax(0,1fr)}.pe-empty .btn{grid-column:1/-1}
  .pe-bar{gap:8px}.pe-bar .btn.primary{flex:1 1 100%;justify-content:center}.pe-stato{margin-left:0;flex-basis:100%}
}
@media (max-width:760px){
  .pe-bar{gap:8px 10px;padding-top:8px}.pe-bar .btn.primary{flex:1 1 auto;justify-content:center}.pe-bar .btn.ghost{padding-inline:10px}
  .pe-stato{display:none}
  body:has(.pf-ed) #openForm{display:none}   /* il «+ Proponi» galleggiante coprirebbe la barra di salvataggio */
}
/* v504: da telefono bersagli da 44 px e testi dei campi da 16 px (niente zoom automatico) */
@media (max-width:760px){.pe-chip{min-height:44px;font-size:var(--t-sm)}.pe-tb{min-height:44px}.pe-f .tav-in,.pe-soc .tav-in{font-size:16px}.pe-nav-a{min-height:44px}}
@media (max-width:760px){.pe-grp-vis select,.pf-ed select{font-size:16px}}
/* v505 · editor: biografia più grande da computer, giorno/mese/anno compatti, barra in basso concentrata («la linea in basso è troppo lunga per quei pochi bottoni») */
.pe-f textarea.tav-in{min-height:96px}
@media (min-width:761px){.pe-f textarea#pf-bio{min-height:190px}.pe-main{padding-right:36px}}
.pe-nascita{display:grid;grid-template-columns:92px 150px 110px;gap:8px;max-width:100%}
.pe-nascita .tav-in{width:100%;padding-inline:10px}
@media (max-width:760px){.pe-nascita{grid-template-columns:1fr 1.4fr 1.1fr}}
.pe-bar{left:50%;right:auto;transform:translateX(-50%);width:auto;max-width:min(880px,calc(100vw - 24px));bottom:14px;border:1px solid var(--line);border-radius:16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 12px 32px rgba(0,0,0,.22);gap:10px 14px;flex-wrap:nowrap;white-space:nowrap}
.pe-stato{margin-left:4px;padding-left:14px;border-left:1px solid var(--line)}
@media (max-width:760px){body:has(#bottomnav:not([hidden])) .pe-bar{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}   /* solo da telefono: da computer #bottomnav c'è ma è nascosto dal CSS */
@media (max-width:760px){.pe-bar{left:12px;right:12px;transform:none;max-width:none;width:auto;flex-wrap:wrap;white-space:normal;bottom:10px;border-radius:14px}.pe-bar .btn.primary{flex:1 1 auto}}
/* v505 · copertina con foto: sotto la foto un fondo neutro (non il colore del tema, che spariva alla comparsa della foto) e la foto in dissolvenza */
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover.con-img{background:var(--pf-s2,var(--surface-2))!important;filter:none}
.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover .pf-cover-img{animation:pf-cov-in .35s ease-out}
@keyframes pf-cov-in{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-cover .pf-cover-img{animation:none}}
/* v506 · editor: i bottoni sulla copertina leggibili in tutti i temi (in Classico chiaro erano bianchi su bianco: le regole del tema sui .btn vincevano) e, con una foto, fondo neutro sotto la foto */
.pf-ed .pe-head .pe-tb,.pf-ed .pe-head .pe-tb:hover{color:#fff!important;background:rgba(10,8,30,.6)!important;border-color:rgba(255,255,255,.4)!important;box-shadow:none!important}
.pf-ed .pe-head .pe-tb:hover{background:rgba(10,8,30,.75)!important}
.pf-ed .pe-head > .pe-cover.con-img{background:var(--pf-s2,var(--surface-2))!important;filter:none}
.pf-ed .pe-head > .pe-cover .pf-cover-img{animation:pf-cov-in .35s ease-out}
/* v506 · editor largo come la pagina del profilo («si riduce troppo a destra e sinistra») e barra di salvataggio più in basso («troppo in alto, falla scendere un pochino») */
.profile.pf-ed{max-width:none;margin-inline:0;padding-bottom:84px}
@media (min-width:1100px){.profile.pf-ed{padding-inline:16px;box-sizing:border-box}}
@media (min-width:1500px){.profile.pf-ed{max-width:1440px;margin-inline:auto;padding-inline:24px}}
.pe-bar{bottom:6px}
/* v506 · sezioni dell'editor: titoli grandi, un colore e un'icona per ciascuna (anche nell'indice), riga colorata a sinistra del gruppo */
.pe-g-su{--gc:#3044D0}.pe-g-interessi{--gc:#d41e78}.pe-g-gusti{--gc:#7A3CC2}.pe-g-social{--gc:#0B7A66}.pe-g-carte{--gc:#B9520A}.pe-g-nascita{--gc:#C0302B}.pe-g-aspetto{--gc:#0e7490}.pe-g-vis{--gc:#475569}
.pe-grp{position:relative;padding-left:18px}
.pe-grp::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:4px;border-radius:999px;background:var(--gc,var(--accent));opacity:.9}
.pe-d h3{display:flex;align-items:center;gap:10px;font-size:var(--t-lg);font-weight:800;margin:0 0 6px;color:var(--ink)}
.pe-g-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:color-mix(in srgb,var(--gc,var(--accent)) 16%,var(--surface));flex:none}
.pe-d p{font-size:var(--t-sm)}
.pe-pub.on{color:var(--gc,#1b8a5a);background:color-mix(in srgb,var(--gc,#1b8a5a) 14%,var(--surface))}
.pe-nav-a .pe-st-ok{background:var(--gc,#1b8a5a);border-color:var(--gc,#1b8a5a)}
.pe-nav-a[aria-current]{box-shadow:inset 3px 0 0 var(--gc,var(--accent)),0 1px 2px rgba(20,26,42,.1)}
.pe-f > label{font-size:var(--t-sm)}
@media (max-width:760px){.pe-grp{padding-left:14px}.pe-d h3{font-size:var(--t-ti)}.pe-g-ic{width:32px;height:32px;font-size:16px}}
/* la barra di salvataggio sta sopra la striscia della modalità prova */
body:has(#demo-bar) .pe-bar{bottom:calc(6px + 54px)}
@media (max-width:760px){body:has(#demo-bar) .pe-bar{bottom:calc(84px + 54px)}}
/* v507 · «la macchia/linea blu» era la barra «Profilo completo»: il binario grigio non si vedeva sopra la copertina e restava solo il pezzetto pieno. Ora sta in un riquadro leggibile, con binario visibile e barra più spessa */
.pe-prog{background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:0 4px 14px rgba(20,26,42,.08)}
.pe-prog-t{height:8px;background:color-mix(in srgb,var(--ink) 12%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 8%,transparent)}
.pe-prog-t i{min-width:8px}
.pe-prog-l{color:var(--ink-2)}
/* v508/v509 · l'alone decorativo del profilo non si mostra nell'editor (era la «chiazza blu»); niente scheletro di caricamento (era il «rettangolo»): l'editor compare subito dai dati in memoria */
.profile.pf-ed::before{display:none}
.profile.pf-ed[aria-busy="true"]{min-height:60vh}
.profile:not(:has(.pf-hero))::before{display:none}   /* v508: l'alone sta dietro l'intestazione; senza intestazione (caricamento) non si mostra */
/* v510 · lucchetti dell'editor: 🔓 «Visibile» (lo vedono i membri) / 🔒 «Solo tu», accanto a ogni dato; si toccano per cambiare. Sul gruppo il riassunto (anche «in parte») */
.pe-lab{display:flex;align-items:center;gap:10px;min-width:0}
.pe-lab > label{flex:1;min-width:0;font-weight:700;font-size:var(--t-sm);display:flex;justify-content:space-between;gap:8px;align-items:center}
.pe-lab > label small{color:var(--ink-3);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.pe-lab > .pf-segno{flex:1;min-width:0;margin:0}
.pe-locks{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.pe-lock{flex:none;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;font:inherit;font-size:var(--t-cap,13px);font-weight:800;line-height:1;cursor:pointer;white-space:nowrap;
  color:var(--ink-2);background:var(--pf-s2,var(--surface-2));border:1px solid var(--line);transition:background .15s,color .15s,border-color .15s}
.pe-lock span{font-size:var(--t-cap,13px)}
.pe-lock:hover{border-color:color-mix(in srgb,var(--ink) 30%,var(--line))}
.pe-lock.on{color:var(--gc,#1b8a5a);background:color-mix(in srgb,var(--gc,#1b8a5a) 12%,var(--surface));border-color:color-mix(in srgb,var(--gc,#1b8a5a) 40%,transparent)}
.pe-lock:focus-visible{outline:2px solid var(--gc,var(--accent));outline-offset:2px}
.pe-lock.fisso{cursor:default;opacity:.85;border-style:dashed}
.pe-pub{gap:6px}.pe-pub-ic{font-size:var(--t-cap,13px)}
.pe-pub.parte{color:var(--ink-2);background:color-mix(in srgb,var(--gc,#1b8a5a) 7%,var(--surface))}
@media (max-width:760px){.pe-lock{height:32px;padding:0 11px;font-size:var(--t-cap,13px)}.pe-lab{flex-wrap:wrap;row-gap:6px}}
/* v510 · «Il tuo profilo» in risalto: titolo vero con icona e avanzamento, non più una scritta minuscola grigia */
.pe-nav-tit{display:flex;align-items:center;gap:10px;padding:2px 8px 14px;margin:0 0 8px;border-bottom:1px solid var(--line)}
.pe-nav-ic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--surface)),color-mix(in srgb,var(--accent) 8%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}
.pe-nav-tit > div{min-width:0;display:flex;flex-direction:column;gap:4px}
.pe-nav-tit h2{margin:0;font-size:var(--t-lg);font-weight:800;letter-spacing:-.01em;color:var(--ink);line-height:1.15}
.pe-nav-tit small{font-size:var(--t-cap,13px);font-weight:600;color:var(--ink-3);display:flex;flex-direction:column;gap:5px}
.pe-cap2{font-size:var(--t-cap,13px);color:var(--ink-2)}
@media (max-width:760px){.pe-nav .pe-nav-tit{display:none}}
/* v510 · lucchetto acceso sempre verde (= «lo vedono»), in ogni sezione: il rosso del compleanno sembrava un errore. Titolo doppio in «Cosa vedono gli altri» tolto */
.pe-lock.on,.pe-pub.on:not(.parte){color:color-mix(in srgb,#22a06b 72%,var(--ink));background:color-mix(in srgb,#1b8a5a 13%,var(--surface))}   /* verde che si schiarisce sui temi scuri e si scurisce su quelli chiari */
.pe-lock.on{border-color:color-mix(in srgb,#1b8a5a 45%,transparent)}
.pe-g-vis .pe-fs > .pf-sec > h3:first-child{display:none}
.pe-nav-pt{display:block;width:100%;height:4px;border-radius:99px;background:color-mix(in srgb,var(--ink) 10%,var(--surface));overflow:hidden}
.pe-nav-pt i{display:block;height:100%;border-radius:inherit;background:var(--accent);min-width:4px;transition:width .3s}
.pe-lab{flex-wrap:wrap;row-gap:6px}.pe-lab > label{flex:1 0 auto}   /* su telefono i lucchetti vanno a capo invece di schiacciare l'etichetta («Co…») */
@media (max-width:760px){.pe-lock{height:44px;padding:0 14px;font-size:var(--t-cap,13px)}}   /* bersaglio da dito: almeno 44 px come i chip */
/* v511 · pagina del profilo, ultima revisione («fare più grandi Su di me e gli altri, emoji, colori, renderlo professionale»):
   ogni riquadro ha un titolo grande con l'emoji in un quadratino del suo colore e una striscia sottile in alto dello stesso colore;
   «Vedi tutti» uguali dappertutto (prima uno era sottolineato); i riquadri vuoti hanno un messaggio in un riquadro tratteggiato. */
.profile.pf-v3 .pf-card{--cc:var(--accent);position:relative;overflow:hidden;padding:18px 20px 20px;gap:12px}
.profile.pf-v3 .pf-card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--cc),color-mix(in srgb,var(--cc) 35%,transparent));pointer-events:none}
.profile.pf-v3 .pf-card-bio{--cc:#3044D0;--ce:"👋"}
.profile.pf-v3 .pf-card-int,.profile.pf-v3 .pf-card-inttab{--cc:#d41e78;--ce:"❤️"}
.profile.pf-v3 .pf-card-social{--cc:#0B7A66;--ce:"🔗"}
.profile.pf-v3 .pf-card-pross{--cc:#E0571B;--ce:"📅"}
.profile.pf-v3 .pf-card-fatte{--cc:#7A3CC2;--ce:"🎟️"}
.profile.pf-v3 .pf-card-com{--cc:#0e7490;--ce:"👥"}
.profile.pf-v3 .pf-card-amici{--cc:#4f46e5;--ce:"🤝"}
.profile.pf-v3 .pf-card-med,.profile.pf-v3 .pf-card-dist,.profile.pf-v3 .pf-card-livello{--cc:#B9520A;--ce:"🏅"}
.profile.pf-v3 .pf-card-scopri{--cc:#3044D0}
.profile.pf-a.pf-soc.pf-v3 .pf-card > .pf-card-h h3,.profile.pf-a.pf-v3 .pf-card .pf-card-h h3{display:flex;align-items:center;gap:12px;font-size:var(--t-lg);font-weight:800;letter-spacing:-.01em;line-height:1.2;color:var(--ink);min-width:0}
.profile.pf-a.pf-soc.pf-v3 .pf-card .pf-card-h h3::before,.profile.pf-a.pf-v3 .pf-card .pf-card-h h3::before{content:var(--ce,"•")!important;display:grid!important;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;font-size:19px;line-height:1;
  background:color-mix(in srgb,var(--cc) 15%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 22%,transparent)}
.profile.pf-v3 .pf-card-h{min-height:40px}
.profile.pf-v3 .pf-card-h .pf-vedi,.profile.pf-v3 .pf-card-h a.pf-vedi{text-decoration:none!important;border:0;border-radius:999px;padding:7px 12px;min-height:34px;font-size:var(--t-sm);font-weight:700;white-space:nowrap;
  color:color-mix(in srgb,var(--cc) 75%,var(--ink));background:color-mix(in srgb,var(--cc) 10%,var(--surface))}
.profile.pf-v3 .pf-card-h .pf-vedi:hover{background:color-mix(in srgb,var(--cc) 18%,var(--surface))}
.profile.pf-v3 .pf-card :is(.pf-ev-vuoto,.pf-com-vuoto,.pf-amici-v){margin:0;padding:14px 16px;border:1px dashed color-mix(in srgb,var(--cc) 30%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--cc) 4%,var(--surface));color:var(--ink-2);font-size:var(--t-sm)}
.profile.pf-v3 .pf-card-bio .pf-card-mod{border-radius:10px}
@media (max-width:700px){
  .profile.pf-v3 .pf-card{padding:16px 16px 18px}
  .profile.pf-a.pf-soc.pf-v3 .pf-card .pf-card-h h3,.profile.pf-a.pf-v3 .pf-card .pf-card-h h3{font-size:var(--t-ti,18px);gap:10px}
  .profile.pf-a.pf-soc.pf-v3 .pf-card .pf-card-h h3::before,.profile.pf-a.pf-v3 .pf-card .pf-card-h h3::before{width:34px;height:34px;font-size:17px;border-radius:10px}
}
/* nei riquadri stretti (colonna destra) titolo e «Vedi tutti» si stringono invece di tagliare il nome («Commu…») */
.profile.pf-v3 .pf-card{container-type:inline-size}
@container (max-width:330px){
  .profile.pf-a.pf-soc.pf-v3 .pf-card:has(.pf-vedi) .pf-card-h h3,.profile.pf-a.pf-v3 .pf-card:has(.pf-vedi) .pf-card-h h3{font-size:var(--t-md);gap:10px}   /* solo se accanto c'è «Vedi tutti»: «Su di me» resta grande */
  .profile.pf-a.pf-soc.pf-v3 .pf-card:has(.pf-vedi) .pf-card-h h3::before,.profile.pf-a.pf-v3 .pf-card:has(.pf-vedi) .pf-card-h h3::before{width:32px;height:32px;font-size:16px;border-radius:10px}
  .profile.pf-v3 .pf-card-h .pf-vedi{padding:0 9px!important;min-height:32px!important;height:32px!important;font-size:13px!important;gap:4px!important}   /* !important: la regola generale dei pulsanti ha un id nel selettore */
}
/* v512 · Dove mangiare e Dove andare: «← Panoramica», Tutti/Da provare/Provati e «Vicino a me» con le stesse misure della barra del Cinema («le icone Panoramica e gli altri vanno uniformati con le stesse dimensioni»).
   La loro barra sta in #filters, non in #tabs: le regole della v495 non la raggiungevano (erano 44, 49 e 36 px con testo da 16 e 13). */
@media (min-width:701px){
  body #filters .back-home,body #filters .place-tabs .tab,body #filters .fchip.place-near{box-sizing:border-box;height:40px;min-height:40px!important;padding-top:0;padding-bottom:0;font-size:13.5px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;border-radius:999px}
  body #filters .back-home{padding-left:18px;padding-right:18px;font-weight:700}
  body #filters .place-tabs .tab{padding-left:13px;padding-right:13px;font-weight:600}
  body #filters .place-tabs .tab .n{font-size:12px;line-height:1;margin-left:6px;align-self:center;position:relative;top:-.5px}
  body #filters .place-tabs{gap:8px}
  body #filters .fchip.place-near{padding-left:14px;padding-right:14px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
  body #filters .fchip.place-near:hover{border-color:var(--accent)}
  body #filters .fchip.place-near[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink,#fff);border-color:var(--accent)}
}
@media (max-width:700px){
  body #filters .back-home,body #filters .place-tabs .tab{min-height:44px;font-size:15px}
}
@media (min-width:701px){body #filters .place-tabs{padding:0;border:0;background:none;box-shadow:none;min-height:0;align-items:center}}   /* v512: senza l'imbottitura del contenitore le tre schede stanno in riga con «← Panoramica» */
@media (min-width:721px){body #filters .place-tabs{margin:0 auto 0 0}}   /* v512: stesso spazio di Cinema fra «← Panoramica» e la prima scheda */
/* v513 · Dove mangiare e Dove andare, posizione della barra come Cinema («il posizionamento sembra sbagliato rispetto agli altri»):
   da computer stava 8 px più in alto (attaccata al menu delle sezioni); da telefono era allineata a destra e su tre righe.
   Ora: da computer stessa distanza dal menu e dalla ricerca; da telefono una riga sola come Cinema: «← Panoramica», le schede che scorrono, «Filtri» in fondo. */
@media (min-width:701px){body #filters:has(> .back-home){padding-top:8px}}
@media (max-width:700px){
  body #filters:has(> .back-home){flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px}
  body #filters:has(> .back-home) > .back-home{flex:0 0 auto}
  body #filters:has(> .back-home) > .place-tabs{flex:1 1 auto;min-width:0;margin:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:8px;padding:0}
  body #filters:has(> .back-home) > .place-tabs::-webkit-scrollbar{display:none}
  body #filters:has(> .back-home) > .place-tabs .tab{flex:none;white-space:nowrap}
  body #filters:has(> .back-home) > .mf-btn{flex:0 0 auto;margin-left:0}
}
/* v515 · scheda Eventi del profilo a biglietti (bozza B): biglietto grande del prossimo evento con la matrice della data, poi una griglia di biglietti */
.profile .pf-bg-hero{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:0 10px 28px rgba(20,26,42,.08)}
.profile .pf-bg-stub{background:var(--c,var(--accent));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:22px 16px;border-right:2px dashed rgba(255,255,255,.6);text-align:center}
.profile .pf-bg-stub small{font-size:13px;font-weight:700;text-transform:capitalize;opacity:.95}
.profile .pf-bg-stub small:first-child{text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:var(--t-cap,13px)}
.profile .pf-bg-stub strong{font-size:58px;font-weight:800;line-height:1}
.profile .pf-bg-fra{margin-top:10px;font-size:var(--t-cap,13px);font-weight:700;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.2)}
.profile .pf-bg-corpo{padding:22px 26px;display:flex;flex-direction:column;gap:10px;min-width:0}
.profile .pf-bg-riga{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.profile .pf-bg-lab{font-size:var(--t-cap,13px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--c,var(--accent)) 75%,var(--ink))}
.profile .pf-bg-ruolo{font-size:var(--t-cap,13px);font-weight:700;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,#1b8a5a 14%,var(--surface));color:color-mix(in srgb,#1b8a5a 70%,var(--ink))}
.profile .pf-bg-ruolo.org{background:var(--accent-soft,color-mix(in srgb,var(--accent) 14%,var(--surface)));color:color-mix(in srgb,var(--accent) 80%,var(--ink))}
.profile .pf-bg-ruolo.grigio{background:var(--surface-2);color:var(--ink-2)}
.profile .pf-bg-corpo h4{margin:0;font-size:26px;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.profile .pf-bg-info{margin:0;color:var(--ink-2);font-size:15px}
.profile .pf-bg-msg{margin:0;display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:14px;background:var(--surface-2);font-size:14px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.profile .pf-bg-n{flex:none;min-width:22px;height:22px;padding:0 7px;box-sizing:border-box;border-radius:999px;background:#E5484D;color:#fff;font-size:12px;font-weight:800;display:inline-grid;place-items:center;margin-left:auto}
.profile .pf-bg-az{display:flex;gap:10px;flex-wrap:wrap}
.profile .pf-bg-az .btn{min-height:44px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;text-decoration:none}
.profile .pf-bg-poi{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px}
.profile .pf-bg-poi h4{margin:0;font-size:18px;font-weight:800}
.profile .pf-bg-filtri{display:flex;gap:8px;flex-wrap:wrap}
.profile .pf-bg-filtri button{height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.profile .pf-bg-filtri button span{color:var(--ink-3);margin-left:2px}
.profile .pf-bg-filtri button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft,color-mix(in srgb,var(--accent) 14%,var(--surface)));color:color-mix(in srgb,var(--accent) 80%,var(--ink))}
.profile .pf-bg-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.profile .pf-bg{display:grid;grid-template-columns:74px minmax(0,1fr);text-align:left;font:inherit;color:inherit;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);cursor:pointer;min-height:104px;transition:border-color .15s,box-shadow .15s}
.profile .pf-bg[hidden]{display:none}
.profile .pf-bg:hover{border-color:color-mix(in srgb,var(--c,var(--accent)) 55%,var(--line));box-shadow:0 6px 16px rgba(20,26,42,.08)}
.profile .pf-bg:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.profile .pf-bg-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;background:var(--cs,var(--surface-2));color:var(--c,var(--ink));border-right:2px dashed color-mix(in srgb,var(--c,#888) 35%,transparent)}
.profile .pf-bg-mini small{font-size:var(--t-cap,13px);font-weight:800;text-transform:uppercase}
.profile .pf-bg-mini strong{font-size:28px;font-weight:800}
.profile .pf-bg-t{padding:12px 14px;display:flex;flex-direction:column;gap:5px;min-width:0}
.profile .pf-bg-tit{display:flex;align-items:flex-start;gap:8px}
.profile .pf-bg-tit b{font-size:15.5px;line-height:1.25}
.profile .pf-bg-t > small{color:var(--ink-2);font-size:13px}
.profile .pf-bg-badges{display:flex;gap:6px;flex-wrap:wrap}
.profile .pf-bg-ult{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.profile .pf-bg.passato{opacity:.85}
.profile .pf-bg.passato .pf-bg-mini{background:var(--surface-2);color:var(--ink-2)}
:root[data-theme="dark"] .profile .pf-bg-mini{background:color-mix(in srgb,var(--c,#888) 24%,var(--surface));color:color-mix(in srgb,var(--c,#888) 55%,#fff)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .profile .pf-bg-mini{background:color-mix(in srgb,var(--c,#888) 24%,var(--surface));color:color-mix(in srgb,var(--c,#888) 55%,#fff)}}
@media (max-width:700px){
  .profile .pf-bg-hero{grid-template-columns:1fr}
  .profile .pf-bg-stub{flex-direction:row;justify-content:flex-start;gap:12px;padding:14px 16px;border-right:0;border-bottom:2px dashed rgba(255,255,255,.6)}
  .profile .pf-bg-stub strong{font-size:36px}
  .profile .pf-bg-fra{margin:0 0 0 auto}
  .profile .pf-bg-corpo{padding:14px 16px 16px}
  .profile .pf-bg-corpo h4{font-size:20px}
  .profile .pf-bg-az .btn{flex:1 1 auto;justify-content:center}
  .profile .pf-bg-griglia{grid-template-columns:1fr}
  .profile .pf-bg-filtri button{height:44px;font-size:15px}
}
.profile .pf-bg-az a.btn{color:var(--ink)}
.profile .pf-bg-fra{white-space:nowrap}
:root[data-theme="dark"] .profile .pf-bg-stub{background:color-mix(in srgb,var(--c,var(--accent)) 62%,#000)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .profile .pf-bg-stub{background:color-mix(in srgb,var(--c,var(--accent)) 62%,#000)}}
@media (max-width:700px){.profile .pf-bg-stub small:nth-of-type(2){max-width:7em;line-height:1.2}}
/* v653 · riquadro «Social» del profilo (bozza https://claude.ai/artifact/7qhZWbCd2U9aisrgxLqtfB, proposta 2 scelta dall'utente il 5/11/2026: «appare un'icona a sinistra brutta»):
   nel titolo i quattro marchi sovrapposti al posto del 🔗; tessere 2 × 2 con marchio, nome e account nella tinta del marchio (come le schede dell'editor, v652); sotto, sul proprio profilo, chi li vede */
.profile.pf-a.pf-soc.pf-v3 .pf-card.pf-card-social .pf-card-h h3::before,.profile.pf-a.pf-v3 .pf-card.pf-card-social .pf-card-h h3::before,.profile .pf-card-social .pf-card-h h3::before{display:none!important;content:none!important}
.pf-card-social .pf-card-h h3{display:flex;align-items:center;gap:12px}
.pf-soc-pila{display:inline-flex;align-items:center;flex:none;padding-left:2px}
.pf-soc-pila .pf-soc-pm{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 0 0 2px var(--surface);font-style:normal}
.pf-soc-pila .pf-soc-pm + .pf-soc-pm{margin-left:-8px}
.pf-soc-pila .pf-soc-pm svg{width:14px;height:14px}
.pf-soc-pm.pf-soc-instagram{background:linear-gradient(45deg,#f09433,#dc2743 50%,#bc1888)}.pf-soc-pm.pf-soc-facebook{background:#1877f2}.pf-soc-pm.pf-soc-whatsapp{background:#25d366}.pf-soc-pm.pf-soc-sito{background:#5b6478}
.pf-social.tessere{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.pf-social.tessere li{display:block;min-width:0}
.pf-social.tessere li:last-child:nth-child(odd){grid-column:1/-1}   /* con 1 o 3 social l'ultima tessera prende tutta la riga: nessuna resta sola a metà */
.pf-social.tessere .pf-soc-l{--mc:#5b6478;display:grid;justify-items:center;align-content:center;gap:6px;min-height:104px;padding:14px 8px 12px;border-radius:14px;text-align:center;text-decoration:none;color:var(--ink);
  border:1px solid color-mix(in srgb,var(--mc) 28%,var(--line));background:color-mix(in srgb,var(--mc) 6%,var(--surface));transition:background .15s,transform .15s}
.pf-social.tessere .pf-soc-instagram{--mc:#dc2743}.pf-social.tessere .pf-soc-facebook{--mc:#1877f2}.pf-social.tessere .pf-soc-whatsapp{--mc:#1fa855}
.pf-social.tessere .pf-soc-l:hover{background:color-mix(in srgb,var(--mc) 12%,var(--surface))}
.pf-social.tessere .pf-soc-l:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.pf-social.tessere .pf-soc-l i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-style:normal;background:var(--mc)}
.pf-social.tessere .pf-soc-instagram i{background:linear-gradient(45deg,#f09433,#dc2743 50%,#bc1888)}.pf-social.tessere .pf-soc-whatsapp i{background:#25d366}
.pf-social.tessere .pf-soc-l i svg{width:22px;height:22px}
.pf-social.tessere .pf-soc-l b{font-size:var(--t-sm,14px);font-weight:700}
.pf-social.tessere .pf-soc-l span{font-size:12px;color:var(--ink-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none!important}
.pf-soc-vis{justify-self:start;align-self:flex-start;width:max-content;max-width:100%;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;text-decoration:none;color:var(--ink-2);background:var(--pf-s2,var(--surface-2))}
.pf-soc-vis.on{color:color-mix(in srgb,#22a06b 72%,var(--ink));background:color-mix(in srgb,#1b8a5a 13%,var(--surface))}
.pf-soc-vis:hover{text-decoration:underline}
.profile.pf-v3 .pf-card > .pf-soc-vis{width:max-content;max-width:100%}   /* più forte di «.pf-card > *{width:100%}»: la pillola resta piccola */
@media (prefers-reduced-motion:no-preference){.pf-social.tessere .pf-soc-l:hover{transform:translateY(-1px)}}
/* v654 · icone più piccole (misura «C» della bozza https://claude.ai/artifact/7qhZWbCd2U9aisrgxLqtfB, scelta dall'utente: «icona ora non è troppo grande?»): 26 px nelle tessere, 18 px i marchi nel titolo, tessere più basse */
.pf-social.tessere .pf-soc-l{min-height:0;gap:4px;padding:10px 8px 9px}
.pf-social.tessere .pf-soc-l i{width:26px;height:26px;border-radius:8px}
.pf-social.tessere .pf-soc-l i svg{width:16px;height:16px}
.pf-soc-pila .pf-soc-pm{width:18px;height:18px}
.pf-soc-pila .pf-soc-pm + .pf-soc-pm{margin-left:-6px}
.pf-soc-pila .pf-soc-pm svg{width:11px;height:11px}
/* v655 · barra di salvataggio dell'editor (richiesta dell'utente del 5/11/2026): lo stato è una pillola, verde con ✓ quando è tutto salvato, ambra con le modifiche da salvare, rossa
   per gli errori; «Chiudi» rosso; «Annulla l'ultima modifica» grigio. Colori dal tema (--ok, --bad) */
.pf-ed .pe-stato{font-size:13.5px;padding:7px 14px;border-radius:999px;font-weight:700;border:1px solid transparent;line-height:1.25}
.pf-ed .pe-stato.ok{color:var(--ok,#1c7c4a);background:var(--ok-soft,color-mix(in srgb,var(--ok,#1c7c4a) 13%,var(--surface)));border-color:color-mix(in srgb,var(--ok,#1c7c4a) 35%,transparent)}
.pf-ed .pe-stato.mod{color:color-mix(in srgb,#b7791f 80%,var(--ink));background:color-mix(in srgb,#b7791f 13%,var(--surface));border-color:color-mix(in srgb,#b7791f 35%,transparent)}
.pf-ed .pe-stato.err{color:var(--bad,#b42318);background:var(--bad-soft,color-mix(in srgb,var(--bad,#b42318) 12%,var(--surface)));border-color:color-mix(in srgb,var(--bad,#b42318) 35%,transparent)}
.pe-ok-ic{font-style:normal;font-weight:800}
.pf-ed .pe-bar .btn.pe-chiudi{color:color-mix(in srgb,var(--bad,#b42318) 80%,var(--ink));   /* v671 (T2): più scuro, legge 4,5:1 anche sul fondo caldo del Tramonto */border:1.5px solid color-mix(in srgb,var(--bad,#b42318) 45%,transparent);background:color-mix(in srgb,var(--bad,#b42318) 7%,var(--surface))}
.pf-ed .pe-bar .btn.pe-chiudi:hover{background:color-mix(in srgb,var(--bad,#b42318) 14%,var(--surface))}
.pf-ed .pe-bar .btn.pe-undo{color:var(--ink-2);background:color-mix(in srgb,var(--ink) 8%,var(--surface));border:1.5px solid color-mix(in srgb,var(--ink) 14%,transparent)}
.pf-ed .pe-bar .btn.pe-undo:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 14%,var(--surface))}
.pf-ed .pe-bar .btn.pe-undo:disabled{opacity:.55}
/* v655 · «Su di me» nel proprio profilo (bozza https://claude.ai/artifact/Ppbe6E2ET9b4QRV5K3jNHB, proposta B): biografia in corsivo come una citazione, «In breve» con etichette,
   «Due domande» senza riquadri, in fondo i dati dell'account. Corsivo: Newsreader 400 italic ospitato in css/fonts */
.pf-card-bio .pf-chi-bio.pf-sdm-bio{position:relative;margin:0;padding:2px 0 0 16px;font-family:'Newsreader',Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:17.5px;line-height:1.5;color:var(--ink);letter-spacing:0}
.pf-card-bio .pf-sdm-bio::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:color-mix(in srgb,var(--cc,var(--accent)) 45%,transparent)}
.pf-sdm-sez{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.pf-sdm-tit{margin:0;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}
.pf-sdm-dl{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:9px;margin:0;align-items:start}
.pf-sdm-dl dt{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);white-space:nowrap;padding-top:1px}
.pf-sdm-dl dt .pf-dato-ic{width:16px;height:16px;flex:none;opacity:.8}
.pf-sdm-dl dd{margin:0;font-size:14.5px;font-weight:600;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.pf-sdm-chips{display:flex;flex-wrap:wrap;gap:6px}
.pf-sdm-chip{font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--cc,var(--accent)) 10%,var(--surface));color:var(--ink)}
.pf-sdm-carte{display:grid;gap:12px}
.pf-sdm-carta{display:grid;gap:3px}
.pf-sdm-carta small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--cc,var(--accent)) 80%,var(--ink))}
.pf-sdm-carta p{margin:0;font-family:'Newsreader',Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:16.5px;line-height:1.45;color:var(--ink)}
.pf-sdm-account{display:flex;flex-wrap:wrap;gap:6px 14px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-2)}
.pf-sdm-account span{display:inline-flex;align-items:center;gap:6px}
.pf-sdm-account .pf-dato-ic{width:15px;height:15px;opacity:.8}
.pf-sdm-inviti{color:color-mix(in srgb,#22a06b 72%,var(--ink));font-weight:600}
.pf-sdm-inviti i{width:8px;height:8px;border-radius:50%;background:currentColor}
.profile.pf-v3 .pf-card > .pf-sdm-account{width:auto}
/* v655 · «Salvataggio in corso…»: spinner sul pulsante e nello stato (il pulsante resta largo uguale, il testo cambia) */
.pe-spin{display:inline-block;width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;vertical-align:-2px;margin-right:8px;animation:pe-gira .7s linear infinite;flex:none}
@keyframes pe-gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pe-spin{animation-duration:2s}}
.pf-ed .pe-bar .btn.primary.in-corso{opacity:1;cursor:progress;display:inline-flex;align-items:center}
.pf-ed .pe-stato.in-corso{color:var(--accent-text,var(--accent));background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 30%,transparent)}
/* v656 · «Su di me»: lucchetti accanto a ogni dato (solo sul proprio profilo) e tessera RUOLO · CON NOI DA · INVITI (bozza https://claude.ai/artifact/Ppbe6E2ET9b4QRV5K3jNHB, L + F2).
   Nella tessera il testo non si taglia mai («Partecipante sparisce», 5/11/2026): le caselle si allargano quanto serve e, se non ci stanno, vanno a capo */
.pf-lk{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;border:0;padding:0;flex:none;cursor:pointer;font:inherit}
.pf-lk svg{width:13px;height:13px}
.pf-lk.on{color:color-mix(in srgb,#22a06b 72%,var(--ink));background:color-mix(in srgb,#1b8a5a 13%,var(--surface))}
.pf-lk.off{color:var(--ink-2);background:var(--pf-s2,var(--surface-2))}
.pf-lk:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.pf-lk:disabled{opacity:.6;cursor:progress}
.pf-sdm-dl.pf-sdm-dl-lk{grid-template-columns:auto minmax(0,1fr) auto}
.pf-sdm-dl-lk .pf-lk{margin-top:-2px}
.pf-sdm-bio-r{display:flex;gap:8px;align-items:flex-start}.pf-sdm-bio-r .pf-sdm-bio{flex:1;min-width:0}
.pf-sdm-tit-lk{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pf-sdm-tessera{display:flex;flex-wrap:wrap;gap:1px;border-radius:12px;overflow:hidden;background:var(--line);border:1px solid var(--line)}
.pf-sdm-tessera > div{flex:1 1 auto;display:grid;gap:2px;justify-items:center;text-align:center;padding:9px 10px;background:color-mix(in srgb,var(--cc,var(--accent)) 4%,var(--surface))}
.pf-sdm-tessera small{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb,var(--ink-2) 70%,var(--ink))}   /* v671 (T2): RUOLO · CON NOI DA leggibili anche nel Poster scuro (era 4,16:1) */
.pf-sdm-tessera b{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap}
.pf-sdm-tessera .inv b{color:color-mix(in srgb,#22a06b 72%,var(--ink))}
.pf-sdm-tessera .inv-no b{color:var(--ink-2)}
.pf-sdm-sempre{margin:-6px 0 0;font-size:11.5px;color:var(--ink-2)}
.pf-sdm-legenda{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:11.5px;color:var(--ink-2)}
.pf-sdm-legenda .pf-lk{width:18px;height:18px;border-radius:5px;cursor:default}.pf-sdm-legenda .pf-lk svg{width:11px;height:11px}
.pf-sdm-legenda .pf-lk + *{margin-right:6px}
.profile.pf-v3 .pf-card > .pf-sdm-legenda,.profile.pf-v3 .pf-card > .pf-sdm-sempre{width:auto}
/* v658 · «Chi è» nel profilo degli altri con lo stile di «Su di me»: nella tessera il livello può andare a capo (i nomi lunghi, «Pilastro della compagnia») */
.pf-sdm-tessera b.pf-pub-liv{white-space:normal}
/* le domande di «Chi è» tengono anche la classe .pf-carta (la usano le prove): qui niente riquadro viola, come in «Su di me» */
.profile .pf-sdm-carte .pf-sdm-carta.pf-carta{border:0;background:none;box-shadow:none;padding:0;border-radius:0;display:grid;gap:3px}
.profile .pf-sdm-carte .pf-sdm-carta.pf-carta small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--cc,var(--accent)) 80%,var(--ink))}
.profile .pf-sdm-carte .pf-sdm-carta.pf-carta p{margin:0;font-family:'Newsreader',Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:16.5px;line-height:1.45;color:var(--ink)}
/* v661 · copertina «C» (bozza https://claude.ai/artifact/NeteP4pSN5cQyLHSUuqKTT, scelta dall'utente il 5/11/2026: «il grigio nella parte sotto»): con una foto di copertina
   al posto del velo chiaro c'è un'ombra scura in basso, nome, frase e numeri sono bianchi; la colonna con i pulsanti e i numeri è allineata in basso al testo
   («i bottoni modifica profilo e condividi vanno allineati meglio»): i due pulsanti alti uguali, «Modifica profilo» bianco pieno, «Condividi» nel colore principale */
.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img) > .pf-cover::after{background:linear-gradient(180deg,rgba(8,12,28,0) 0,rgba(8,12,28,0) 34%,rgba(8,12,28,.38) 58%,rgba(8,12,28,.74) 100%)}
@media (max-width:700px){.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img) > .pf-cover::after{background:linear-gradient(180deg,rgba(8,12,28,0) 0,rgba(8,12,28,0) 18%,rgba(8,12,28,.45) 48%,rgba(8,12,28,.78) 100%)}}
.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img) :is(.pf-id h2,.pf-chi-riga,.pf-invito-t,.pf-strip strong,.pf-zona,.pf-chip){color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img) :is(.pf-invito p:not(.pf-invito-t),.pf-strip span,.pf-sub,.muted){color:rgba(255,255,255,.88);text-shadow:0 1px 8px rgba(0,0,0,.5)}
.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img) > .pf-hero-r{align-self:end;padding-bottom:4px}
.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img) .pf-hero-az{align-items:stretch}
.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img) .pf-hero-az .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.22)}
.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img) .pf-hero-az .btn:not(.primary){background:rgba(255,255,255,.96);color:#1d2333;border-color:transparent}
.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img) .pf-hero-az .btn:not(.primary):hover{background:#fff}
/* v662 · profilo degli altri come il proprio (tappa T1 della pagina unica): «← Indietro» non spinge giù la testata, sta dentro la copertina in alto a sinistra come un pulsante
   di vetro (come «Modifica copertina» sul proprio profilo); con il profilo «non disponibile» resta al suo posto */
.profile.pf-pub.pf-v3{position:relative}
.profile.pf-pub.pf-v3:has(.pf-hero) > .back{position:absolute;top:14px;left:14px;z-index:5;margin:0;min-height:40px;padding:0 14px;border-radius:999px;font-weight:700;color:#fff;
  background:rgba(15,18,32,.72);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none}
.profile.pf-pub.pf-v3:has(.pf-hero) > .back:hover{background:rgba(15,18,32,.58)}
/* v662 · azioni del profilo in fondo alla barra delle schede (richiesta dell'utente del 5/11/2026: «bottoni uguali a Panoramica, Eventi, Interessi… in fondo, con un colore
   diverso o risaltati»): stessa forma e altezza delle schede, nel colore principale; la prima azione (Condividi / Usciamo insieme?) piena. Uguale sul proprio profilo e su quello degli altri */
.profile.pf-v3 .pf-tabs4-r{flex-wrap:nowrap}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;margin-left:auto;flex:none;width:auto}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az .btn{min-height:44px;padding:0 16px;border-radius:12px;font-weight:700;font-size:var(--t-sm,15px);box-shadow:none;white-space:nowrap;
  color:var(--accent-text,var(--accent));background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1.5px solid color-mix(in srgb,var(--accent) 38%,transparent)}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az .btn:hover{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az .btn.primary{background:var(--accent);color:var(--accent-ink,#fff);border-color:var(--accent)}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az .btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}
@media (max-width:1100px){.profile.pf-v3 .pf-tabs4-r{flex-wrap:wrap}.profile.pf-v3 .pf-tabs4-r > .pf-hero-az{margin-left:0;width:100%;padding:0 4px 10px}.profile.pf-v3 .pf-tabs4-r > .pf-hero-az .btn{flex:1 1 0}}
/* «Modifica profilo» rosso (utente, 5/11/2026: «Modifica profilo magari fallo rosso») */
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az .btn.pf-az-mod{color:var(--bad,#c0392b);background:color-mix(in srgb,var(--bad,#c0392b) 8%,var(--surface));border-color:color-mix(in srgb,var(--bad,#c0392b) 42%,transparent)}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az .btn.pf-az-mod:hover{background:color-mix(in srgb,var(--bad,#c0392b) 15%,var(--surface))}
/* sul profilo degli altri le tre azioni (Usciamo insieme? · Segui · Scrivi) stanno in fila come le altre: annullo la griglia di .pf-pub-az3 dentro la barra */
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az.pf-pub-az3{display:flex!important;grid-template-columns:none!important;width:auto}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az.pf-pub-az3 > *{grid-column:auto!important;width:auto!important;flex:none}
@media (max-width:1100px){.profile.pf-v3 .pf-tabs4-r > .pf-hero-az.pf-pub-az3{width:100%}.profile.pf-v3 .pf-tabs4-r > .pf-hero-az.pf-pub-az3 > *{flex:1 1 0!important}}
.profile.pf-pub.pf-v3:has(.pf-hero) > .back{left:30px;top:16px}
.profile.pf-a.pf-soc.pf-v3 .pf-tabs4-r > .pf-pub-az3 :is(.inv-b,.sg-pulsante .btn,.cp-az-s .btn){flex:0 0 auto!important;min-width:auto!important;min-height:44px!important;padding:0 16px}
.profile.pf-a.pf-soc.pf-v3 .pf-tabs4-r > .pf-pub-az3{flex-wrap:nowrap}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az{box-sizing:border-box}
@media (max-width:1100px){.profile.pf-a.pf-soc.pf-v3 .pf-tabs4-r > .pf-pub-az3 :is(.inv-b,.sg-pulsante .btn,.cp-az-s .btn){flex:1 1 0!important;min-width:0!important;padding:0 8px}
  .profile.pf-v3 .pf-tabs4-r > .pf-hero-az .btn{min-width:0;padding:0 8px;overflow:hidden;text-overflow:ellipsis}}
@media (max-width:700px){.profile.pf-a.pf-soc.pf-v3 .pf-tabs4-r > .pf-pub-az3{flex-wrap:wrap}.profile.pf-a.pf-soc.pf-v3 .pf-tabs4-r > .pf-pub-az3 .btn.inv-b.primary{flex:1 1 100%!important}
  .profile.pf-pub.pf-v3:has(.pf-hero) > .back{left:auto;right:12px;top:12px;min-height:44px;padding:0 14px;font-size:var(--t-cap,13px)}}
/* v663 · «Su di me», «Chi è», Social e azioni rientrano nelle regole del sito (prova ui/profilo-misure): solo le 7 misure della scala (13 · 15 · 16 · 18 · 20 · 28 · 48 px),
   nessun testo sotto i 13 px, lucchetti toccabili per 44 px a telefono. Correzione dei testi piccoli introdotti con le v652–v658 */
.pf-card-bio .pf-chi-bio.pf-sdm-bio{font-size:var(--t-ti,18px)}
.pf-sdm-tit,.pf-sdm-tessera small,.pf-sdm-sempre,.pf-sdm-legenda,.pf-sdm-chip,.pf-sdm-carta small,.profile .pf-sdm-carte .pf-sdm-carta.pf-carta small,.pf-sdm-dl dt,.pf-sdm-account,.pf-soc-vis{font-size:var(--t-cap,13px)}
.pf-sdm-tit,.pf-sdm-tessera small,.pf-sdm-carta small,.profile .pf-sdm-carte .pf-sdm-carta.pf-carta small{letter-spacing:.04em}
.pf-sdm-dl dd,.pf-sdm-tessera b{font-size:var(--t-sm,15px)}
.pf-sdm-carta p,.profile .pf-sdm-carte .pf-sdm-carta.pf-carta p{font-size:var(--t-md,16px)}
.pf-social.tessere .pf-soc-l b{font-size:var(--t-sm,15px)}.pf-social.tessere .pf-soc-l span{font-size:var(--t-cap,13px)}
@media (max-width:760px){.pf-lk{width:44px;height:44px;border-radius:12px}.pf-lk svg{width:16px;height:16px}.pf-sdm-legenda .pf-lk{width:20px;height:20px}}
@media (max-width:420px){.profile.pf-v3 .pf-tabs4-r > .pf-hero-az:not(.pf-pub-az3){flex-wrap:wrap}.profile.pf-v3 .pf-tabs4-r > .pf-hero-az:not(.pf-pub-az3) .btn{flex:1 1 100%;overflow:visible}}
/* v663 · biografia di «Su di me» / «Chi è» in grassetto (richiesta dell'utente del 5/11/2026: «la bio in su di me in grassetto»): Newsreader 700 (il sito ha il 700 dritto e il 400 corsivo,
   non il 700 corsivo: niente corsivo, per non avere un grassetto finto) */
.pf-card-bio .pf-chi-bio.pf-sdm-bio{font-weight:700;font-style:normal}
/* v663 · «Cerco» in «Su di me» / «Chi è»: etichetta su una riga (con il lucchetto a destra), le pillole sotto a tutta larghezza che vanno a capo in orizzontale */
.pf-sdm-dl dt.pf-dt-largo{grid-column:1 / span 2}
.pf-sdm-dl-lk dt.pf-dt-largo + .pf-lk{grid-column:3}
.pf-sdm-dl dd.pf-dd-largo{grid-column:1 / -1;margin-top:-2px;padding-left:24px}
.pf-sdm-dl dd.pf-dd-largo .pf-sdm-chips{gap:6px 6px}
.pf-sdm-dl dd.pf-dd-largo .pf-sdm-chip{padding:5px 12px;line-height:1.3;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
/* v664 · profilo degli altri: quello che la persona non mostra si dice con un lucchetto (scelta dell'utente del 5/11/2026), in grigio e senza riquadro tratteggiato */
.profile.pf-pub .pf-pub-lk{margin:0;font-size:var(--t-sm,15px);line-height:1.45;color:var(--ink-2,var(--muted))}
.profile.pf-pub .pf-card-bio .pf-pub-lk{padding:2px 0 4px}
.profile.pf-pub .pf-card-lk .pf-card-h{margin-bottom:6px}
/* v664 · proprio profilo: invito «Gli altri vedono poco di te» sopra le colonne della Panoramica */
.profile.pf-v3 .pf-riservato{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding:16px 20px;
  border:1.5px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.profile.pf-v3 .pf-riservato[hidden]{display:none}
.profile.pf-v3 .pf-ris-t{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 320px}
.profile.pf-v3 .pf-ris-t strong{font-size:var(--t-md,16px)}
.profile.pf-v3 .pf-ris-t span{font-size:var(--t-sm,15px);color:var(--ink-2,var(--ink))}
.profile.pf-v3 .pf-ris-az{display:flex;gap:8px;flex-wrap:wrap}
.profile.pf-v3 .pf-ris-az .btn{min-height:44px}
@media (max-width:700px){.profile.pf-v3 .pf-ris-az{width:100%}.profile.pf-v3 .pf-ris-az .btn{flex:1 1 100%}}
.profile.pf-v3 #pf-sez-attivita > .pf-cols > .pf-riservato{grid-column:1/-1;align-self:start;height:auto;min-height:0}
.profile.pf-v3 .pf-riservato > .pf-ris-t{width:auto}.profile.pf-v3 .pf-riservato > .pf-ris-az{width:auto;flex:none}
@media (max-width:700px){.profile.pf-v3 .pf-riservato > .pf-ris-az{width:100%}}
.profile.pf-v3 .pf-sec.pf-riservato{flex-direction:row}
@media (max-width:700px){.profile.pf-v3 .pf-sec.pf-riservato{flex-direction:column;align-items:stretch}.profile.pf-v3 .pf-riservato > .pf-ris-t{flex:none}}
/* v665 · «Modifica profilo» e «Condividi profilo» allineati e rifiniti (utente, 6/11/2026: «non sono allineate correttamente e vanno migliorati graficamente»).
   Prima a computer stavano più in basso delle schede e toccavano il bordo della barra; a telefono uno sopra l'altro a tutta larghezza.
   Ora: alti 44 px (la misura minima per il dito, prova profilo-menu-azioni), centrati sulla riga delle schede, distanti dal bordo; icone a linea; a telefono affiancati («Modifica» · «Condividi», 44 px per il dito) */
.profile.pf-v3 .pf-tabs4-r{align-items:center}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az:not(.pf-pub-az3){align-self:center;gap:10px;margin:0 6px 0 auto;padding:0}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az:not(.pf-pub-az3) .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;height:44px;padding:0 16px;border-radius:10px;line-height:1;transition:background-color .15s,border-color .15s,box-shadow .15s}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az .pf-az-ic{width:18px;height:18px;flex:none}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az .btn.pf-az-mod{background:var(--surface);border:1.5px solid color-mix(in srgb,var(--bad,#c0392b) 55%,transparent)}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az .btn.pf-az-mod:hover{background:color-mix(in srgb,var(--bad,#c0392b) 8%,var(--surface));border-color:var(--bad,#c0392b)}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az .btn.primary{border-width:1.5px;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.profile.pf-v3 .pf-tabs4-r > .pf-hero-az .btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media (max-width:1100px){.profile.pf-v3 .pf-tabs4-r > .pf-hero-az:not(.pf-pub-az3){margin:0;width:auto;padding:4px 4px 12px}
  .profile.pf-v3 .pf-tabs4-r > .pf-hero-az:not(.pf-pub-az3) .btn{flex:none;padding:0 16px}}
@media (max-width:600px){.profile.pf-v3 .pf-tabs4-r > .pf-hero-az:not(.pf-pub-az3){display:grid;grid-template-columns:1fr 1fr;width:100%;flex-wrap:nowrap}
  .profile.pf-v3 .pf-tabs4-r > .pf-hero-az:not(.pf-pub-az3) .btn{grid-column:auto;height:44px;min-height:44px;width:100%;padding:0 10px;overflow:visible}
  .profile.pf-v3 .pf-tabs4-r > .pf-hero-az .pf-az-extra{display:none}}
/* v667 · «Le tue community»: riga di chi le vede sotto il riquadro Community del proprio profilo; «⭐ Admin» accanto al nome sul profilo degli altri */
.pf-card-com .pf-com-vis{margin:10px 0 0;font-size:var(--t-cap,13px);line-height:1.4}
.pf-card-com .pf-com-vis a{font-weight:700}
.pf-com-v3-t .pf-com-adm{font-weight:600;color:var(--muted);font-size:var(--t-cap,13px)}

/* v671 (revisione del 6/11/2026, T2/P5): nella scheda Eventi (biglietti) e nell'editor nessun testo sotto i 13 px: tutto a --t-cap, la misura più piccola della scala del sito. L'anteprima dell'editor usa --accent-strong (T2/P6: contrasto in scuro) */
@media (max-width:760px){.pf-card-com .pf-com-vis a{display:inline-flex;align-items:center;min-height:44px}}   /* v671: «Mostrale agli altri» da dito */

/* v689 (revisione del 6/11/2026, T3/P8): a telefono la testata del profilo occupava il 62 % della prima schermata (barra delle schede a 521 px su 844). Senza toccare l'impaginazione
   del profilo v3: copertina più bassa (96 → 76 px), foto 114 → 96 px, l'invito «Fai conoscere chi sei» è titolo + pulsante (la spiegazione di tre righe resta sul computer: la ripetono
   le domande di «Completa in un minuto»), numeri più vicini. Obiettivo: barra delle schede ≤ 420 px a 390 px (prova ui/profilo-telefono) */
@media (max-width:700px){
  .profile.pf-a.pf-soc.pf-v3 .pf-hero:not(:has(> .pf-cover.con-img)),.profile.pf-a.pf-soc.pf-v3 .pf-hero:has(> .pf-cover.con-img){padding-top:76px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-av{width:96px;height:96px}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero .pf-av .pf-lvb{transform:scale(.9)}
  .profile.pf-a .pf-hero .pf-invito{gap:8px}
  .profile.pf-a .pf-hero .pf-invito-t{font-size:var(--t-md);line-height:1.25}
  .profile.pf-a .pf-hero .pf-invito > .muted{display:none}
  .profile.pf-a.pf-soc.pf-v3 .pf-hero > .pf-hero-r{margin-top:4px;padding-top:8px}
}

/* v690 (revisione del 6/11/2026, T3/P9, bozza «A» https://claude.ai/artifact/TnnBzgVaNq6o5jSAiaYLmD): «Modifica profilo» da telefono, una sezione alla volta. Le sezioni sono righe da toccare
   (icona, nome, una riga, stato e freccia); quella aperta mostra i suoi campi, le altre restano chiuse. L'indice orizzontale non serve più: l'elenco stesso fa da indice.
   La barra Salva sta su una riga (Annulla diventa la freccia ↶). Sul computer le intestazioni .pe-acc non si vedono */
.pe-acc{display:none}
@media (max-width:760px){
  .pf-ed .pe-body > .pe-nav{display:none}
  .pf-ed .pe-main{display:flex;flex-direction:column;gap:10px;padding:14px 12px 20px}
  .pf-ed .pe-main > .pe-grp{display:block;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--pf-s1,var(--surface));overflow:hidden;scroll-margin-top:calc(var(--pf-top,56px) + 10px)}
  .pf-ed .pe-main > .pe-grp::before{display:none}
  .pf-ed .pe-main > .pe-grp:not(.pe-aperta) > :not(.pe-acc){display:none}
  .pf-ed .pe-main > .pe-grp.pe-aperta > :not(.pe-acc){padding-inline:14px}
  .pf-ed .pe-main > .pe-grp.pe-aperta > .pe-d{padding-top:14px}
  .pf-ed .pe-main > .pe-grp.pe-aperta > .pe-fs{padding-bottom:18px;margin-top:12px}
  .pf-ed .pe-main > .pe-grp.pe-aperta > .pe-d h3{display:none}
  .pe-acc{display:grid;grid-template-columns:40px minmax(0,1fr) auto 14px;gap:10px;align-items:center;width:100%;min-height:68px;padding:12px 14px;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .pe-acc:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:16px}
  .pe-acc-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:color-mix(in srgb,var(--gc,var(--accent)) 14%,var(--pf-s1,var(--surface)))}
  .pe-acc-t{min-width:0;display:flex;flex-direction:column;gap:2px}
  .pe-acc-t b{font-size:var(--t-md);font-weight:800;color:var(--ink);line-height:1.2}
  .pe-acc-t small{font-size:var(--t-cap,13px);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pe-acc-st{font-size:var(--t-cap,13px);font-weight:700;color:var(--ink-2);white-space:nowrap}
  .pe-acc-st.pe-acc-ok{color:color-mix(in srgb,#1b8a5a 72%,var(--ink))}
  .pe-acc-ch{font-size:22px;line-height:1;color:var(--ink-3);transition:transform .2s}
  .pe-aperta > .pe-acc{border-bottom:1px solid var(--line)}
  .pe-aperta > .pe-acc .pe-acc-ch{transform:rotate(90deg)}
  .pf-ed .pe-bar{flex-wrap:nowrap;gap:8px;padding:8px}
  .pf-ed .pe-bar .btn.primary{flex:1 1 auto;order:1;min-width:0}
  .pf-ed .pe-bar .pe-undo{order:2;flex:none;width:44px;min-width:44px;padding:0;justify-content:center;font-size:20px}
  .pf-ed .pe-bar .pe-undo-t{display:none}
  .pf-ed .pe-bar .pe-chiudi{order:3;flex:none}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.pe-acc-ch{transition:none}}