/* Chat dell'evento «stile WhatsApp» (js/chat-ui.js): una sola grafica per il sito e per l'app; i colori vengono dal tema in uso (--surface, --ink, --line, --accent…). */
.wc-scope{--wc-bg:var(--surface,var(--bg,#fff));--wc-ground:var(--ground,#eef1f6);--wc-ink:var(--ink,#161d2b);--wc-ink2:var(--ink-2,var(--ink2,#4a5468));--wc-line:var(--line,#d9dee8);--wc-acc:var(--accent,#3044d0);--wc-acc-ink:var(--accent-ink,#fff);
  --wc-mia:color-mix(in srgb,var(--wc-acc) 17%,var(--wc-bg));--wc-altra:var(--wc-bg);--wc-ok:var(--ok,#1e7a4f);--wc-visto:#1d8fe8;color:var(--wc-ink)}
.c0{--cc:#c2185b}.c1{--cc:#1565c0}.c2{--cc:#2e7d32}.c3{--cc:#e65100}.c4{--cc:#6a1b9a}.c5{--cc:#00838f}.c6{--cc:#ad1457}.c7{--cc:#4e6b00}
.wchat{display:flex;flex-direction:column;border:1px solid var(--wc-line);border-radius:16px;background:var(--wc-ground);overflow:hidden;position:relative}
.wc-corpo{display:flex;flex-direction:column;min-height:0;flex:1;background:var(--wc-ground)}
.wc-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--wc-bg);border-bottom:1px solid var(--wc-line)}
.wc-tit{font-size:15px}.wc-sp{flex:1}.wc-conta{font-size:13px;color:var(--wc-ink2)}
.wc-ico{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:20px;cursor:pointer}
.wc-ico:hover{background:color-mix(in srgb,var(--wc-ink) 8%,transparent)}
.wc-ico:disabled{opacity:.4}
.wc-cerca-in{margin:0;padding:10px 14px;border:0;border-bottom:1px solid var(--wc-line);background:var(--wc-bg);color:inherit;font:inherit;width:100%}
.wc-pin{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;border:0;border-bottom:1px solid var(--wc-line);background:color-mix(in srgb,var(--wc-acc) 9%,var(--wc-bg));color:inherit;font:inherit;text-align:left;cursor:pointer}
.wc-pin-t{display:flex;flex-direction:column;min-width:0}.wc-pin-t small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--wc-ink2)}
.wc-area{position:relative;flex:1;min-height:0}
.wc-list{position:relative;height:min(62vh,560px);overflow-y:auto;overscroll-behavior:contain;padding:12px 10px 8px;display:flex;flex-direction:column;gap:2px;scroll-behavior:auto}
.wc-list:focus-visible{outline:3px solid var(--wc-acc);outline-offset:-3px}
.wc-vuota{margin:auto;text-align:center;color:var(--wc-ink2);padding:24px}
.wc-giorno{display:flex;justify-content:center;margin:10px 0 6px}
.wc-giorno span{padding:3px 12px;border-radius:99px;background:var(--wc-bg);border:1px solid var(--wc-line);font-size:12.5px;font-weight:700;color:var(--wc-ink2);text-transform:capitalize}
.wc-nl{display:flex;justify-content:center;margin:10px 0}
.wc-nl span{padding:3px 14px;border-radius:99px;background:color-mix(in srgb,var(--wc-acc) 18%,var(--wc-bg));color:var(--wc-ink);font-size:13px;font-weight:700}
.wc-riga-m{display:flex;align-items:flex-end;gap:6px;max-width:100%;transition:background .4s}
.wc-riga-m.mia{justify-content:flex-end}
.wc-riga-m.ultimo{margin-bottom:6px}
.wc-riga-m.wc-evid .wc-bolla{box-shadow:0 0 0 3px var(--wc-acc)}
.wc-av{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:var(--cc,#555);align-self:flex-start}
.wc-av.vuoto{background:transparent}
.wc-col{display:flex;flex-direction:column;min-width:0;max-width:min(82%,520px)}
.wc-riga-m.mia .wc-col{align-items:flex-end}
.wc-bolla{position:relative;display:flex;flex-direction:column;gap:3px;padding:6px 10px 5px;border:1px solid var(--wc-line);border-radius:14px;background:var(--wc-altra);overflow-wrap:anywhere;min-width:64px}
.wc-bolla.mia{background:var(--wc-mia);border-color:color-mix(in srgb,var(--wc-acc) 30%,var(--wc-line))}
.wc-bolla.primo{border-top-left-radius:4px}.wc-bolla.mia.primo{border-top-left-radius:14px;border-top-right-radius:4px}
.wc-bolla.fissata{box-shadow:inset 3px 0 0 var(--wc-acc)}
.wc-bolla-t{color:var(--wc-ink2);font-style:italic;font-size:14px}
.wc-chi{font-size:13px;font-weight:800;color:color-mix(in srgb,var(--cc,#555) 80%,var(--wc-ink))}
a.wc-chi-l{text-decoration:none}
a.wc-chi-l:hover,a.wc-chi-l:focus-visible{text-decoration:underline}
.wc-testo{white-space:pre-wrap;line-height:1.38;font-size:15.5px}
.wc-link{color:var(--link,var(--wc-acc));text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.wc-men{color:var(--wc-acc);font-weight:700}
.wc-cerca{background:#ffe066;color:#222;border-radius:3px}
.wc-meta{align-self:flex-end;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--wc-ink2);margin-top:-1px}
.wc-mod{font-style:italic}
.wc-sp2{font-size:12px;letter-spacing:-2px;color:var(--wc-ink2)}.wc-sp2.visto{color:var(--wc-visto);font-weight:700}
.wc-cit{display:flex;flex-direction:column;gap:1px;padding:4px 8px;border:0;border-left:4px solid var(--cc,#555);border-radius:6px;background:color-mix(in srgb,var(--cc,#555) 12%,var(--wc-bg));color:inherit;font:inherit;text-align:left;cursor:pointer;min-width:0}
.wc-cit strong{font-size:12.5px;color:color-mix(in srgb,var(--cc,#555) 80%,var(--wc-ink))}
.wc-cit span{font-size:13.5px;color:var(--wc-ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.wc-img{display:block;max-width:100%;max-height:300px;border-radius:10px;object-fit:cover}
.wc-foto{display:block}
.wc-menu-b{position:absolute;top:1px;right:3px;width:28px;height:28px;border:0;border-radius:50%;background:color-mix(in srgb,var(--wc-bg) 80%,transparent);color:var(--wc-ink2);font-size:18px;line-height:1;cursor:pointer;opacity:0}
.wc-bolla:hover .wc-menu-b,.wc-menu-b:focus-visible{opacity:1}
@media (pointer:coarse){.wc-menu-b{display:none}}
.wc-reaz{display:flex;flex-wrap:wrap;gap:4px;margin:-6px 6px 0}
.wc-r{display:inline-flex;align-items:center;gap:3px;min-height:26px;padding:0 8px;border:1px solid var(--wc-line);border-radius:99px;background:var(--wc-bg);color:inherit;font:inherit;font-size:14px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.wc-r.io{border-color:var(--wc-acc);background:color-mix(in srgb,var(--wc-acc) 15%,var(--wc-bg))}
.wc-r small{font-size:12px;font-weight:700}
.wc-giu{position:absolute;right:12px;bottom:10px;z-index:3;min-height:40px;padding:0 14px;border:1px solid var(--wc-line);border-radius:99px;background:var(--wc-bg);color:var(--wc-ink);font:inherit;font-weight:800;box-shadow:0 3px 10px rgba(0,0,0,.2);cursor:pointer}
.wc-giu[hidden]{display:none}
.wc-typing{margin:0;min-height:0;padding:0 14px;font-size:13px;color:var(--wc-ink2);font-style:italic;height:0;overflow:hidden;transition:height .15s}
.wc-typing.on{height:22px;padding:2px 14px}
.wc-err{margin:0;padding:8px 14px;background:var(--bad-soft,#f9e0e3);color:var(--bad,#b42335);font-weight:700}
.wc-err[hidden]{display:none}
/* casella */
.wc-comp{display:flex;flex-direction:column;background:var(--wc-bg);border-top:1px solid var(--wc-line);position:relative}
.wc-chiusa{padding:12px 14px;background:var(--wc-bg);border-top:1px solid var(--wc-line);color:var(--wc-ink2)}
.wc-riga{display:flex;align-items:flex-end;gap:2px;padding:6px 8px}
.wc-ta{flex:1;min-width:0;resize:none;max-height:140px;min-height:44px;padding:11px 14px;border:1px solid var(--wc-line);border-radius:22px;background:var(--wc-ground);color:inherit;font:inherit;line-height:1.3;overflow-y:auto}
.wc-ta:focus-visible{outline:3px solid var(--wc-acc);outline-offset:1px}
.wc-invia,.wc-rec-invia{flex:none;width:46px;height:46px;border:0;border-radius:50%;background:var(--wc-acc);color:var(--wc-acc-ink);font-size:20px;cursor:pointer;margin-left:4px}
.wc-invia:disabled{background:color-mix(in srgb,var(--wc-ink) 22%,var(--wc-bg));color:var(--wc-ink2);cursor:default}
.wc-file{display:none}
.wc-ctx{padding:6px 10px 0}
.wc-ctx[hidden]{display:none}
.wc-cx{display:flex;align-items:center;gap:8px;padding:6px 8px;margin-bottom:4px;border-left:4px solid var(--cc,var(--wc-acc));border-radius:8px;background:var(--wc-ground)}
.wc-cx-t{display:flex;flex-direction:column;flex:1;min-width:0}.wc-cx-t small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--wc-ink2)}
.wc-cx-f{border-left-color:transparent}
.wc-miniatura{width:56px;height:56px;border-radius:8px;object-fit:cover}
.wc-x{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--wc-ink2);font-size:16px;cursor:pointer;flex:none}
.wc-emoji{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:6px 8px 10px;border-top:1px solid var(--wc-line);max-height:170px;overflow:auto}
.wc-emoji[hidden]{display:none}
.wc-em{min-height:40px;border:0;border-radius:8px;background:transparent;font-size:22px;cursor:pointer}.wc-em:hover{background:var(--wc-ground)}
/* menu azioni (tocco lungo, tasto destro o ⌄): foglio al centro su computer, dal basso su telefono */
.wc-menu-bg{position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;background:rgba(10,12,24,.5)}
.wc-menu{width:min(420px,100%);max-height:88vh;overflow:auto;background:var(--wc-bg);border-radius:18px 18px 0 0;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px}
@media (min-width:700px){.wc-menu-bg{align-items:center}.wc-menu{border-radius:18px}}
.wc-menu-reaz{display:flex;justify-content:space-around;padding:6px 4px;border-radius:99px;background:var(--wc-ground)}
.wc-menu-e{width:46px;height:46px;border:0;border-radius:50%;background:transparent;font-size:26px;cursor:pointer}.wc-menu-e.io{background:color-mix(in srgb,var(--wc-acc) 22%,transparent)}
.wc-menu-v{display:flex;flex-direction:column}
.wc-menu-i{display:flex;align-items:center;gap:14px;min-height:50px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;font-weight:600;text-align:left;cursor:pointer}
.wc-menu-i:hover{background:var(--wc-ground)}
.wc-menu-i.pericolo{background:var(--bad-soft,#f9e0e3);color:var(--bad,#b42335)}
.wc-menu-i.info{color:var(--wc-ink2);cursor:default}
.wc-menu-i.annulla{justify-content:center;border:1px solid var(--wc-line);margin-top:2px}
.wc-menu-ic{width:24px;text-align:center;font-size:18px}
/* telefono: la lista occupa lo spazio che resta */
.wc-piena .wc-list{height:calc(100dvh - 220px);min-height:220px}
@media (prefers-reduced-motion:reduce){.wc-typing,.wc-riga-m{transition:none}}
/* larghezze: nessun contenuto deve spingere la bolla fuori dalla riga */
.wc-riga-m>.wc-col{min-width:0;flex:0 1 auto}
.wc-bolla{max-width:100%;min-width:0}
.wc-cit{max-width:100%}
.wc-cit span{display:block;min-width:0;max-width:100%}
.wc-testo,.wc-chi{min-width:0}
/* app da telefono: la lista riempie lo schermo tra l'intestazione e la casella */
.chat-schermo{display:flex;flex-direction:column}
.chat-schermo>.pad{display:flex;flex-direction:column;flex:1;min-height:0;gap:8px}
.chat-schermo .chat-info summary{cursor:pointer;color:var(--ink2,var(--wc-ink2));font-size:15px;min-height:32px;display:flex;align-items:center}
.chat-schermo .chat-info .nota{margin:4px 0 0}
.chat-schermo .wc-corpo{flex:1;min-height:0;border:1px solid var(--wc-line);border-radius:16px;overflow:hidden}
.chat-schermo .wc-area{display:flex;flex-direction:column}
.chat-schermo .wc-piena .wc-list,.chat-schermo.wc-piena .wc-list,.wc-piena .wc-list{height:auto;flex:1;min-height:160px}
.wc-piena .wc-tit{display:none}
.wc-piena{height:auto}

/* @menzioni (A-134, C2): elenco sopra la casella e messaggio che menziona me */
.wc-comp{position:relative}
.wc-sug{position:absolute;left:8px;right:8px;bottom:100%;margin-bottom:4px;z-index:5;display:flex;flex-direction:column;max-height:240px;overflow:auto;border:1px solid var(--wc-line);border-radius:12px;background:var(--wc-bg);box-shadow:0 8px 24px rgba(16,24,40,.18)}
.wc-sug[hidden]{display:none}
.wc-sug-v{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:0;border-bottom:1px solid var(--wc-line);background:transparent;color:var(--wc-ink);font:inherit;text-align:left;cursor:pointer}
.wc-sug-v:last-child{border-bottom:0}
.wc-sug-v.on,.wc-sug-v:hover{background:color-mix(in srgb,var(--wc-acc) 14%,var(--wc-bg))}
.wc-sug-v:focus-visible{outline:3px solid var(--wc-acc);outline-offset:-3px}
.wc-sug-i{color:var(--wc-acc);font-weight:800}
.wc-bolla.menz-me{box-shadow:0 0 0 2px var(--wc-acc)}

/* note vocali (A-134, C3): registrazione e lettore */
.wc-rec{display:flex;align-items:center;gap:10px;padding:8px 10px;min-height:52px}
.wc-rec[hidden]{display:none}
.wc-rec-punto{width:12px;height:12px;border-radius:50%;background:#d93025;animation:wc-lampeggia 1s infinite}
@keyframes wc-lampeggia{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.wc-rec-punto{animation:none}}
.wc-rec-tx{flex:1;color:var(--wc-ink2)}
.wc-rec-t{font-variant-numeric:tabular-nums;font-weight:700}
.wc-audio{display:flex;align-items:center;gap:8px;min-width:230px;max-width:100%}
.wc-a-play{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--wc-acc);color:#fff;font-size:18px;cursor:pointer}
.wc-a-play:focus-visible,.wc-a-vel:focus-visible,.wc-a-barra:focus-visible{outline:3px solid var(--wc-acc);outline-offset:2px}
.wc-a-barra{flex:1;min-width:60px;height:44px;accent-color:var(--wc-acc);cursor:pointer}
.wc-a-t{flex:none;min-width:34px;font-variant-numeric:tabular-nums;font-size:13px;color:var(--wc-ink2)}
.wc-a-vel{flex:none;min-width:44px;height:44px;border:1px solid var(--wc-line);border-radius:22px;background:var(--wc-bg);color:var(--wc-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}

/* inoltro, condivisione di un evento, anteprima dei link (A-134, C4) */
.wc-inoltrato{display:block;font-size:12px;font-style:italic;color:var(--wc-ink2);margin-bottom:2px}
.wc-via{display:inline-flex;align-self:flex-start;width:max-content;align-items:center;gap:4px;margin:0 0 3px 6px;padding:0 7px;border-radius:99px;border:1px solid var(--wc-line,currentColor);font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--wc-ink2);vertical-align:middle}
.wc-via::before{content:"";width:7px;height:7px;border-radius:50%;background:#2aa1e2}   /* T3: scritto nel gruppo Telegram */
.wc-info{margin:0;padding:6px 12px;font-size:14px;color:var(--wc-ok);background:var(--wc-bg)}
.wc-info[hidden]{display:none}
.wc-carte{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.wc-carta{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 12px;text-align:left;font:inherit;color:inherit;cursor:pointer;border:1px solid var(--wc-line);border-left:4px solid var(--wc-acc);border-radius:10px;background:color-mix(in srgb,var(--wc-bg) 70%,transparent)}
.wc-carta:hover{background:var(--wc-bg)}
.wc-carta:focus-visible{outline:3px solid var(--wc-acc);outline-offset:2px}
.wc-carta-ic{font-size:22px}
.wc-carta-tx{display:flex;flex-direction:column;min-width:0}
.wc-carta-tx strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-carta-tx small{color:var(--wc-ink2)}
.wc-scelta{max-height:80vh;display:flex;flex-direction:column;gap:8px}
.wc-sc-t{padding:4px 4px 0;font-size:17px}
.wc-sc-cerca{min-height:44px;padding:8px 12px;border:1px solid var(--wc-line);border-radius:10px;background:var(--wc-bg);color:var(--wc-ink);font:inherit}
.wc-sc-lista{display:flex;flex-direction:column;overflow:auto;gap:2px;min-height:0}
.wc-sc-v{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:52px;padding:8px 12px;text-align:left;font:inherit;color:inherit;cursor:pointer;border:0;border-radius:10px;background:transparent}
.wc-sc-v:hover,.wc-sc-v:focus-visible{background:color-mix(in srgb,var(--wc-acc) 14%,var(--wc-bg));outline:none}
.wc-sc-v small{color:var(--wc-ink2)}
.wc-sc-vuoto{margin:8px 4px;color:var(--wc-ink2)}

/* moderazione (A-134, C5) */
.wc-bloccata{margin:0;padding:12px 14px;color:var(--wc-ink2);background:color-mix(in srgb,var(--wc-ink) 6%,var(--wc-bg));border-top:1px solid var(--wc-line);font-size:14px}
.wc-bloccata[hidden]{display:none}
.wc-annunci[aria-pressed="true"],.wc-limitati.attivo{background:color-mix(in srgb,var(--wc-acc) 22%,var(--wc-bg))}

/* più contenuti (A-134, C6): posizione, documento e sondaggio dentro la bolla */
.wc-ext{display:flex;align-items:center;gap:10px;width:100%;min-width:220px;min-height:52px;padding:8px 12px;margin:2px 0;text-align:left;font:inherit;color:inherit;text-decoration:none;cursor:pointer;border:1px solid var(--wc-line);border-left:4px solid var(--wc-acc);border-radius:10px;background:var(--wc-bg)}
.wc-ext:hover{filter:brightness(.97)}
.wc-ext:focus-visible{outline:3px solid var(--wc-acc);outline-offset:2px}
.wc-ext:disabled{opacity:.6;cursor:default}
.wc-sond{display:flex;flex-direction:column;align-items:stretch;gap:6px;cursor:default;border-left-color:var(--wc-acc);min-width:min(260px,100%)}
.wc-sd-q{word-break:break-word}
.wc-sd-o{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 12px;overflow:hidden;font:inherit;color:inherit;text-align:left;cursor:pointer;border:1px solid var(--wc-line);border-radius:8px;background:var(--wc-bg)}
.wc-sd-o.io{border-color:var(--wc-acc);font-weight:600}
.wc-sd-o:focus-visible{outline:3px solid var(--wc-acc);outline-offset:2px}
.wc-sd-o:disabled{cursor:default}
.wc-sd-barra{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--wc-acc);opacity:.18;transition:width .3s}
.wc-sd-t{position:relative;min-width:0;word-break:break-word}
.wc-sd-n{position:relative;font-variant-numeric:tabular-nums;color:var(--wc-ink2)}
.wc-sd-tot{color:var(--wc-ink2)}
.wc-sd-righe{display:flex;flex-direction:column;gap:6px;margin:6px 0}
.wc-sd-invia{font-weight:600}
@media (prefers-reduced-motion:reduce){.wc-sd-barra{transition:none}}

/* messaggi a tempo e risultati della ricerca (A-134, C7) */
.wc-tempo-info{margin:0;padding:6px 12px;font-size:13px;color:var(--wc-ink2);background:var(--wc-bg);border-bottom:1px solid var(--wc-line)}
.wc-tempo{margin-right:4px;font-size:11px;cursor:help}
.wc-tempob[aria-pressed="true"]{background:color-mix(in srgb,var(--wc-acc) 20%,transparent)}
.wc-riga-m.wc-risultato{cursor:pointer;border-radius:10px}
.wc-riga-m.wc-risultato:hover .wc-bolla{box-shadow:0 0 0 2px var(--wc-acc)}
.wc-riga-m.wc-risultato:focus-visible{outline:3px solid var(--wc-acc);outline-offset:2px}

/* messaggi diretti (A-134 C8) */
.wc-sblocca { margin-left: .5rem; min-height: 44px; padding: 0 1rem; border-radius: 999px; border: 1px solid currentColor; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.dm .dm-nota { margin: .25rem 0 .75rem; }
/* l'app non ha la regola globale [hidden] del sito: senza queste, i pulsanti e la casella nascosti con l'attributo `hidden` restavano visibili (📢 🚫 ⏳ ai partecipanti, 📷 ➕ 🎤 nei messaggi diretti) */
.wc-ico[hidden],.wc-riga[hidden],.wc-bloccata[hidden]{display:none}
/* risposte rapide sopra la casella (v404) */
.wc-rapide{display:flex;gap:6px;overflow-x:auto;padding:6px 2px 2px;scrollbar-width:none}
.wc-rapide::-webkit-scrollbar{display:none}
.wc-rap{flex:none;min-height:44px;padding:0 14px;border-radius:99px;border:1px solid var(--wc-linea,var(--line,#d9dee8));background:var(--wc-sf,var(--surface,#fff));color:inherit;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.wc-rap:focus-visible{outline:3px solid var(--accent,#3044d0);outline-offset:2px}
/* «Chi viene» in testa alla conversazione (v404) */
.wc-cv{display:flex;flex-direction:column;gap:4px;margin:6px 8px 4px;padding:10px 12px;border-radius:16px;background:var(--wc-sf,var(--surface-2,#eef0f6))}
.wc-cv-q{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:14px}.wc-cv-q span{color:var(--ink-2,#4a5468)}
.wc-cv-p{display:flex;flex-direction:column;gap:1px}.wc-cv-t{font-weight:800;font-size:14px}.wc-cv-n{font-size:13px;color:var(--ink-2,#4a5468)}
.wc-cv-a{align-self:flex-start;min-height:44px;padding:0 4px;border:0;background:none;color:var(--accent,#3044d0);font:inherit;font-weight:700;cursor:pointer}

/* ---- v518 · chat «Evento e chat» (bozza C, scelta il 29/10: https://claude.ai/artifact/W7knZnZLa9EcK2kDmE7LR3) ---- */
/* fumetti: i miei pieni nel colore del sito a destra, gli altri bianchi a sinistra; coda verso chi scrive; chi organizza in evidenza */
.wc-bolla{border-radius:18px;padding:7px 12px 6px}
.wc-bolla.primo{border-top-left-radius:18px}
.wc-riga-m:not(.mia) .wc-bolla{border-bottom-left-radius:6px}
.wc-bolla.mia,.wc-bolla.mia.primo{background:var(--wc-acc);color:var(--wc-acc-ink);border-color:var(--wc-acc);border-radius:18px 18px 6px 18px}
.wc-bolla.mia .wc-meta,.wc-bolla.mia .wc-mod,.wc-bolla.mia time{color:color-mix(in srgb,var(--wc-acc-ink) 80%,transparent)}
.wc-bolla.mia .wc-link{color:var(--wc-acc-ink);text-decoration:underline}
.wc-bolla.mia .wc-men{color:var(--wc-acc-ink);background:rgba(255,255,255,.18)}
.wc-bolla.mia .wc-cit{background:rgba(255,255,255,.16);border-left-color:rgba(255,255,255,.7);color:var(--wc-acc-ink)}
.wc-bolla.mia .wc-cit strong{color:var(--wc-acc-ink)}
.wc-bolla.mia .wc-menu-b{color:var(--wc-acc-ink)}
.wc-bolla.mia .wc-visto,.wc-bolla.mia .visto{color:#bfe3ff}
.wc-bolla.org{background:color-mix(in srgb,#F1D99A 26%,var(--wc-bg));border-color:color-mix(in srgb,#E2B84A 55%,var(--wc-line))}
.wc-chi-r{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wc-org{font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--wc-acc) 14%,var(--wc-bg));color:color-mix(in srgb,var(--wc-acc) 80%,var(--wc-ink))}
/* messaggio fissato: striscia gialla con chi l'ha fissato e «Vai al messaggio» */
.wc-pin{margin:8px 10px 0;width:auto;border:1px solid color-mix(in srgb,#E2B84A 60%,var(--wc-line));border-radius:12px;background:color-mix(in srgb,#FFE9A8 40%,var(--wc-bg));align-items:center}
.wc-pin-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.wc-pin-t strong,.wc-pin-t small{display:inline;font-size:14px}
.wc-pin-t small{color:var(--wc-ink2)}
.wc-pin-vai{flex:none;font-size:13px;font-weight:700;color:color-mix(in srgb,#8A5A00 85%,var(--wc-ink))}
/* campo per scrivere: «+» · [😊 testo 📷] · 🎤 o ➤ */
.wc-riga{align-items:flex-end;gap:8px;padding:10px 12px 12px}
.wc-riga > .wc-piu{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid var(--wc-line);background:var(--wc-bg);font-size:18px}
.wc-campo{flex:1;min-width:0;display:flex;align-items:flex-end;border:1px solid var(--wc-line);border-radius:22px;background:var(--wc-ground);padding:0 4px}
.wc-campo:focus-within{border-color:var(--wc-acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--wc-acc) 18%,transparent)}
.wc-campo .wc-ta{border:0;background:transparent;border-radius:0;padding:11px 6px;box-shadow:none;outline:0}
.wc-campo .wc-ico{width:40px;height:44px;flex:none;border:0;background:transparent}
.wc-riga > .wc-mic,.wc-riga > .wc-invia{width:44px;height:44px;flex:none;border-radius:50%;border:0;background:var(--wc-acc);color:var(--wc-acc-ink);font-size:18px}
.wc-riga > .wc-invia:disabled{opacity:.45}
.wc-riga > .wc-mic{filter:none}
.wc-rapide{padding:8px 12px 0}
/* nel pannello di «I miei eventi»: la chat riempie lo spazio, i messaggi scorrono e il campo resta sempre in basso */
.ce-dx{overflow:hidden}
.ce-dx > .sec.ev-chat{display:flex;flex-direction:column;flex:1;min-height:0;padding:0!important}
.ce-dx > .sec.ev-chat > .chat-nota{max-width:none;margin:0;padding:6px 22px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--line)}
.ce-dx .wchat{flex:1;min-height:0;border:0;border-radius:0}
.ce-dx .wc-corpo{flex:1;min-height:0}
.ce-dx .wc-area{display:flex;flex-direction:column}
.ce-dx .wc-list{height:auto;flex:1;min-height:0;padding:12px 18px 8px}
.ce-dx .wc-cv,.ce-dx .wc-tit{display:none}   /* data, luogo e «chi viene» li dice già il biglietto in testa */
.ce-dx .wc-bar{padding:4px 12px;min-height:0}
.ce-dx > .dm-pan{display:flex;flex-direction:column;min-height:0;padding:0!important}
.ce-dx > .dm-pan .wchat{flex:1;min-height:0}
/* nelle pagine Iscrizione e Gestisci: altezza fissa, così il campo resta sempre visibile */
.wc-bolla.mia .wc-sp2{color:color-mix(in srgb,var(--wc-acc-ink) 75%,transparent)}.wc-bolla.mia .wc-sp2.visto{color:#bfe3ff}
/* v518 · dentro i miei fumetti (ora pieni nel colore del sito) le carte (sondaggio, documento, posizione, evento, anteprime dei link) restano chiare e leggibili; la nota vocale prende il bianco */
.wc-bolla.mia .wc-ext,.wc-bolla.mia .wc-carta{color:var(--wc-ink);background:var(--wc-bg);border-color:transparent}
.wc-bolla.mia .wc-ext a,.wc-bolla.mia .wc-carta a{color:var(--wc-acc)}
.wc-bolla.mia .wc-sd-o{color:var(--wc-ink)}
.wc-bolla.mia .wc-audio{color:var(--wc-acc-ink)}
.wc-bolla.mia .wc-a-play{background:var(--wc-bg);color:var(--wc-acc)}
.wc-bolla.mia .wc-a-barra{accent-color:#fff}
.wc-bolla.mia .wc-img{border:2px solid rgba(255,255,255,.35)}

/* ---- v519 · chat professionale (bozze approvate il 30/10: https://claude.ai/artifact/PXGWMW1RqaWt13Cff9LE26) ---- */
/* icone a tratto (js/chat-ui.js, ICONE) al posto delle emoji nei comandi */
.wc-svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.wc-ico{color:var(--wc-ink2)}
.wc-ico:hover{color:var(--wc-ink)}
.wc-ico[aria-pressed="true"]{color:var(--wc-acc)}
/* barra: titolo · cerca · ⋯ (il resto sta nel foglio «Dettagli della chat») */
.wc-bar{padding:2px 6px 2px 12px}
.wc-cerca-r{display:flex;align-items:center;gap:8px;padding-right:14px;background:var(--wc-bg);border-bottom:1px solid var(--wc-line)}
.wc-cerca-r .wc-cerca-in{flex:1;border-bottom:0}
.wc-cerca-r[hidden]{display:none}
.wc-conta{white-space:nowrap}
/* messaggio fissato: striscia sottile con l'icona */
.wc-pin{margin:0;width:100%;min-height:42px;padding:0 14px;gap:10px;border:0;border-bottom:1px solid var(--wc-line);border-radius:0;background:var(--wc-bg)}
.wc-pin-i{color:var(--wc-acc)}.wc-pin-i .wc-svg{width:17px;height:17px}
.wc-pin-t strong{color:var(--wc-ink)}
.wc-pin-vai{color:var(--wc-ink2)}.wc-pin-vai .wc-svg{width:18px;height:18px}
/* fumetti: senza bordo, ombra leggera; chi organizza con l'etichetta e l'anello sulla foto (niente più fondo giallo) */
.wc-bolla{border:0;box-shadow:0 1px 1px rgba(16,24,40,.08)}
.wc-bolla.org{background:var(--wc-altra);border:0;box-shadow:0 0 0 1px var(--wc-line)}
.wc-org{text-transform:uppercase;letter-spacing:.03em;font-size:10.5px;border-radius:6px}
.wc-av.org{box-shadow:0 0 0 2px var(--wc-ground),0 0 0 4px var(--wc-acc)}
/* l'ora dentro il fumetto, in fondo all'ultima riga del testo */
.wc-bolla.in-riga{display:block;padding-bottom:7px}
.wc-bolla.in-riga > .wc-chi-r{margin-bottom:2px}
.wc-bolla.in-riga > .wc-cit{width:100%;box-sizing:border-box;margin-bottom:4px}
.wc-bolla.in-riga > .wc-via,.wc-bolla.in-riga > .wc-inoltrato{display:flex;width:max-content;margin-bottom:3px}
.wc-bolla.in-riga > .wc-meta{position:absolute;right:11px;bottom:6px;margin:0}
.wc-spazio{display:inline-block;height:1px}
.wc-meta .wc-svg{width:12px;height:12px}
/* separatori: «Oggi» senza bordo; i non letti come una linea con la scritta al centro */
.wc-giorno span{border:0;box-shadow:0 1px 1px rgba(16,24,40,.08)}
.wc-nl{align-items:center;gap:12px}
.wc-nl::before,.wc-nl::after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--wc-acc) 40%,transparent)}
.wc-nl span{padding:0;background:none;color:var(--wc-acc);font-size:12.5px}
/* azioni al passaggio del mouse: Rispondi · reazione · altro, sull'angolo in alto del fumetto */
.wc-col{position:relative}
.wc-az{position:absolute;top:-16px;right:-6px;z-index:2;display:flex;gap:2px;padding:2px;border:1px solid var(--wc-line);border-radius:10px;background:var(--wc-bg);box-shadow:0 4px 12px rgba(16,24,40,.14);opacity:0;pointer-events:none;transition:opacity .12s}
.wc-riga-m.mia .wc-az{right:auto;left:-6px}
.wc-riga-m:hover .wc-az,.wc-az:focus-within{opacity:1;pointer-events:auto}
.wc-az-b{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--wc-ink2);display:grid;place-items:center;cursor:pointer}
.wc-az-b:hover{background:var(--wc-ground);color:var(--wc-ink)}
.wc-az-b:focus-visible{outline:3px solid var(--wc-acc);outline-offset:1px}
.wc-az-b .wc-svg{width:18px;height:18px}
@media (pointer:coarse){.wc-az{display:none}}
@media (prefers-reduced-motion:reduce){.wc-az{transition:none}}
/* menu delle azioni (tocco lungo) e foglio «Dettagli della chat» */
.wc-menu-msg{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--wc-ground);font-size:14px;line-height:1.35}
.wc-menu-msg strong{font-size:13px}
.wc-menu-msg span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--wc-ink2)}
.wc-menu-ic{display:grid;place-items:center;color:var(--wc-ink2)}
.wc-menu-ic .wc-svg{width:20px;height:20px}
.wc-menu-i.rosso,.wc-menu-i.rosso .wc-menu-ic{color:var(--bad,#b42335)}
.wc-menu-i[aria-pressed="true"] .wc-menu-ic{color:var(--wc-acc)}
.wc-menu-i[hidden],.wc-rapide[hidden]{display:none}
.wc-dett{gap:10px}
.wc-dt-ev{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--wc-line);border-radius:14px}
.wc-dt-ev strong{font-size:17px}
.wc-dt-ev > span{font-size:14px;color:var(--wc-ink2);text-transform:none}
.wc-dt-az{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.wc-dt-az .btn{flex:1 1 140px;min-height:44px}
.wc-dt-cv{display:flex;flex-direction:column;gap:2px;padding:2px 12px;font-size:14px}
.wc-dt-h{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--wc-ink2)}
.wc-dt-nota{margin:0 12px;font-size:13px;line-height:1.45;color:var(--wc-ink2)}
/* campo per scrivere con le icone */
.wc-campo .wc-ico{color:var(--wc-ink2)}
.wc-riga > .wc-piu{color:var(--wc-ink2)}
.wc-riga > .wc-mic,.wc-riga > .wc-invia,.wc-rec-invia{display:grid;place-items:center;color:var(--wc-acc-ink)}
.wc-riga > .wc-mic .wc-svg,.wc-riga > .wc-invia .wc-svg,.wc-rec-invia .wc-svg{width:21px;height:21px}
.wc-bolla.mia .wc-cit span{color:color-mix(in srgb,var(--wc-acc-ink) 85%,transparent)}   /* la citazione dentro i miei fumetti resta leggibile */
.wc-riga > .wc-mic[hidden],.wc-riga > .wc-invia[hidden]{display:none}   /* l'app non ha la regola globale [hidden]: senza questa il 🎤 compariva anche nei messaggi privati */
/* v521 · «via Telegram» dentro i miei fumetti (pieni nel colore del sito) era grigio su blu, invisibile */
.wc-bolla.mia .wc-via{color:var(--wc-acc-ink);border-color:color-mix(in srgb,var(--wc-acc-ink) 55%,transparent)}
.wc-bolla.mia .wc-via::before{background:#fff}