<!-- v42 16ott2026: INGLESE. Carica /i18n.js (in italiano non fa nulla); contenuti degli utenti marcati translate="no" (nome/slogan/promessa del team, storie, nomi e voci DNA, persone, moduli, contatti, team nel menu); date nella lingua scelta; messaggio WhatsApp, testo di condivisione e finestre di dialogo a righe passano da window.t; etichetta del piano nel menu in translate="no" (plan.js la ripristina in italiano: tradurla creerebbe un ciclo); il confronto sul testo "Nessuna promessa ancora" accetta anche la versione tradotta. -->
<!-- v41 15ott2026: DA VOTARE COMPLETO. Nuova card "Da votare" con TUTTE le storie del team non ancora votate da te (prima si votava solo sulle ultime 3). Il voto passa da vote.js, lo stesso di Discover e della pagina storia: scala 1-10, voto aggiornabile. Nelle Ultime Azioni lo slider lascia il posto a "Hai votato X · cambia" oppure al rimando alla card. supabase-js fissato alla 2.117.3. -->
<!-- v40 9ott2026: gestione DNA piu’ solida. (1) chiudendo il pannello "✎ DNA" la dashboard si ricarica se qualcosa e’ cambiato; (2) il bottone ✎ DNA lo vede solo chi ha fondato il team (per gli altri: messaggio chiaro invece di "0 righe"); (3) il controllo duplicati guarda solo le voci ATTIVE, quindi un nome archiviato si puo’ riaggiungere; (4) FIX: cambiare l’importanza di una voce aggiorna anche il voto del founder in partner_ratings, altrimenti il numero mostrato (avg_rating) non si muoveva mai; (5) link diretto ?dna=value|service|role apre il pannello sulla scheda giusta -->
<!-- v39 18set2026: VOTO DEI VSM dalla dashboard (card "Vota il DNA del team", scrive su partner_ratings): il contatore "N VSM da votare" dell'hub ora atterra qui via #vota-dna. Prima i VSM si votavano solo in join.html, all'ingresso di un partner. + pulsante "Invita partner" anche nella card del team -->
<!-- v38 17set2026: team ancora 'draft'/'founding' (fondazione mai completata) rimanda a design.html invece di aprire una dashboard vuota/rotta -->
<!-- v37 15set2026: rimosso recalcFinalRating() — doppione del trigger DB trg_recalc_on_story_vote (calculate_weighted_rating + refresh_rating_status) e falliva comunque: scriveva rating_status='partial', non ammesso dal vincolo -->
<!-- v36 28ago2026: la card Social Media Kit punta a kit.html (lo strumento e' uscito da communicate.html, che ora fa solo la spiegazione) -->
<!-- footer-std-v2 26ago2026: footer mobile a due colonne (override a colonna unica a 600 e 480px) -->
<!-- v35 26ago2026: FIX modale invito partner — nome e flag amministratore restavano precompilati dall'invito precedente. resetInviteForm() ora azzera TUTTI i campi ed e' il punto unico di reset, richiamato anche in apertura; card Social Media Kit ora punta a communicate.html#kit (atterrava sull'hero invece che sullo strumento) -->
<!-- v34 14ago2026: contatore recensioni del pubblico sulle card storia (audience_feedbacks non veniva letto in dashboard) -->
<!-- v33 29lug2026: FIX assegnazione mansione declassava a 'invited' un membro gia' entrato (upsert cieco su status) -->
<!-- v32 29lug2026: flag Amministratore in fase di invito (solo founder, protetto da trigger guard_can_admin) -->
<!-- v31 29lug2026: card Moduli attivi (team_modules + gate marketplace) + card Amministratori (team_admins/set_team_admin) -->
<!-- v30 28lug2026: fascia offerta di lancio (my_trial_status) -->
<!-- v29 27lug2026: card Personal Score - nome leggibile al posto dell'email, iniziali corrette, troncamento con ellissi, escape HTML su nome/ruolo -->
<!-- v28 24lug2026: sezione Il Team legge final_rating (dna_score era colonna morta) + distingue post non votati + errore query non piu\u2019 silenzioso -->
<!-- v-fix 07ago2026: composer duplicato rimosso, sostituito da CTA verso tell.html (motore unico di certificazione) -->
<!-- v-fix 24lug2026: invito email via db.functions.invoke (era Bearer publishable key -> 401 silenzioso) -->
<!-- v27 19lug2026: fix SECONDA occorrenza taxonomy senza 'accepted' (allPartners per profile completion, riga ~2276): i membri entrati via join erano esclusi dal conteggio -->
<!-- v26 18lug2026: FIX Gestione accessi: la select partner chiedeva profiles.email (colonna inesistente, e' contact_email) -> query fallita in silenzio, lista partner sempre vuota. Rimossa la colonna dalla select (mai usata nel codice) -->
<!-- v25 18lug2026: toggle "Lenti pubbliche" (teams.lens_public) nella card Gestione accessi — founder, piani a pagamento -->
<!-- v24 18lug2026: RIMOSSA sezione "Analisi Multi-Framework" v22 (doppione senza ratio); RIMOSSO box sea-soul "Ultima azione" (doppione lista azioni); fix taxonomy loadPartnerScores: aggiunto 'accepted' -->
<!-- v22 17lug2026: agent reports generator (corp-only) -->
<!-- v20 10lug2026: RIMOSSO badge "The Sea Soul" hardcoded dal box ultima azione — ridondante, solo team name + titolo -->
<!-- footer-std-v1 10lug2026 -->
<!-- v18 04lug2026: soft-delete team con 30 giorni di pentimento (RPC soft_delete_team / restore_team), banner ripristino -->
<!-- v15-analyze-daily-story-fix 01lug2026: chiamata AI spostata su Edge Function, stesso bug CORS di tell.html chiuso anche qui -->
<!-- v16 01lug2026: dettatura vocale Web Speech (era stub MediaRecorder rotto), rimosso codice morto analizza/bozza/conferma, toast -->
<!-- v17 01lug2026: card Social Media Kit con anteprima live, link a communicate.html -->
<!-- v11-social-lingua 16giu2026 -->
<!DOCTYPE html>
<!-- nav-v2 2026-06-06 -->
<!-- nav-v5 103412 -->
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="/i18n.js"></script>
    <title>TRASPALITY - Dashboard</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">
    
    <style>
        :root {
            --val-color: #8FC55B;  /* Verde  — Valori   */
            --srv-color: #E6CF42;  /* Giallo — Servizi  */
            --rol-color: #B54D8D;  /* Viola  — Mansioni */
            --traspality-blue: #175F75;
            --bg-light: #f4f7f6;
        }

        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { font-family: 'Montserrat', sans-serif; background-color: var(--bg-light); color: #333; display: flex; flex-direction: column; min-height: 100vh; }

        /* WRAPPER orizzontale sidebar + main — cresce per spingere footer in fondo */
        .app-wrapper { display: flex; flex-direction: row; flex: 1; }

        /* SIDEBAR */
        .sidebar { width: 80px; background: white; border-right: 1px solid #ddd; display: flex; flex-direction: column; align-items: center; padding: 20px 0; z-index: 100; flex-shrink: 0; position: sticky; top: 0; height: 100vh; }
        .sidebar-logo { width: 40px; margin-bottom: 40px; cursor: pointer; }
        .nav-item { width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; cursor: pointer; transition: all 0.3s; color: #aaa; }
        .nav-item:hover, .nav-item.active { background: #e8f4f8; color: var(--traspality-blue); }
        .nav-item svg { width: 24px; height: 24px; }

        /* MAIN CONTENT */
        .main-content { flex: 1; padding: 40px; overflow-y: auto; }

        /* TEAM HEADER */
        .dashboard-header { margin-bottom: 40px; }
        .team-name { font-size: 32px; font-weight: 700; color: var(--traspality-blue); text-transform: uppercase; letter-spacing: 2px; }
        .team-slogan { font-size: 14px; font-weight: 300; color: var(--val-color); letter-spacing: 4px; text-transform: uppercase; }

        .grid-container { display: grid; grid-template-columns: 1.5fr 1fr; gap: 30px; }

        /* DAY BY DAY MODULE */
        .card { background: white; border-radius: 20px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); margin-bottom: 30px; }
        .card-title { font-size: 12px; font-weight: 700; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; display: flex; justify-content: space-between; }
        
        .narrative-input-area { position: relative; }
        /* v-fix 07ago2026: CTA che sostituisce il composer duplicato */
        .tell-cta { padding: 4px 0 2px; }
        .tell-cta-text { font-size: 13px; line-height: 1.6; color: #666; margin: 0 0 18px; }
        .tell-cta-btn { display: inline-block; background: var(--traspality-blue); color: #fff; text-decoration: none; padding: 12px 30px; border-radius: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; transition: opacity .2s; }
        .tell-cta-btn:hover { opacity: .88; }
        .day-textarea { width: 100%; height: 150px; border: 1px solid #eee; border-radius: 15px; padding: 20px; font-family: 'Montserrat'; font-size: 16px; font-weight: 300; resize: none; background: #fafafa; outline: none; transition: border-color 0.3s; }
        .day-textarea:focus { border-color: var(--traspality-blue); }
        
        .input-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; }
        .btn-voice { background: #f0f0f0; border: none; width: 45px; height: 45px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #666; transition: background 0.3s; }
        .btn-voice:hover { background: #e0e0e0; }
        .btn-publish { background: var(--traspality-blue); color: white; border: none; padding: 12px 30px; border-radius: 10px; font-weight: 600; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; }

        /* DNA SCORE ANALYTICS (60/20/20) */
        .dna-score-main { text-align: center; padding: 20px 0; }
        .score-circle { width: 150px; height: 150px; border-radius: 50%; border: 10px solid #eee; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; position: relative; }
        .score-circle::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; border: 10px solid var(--val-color); border-bottom-color: transparent; border-left-color: transparent; transform: rotate(45deg); }
        .del-story-btn:hover { color: #e74c3c !important; }
        .story-vote-bar { display:flex; align-items:center; gap:8px; margin-top:8px; padding-top:8px; border-top:1px solid #f5f5f5; }
        .story-vote-label { font-size:9px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#bbb; }
        .vote-slider { width:100px; accent-color:var(--traspality-blue); height:4px; cursor:pointer; }
        .vote-val { font-size:12px; font-weight:700; color:var(--traspality-blue); min-width:20px; }
        .vote-btn { font-size:9px; font-weight:700; letter-spacing:1px; text-transform:uppercase; background:var(--traspality-blue); color:#fff; border:none; padding:4px 10px; border-radius:6px; cursor:pointer; font-family:'Montserrat'; transition:opacity .2s; }
        .vote-btn:hover { opacity:.85; }
        .vote-btn.voted { background:#8FC55B; }
        .story-author { font-size:10px; color:var(--traspality-blue); font-weight:600; }
        .share-icon { font-size:11px; font-weight:700; text-decoration:none; color:#ccc; transition:color .2s; padding:2px 3px; font-family:Montserrat; }
        .share-icon:hover { color:#175F75; }
        .score-circle.dormant::after { border-color: #e0e0e0; border-bottom-color: transparent; border-left-color: transparent; }
        .score-dormant-msg { font-size: 11px; font-weight: 400; color: #aaa; line-height: 1.5; margin-top: 10px; text-align: center; }
        .score-dormant-msg strong { color: var(--traspality-blue); font-weight: 700; }
        .vsm-weights { margin-top: 20px; padding-top: 16px; border-top: 1px solid #f0f0f0; }
        .vsm-weights-title { font-size: 9px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #bbb; margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; }
        .vsm-weights-title span { font-size: 8px; color: #ccc; font-weight: 400; letter-spacing: 0; text-transform: none; }
        .weight-row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
        .weight-label { font-size: 10px; font-weight: 700; width: 68px; color: #555; }
        .weight-slider { flex: 1; accent-color: var(--traspality-blue); height: 4px; cursor: pointer; }
        .weight-pct { font-size: 11px; font-weight: 700; width: 32px; text-align: right; color: var(--traspality-blue); }
        .weight-save-btn { display: none; width: 100%; margin-top: 8px; padding: 8px; background: var(--traspality-blue); color: #fff; border: none; border-radius: 8px; font-family: Montserrat; font-size: 10px; font-weight: 700; letter-spacing: 1px; cursor: pointer; text-transform: uppercase; }
        .weight-save-btn.visible { display: block; }
        .score-value { font-size: 48px; font-weight: 200; color: #111; }
        .score-label { font-size: 14px; font-weight: 600; color: var(--traspality-blue); text-transform: uppercase; }

        .score-breakdown { display: flex; flex-direction: column; gap: 15px; margin-top: 20px; }
        .breakdown-item { display: flex; align-items: center; gap: 15px; }
        .bar-container { flex: 1; height: 8px; background: #eee; border-radius: 4px; overflow: hidden; }
        .bar-fill { height: 100%; border-radius: 4px; }
        .item-info { width: 100px; font-size: 10px; font-weight: 700; text-transform: uppercase; color: #666; }
        .item-val { font-size: 12px; font-weight: 700; width: 30px; text-align: right; }

        @keyframes spin { to { transform: rotate(360deg); } }
        @media (max-width: 1024px) {
            .grid-container { grid-template-columns: 1fr; }
        }
    
        .trsp-footer{background:#175F75;color:white;padding:50px 30px 30px;margin-top:auto}
        .footer-inner{max-width:900px;margin:0 auto}
        .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
        .footer-brand img{height:28px;width:auto;max-width:100%;margin-bottom:14px;display:block}
        .footer-brand p{font-size:11px;font-weight:300;opacity:.7;line-height:1.7}
        .footer-col h4{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.5;margin-bottom:14px}
        .footer-col a,.footer-col p{display:block;font-size:12px;opacity:.8;text-decoration:none;color:white;margin-bottom:8px;transition:opacity .2s}
        .footer-col a:hover{opacity:1}
        .footer-social{display:flex;gap:12px;margin-top:4px}
        .sif{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s}
        .sif:hover{background:rgba(255,255,255,.2)}
        .sif svg{width:16px;height:16px;fill:white}
        .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
        .footer-legal{font-size:10px;opacity:.4}
        .footer-legal a{color:white;text-decoration:none}
        .footer-payoff{font-size:9px;letter-spacing:4px;text-transform:uppercase;opacity:.3}
        @media(max-width:700px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
        /* ── ACCESS CARD ── */
        .elected-row{display:flex;align-items:center;justify-content:space-between;background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;padding:10px 14px}
        .elected-row-name{font-size:12px;font-weight:600;color:#333}
        .elected-row-email{font-size:10px;color:#aaa;font-weight:300}
        .elected-row-badge{font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:#e8f4f8;color:#175F75;padding:2px 8px;border-radius:10px}
        .elected-row-btn{background:none;border:none;cursor:pointer;font-size:10px;font-weight:700;color:#e74c3c;font-family:Montserrat;padding:4px 8px;border-radius:6px;transition:background .2s}
        .elected-row-btn:hover{background:#fff0f0}
        .voucher-row{background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;padding:10px 14px}
        .voucher-row-code{font-size:11px;font-weight:700;color:#175F75;font-family:monospace;letter-spacing:1px}
        .voucher-row-meta{font-size:10px;color:#aaa;margin-top:3px;font-weight:300}
        .voucher-row-status{display:inline-block;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:10px;margin-top:5px}
        .vs-available{background:#EDF7E4;color:#5a8a30}
        .vs-assigned{background:#FFF9E6;color:#9c8a1b}
        .vs-redeemed{background:#f0f0f0;color:#aaa}
        .vs-expired{background:#fff0f0;color:#cc4444}
        /* ── PROMISE EDIT ── */
        .promise-edit-area { width:100%; min-height:80px; padding:14px 16px; border:1px solid #e0e0e0; border-radius:10px; font-family:'Montserrat'; font-size:14px; font-weight:300; line-height:1.6; resize:vertical; background:#fafafa; transition:border-color .2s; }
        .promise-edit-area:focus { outline:none; border-color:var(--traspality-blue); background:#fff; }
        .promise-save-btn { margin-top:8px; padding:8px 18px; background:var(--traspality-blue); color:white; border:none; border-radius:8px; font-family:'Montserrat'; font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; cursor:pointer; }
        .promise-static { font-size:14px; font-weight:300; color:#444; line-height:1.7; }
        .promise-edit-btn { display:inline-flex; align-items:center; gap:5px; font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--traspality-blue); background:#E8F4F8; border:none; border-radius:6px; padding:5px 12px; cursor:pointer; font-family:'Montserrat'; }
        /* ── INVITE ── */
        .invite-partner-btn { display:inline-flex; align-items:center; gap:6px; font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#3a7a1e; background:rgba(143,197,91,.15); border:none; border-radius:8px; padding:8px 14px; cursor:pointer; font-family:'Montserrat'; }
        /* ── MODAL ── */
        .modal-overlay { display:none; position:fixed; inset:0; z-index:500; background:rgba(0,0,0,.4); backdrop-filter:blur(4px); align-items:center; justify-content:center; padding:20px; }
        .modal-overlay.open { display:flex; }
        .modal-box { background:#fff; border-radius:20px; padding:32px; max-width:480px; width:100%; box-shadow:0 24px 60px rgba(0,0,0,.15); }
        .modal-title { font-size:16px; font-weight:700; color:var(--traspality-blue); margin-bottom:6px; }
        .modal-sub { font-size:12px; font-weight:300; color:#888; margin-bottom:20px; line-height:1.5; }
        .modal-input { width:100%; padding:12px 14px; border:1px solid #ddd; border-radius:10px; font-family:'Montserrat'; font-size:13px; margin-bottom:10px; background:#fafafa; box-sizing:border-box; }
        .modal-select { width:100%; padding:12px 14px; border:1px solid #ddd; border-radius:10px; font-family:'Montserrat'; font-size:12px; margin-bottom:16px; background:#fafafa; color:#555; }
        .modal-btns { display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; }
        .modal-btn-cancel { background:none; border:1px solid #ddd; padding:10px 20px; border-radius:8px; font-family:'Montserrat'; font-size:11px; font-weight:600; color:#888; cursor:pointer; }
        .modal-btn-send { background:var(--traspality-blue); color:#fff; border:none; padding:10px 24px; border-radius:8px; font-family:'Montserrat'; font-size:11px; font-weight:700; letter-spacing:1px; cursor:pointer; }
        .modal-link-box { background:#f8fafb; border:1px solid #ddd; border-radius:10px; padding:12px 14px; font-size:11px; word-break:break-all; color:var(--traspality-blue); margin-bottom:12px; display:none; }
        .modal-copy-btn { background:#E8F4F8; color:var(--traspality-blue); border:none; padding:8px 16px; border-radius:8px; font-family:'Montserrat'; font-size:10px; font-weight:700; cursor:pointer; }
        /* ── COMPLETION ── */
        .completion-widget { background:white; border-radius:16px; padding:20px 24px; margin-bottom:24px; border:1px solid #f0f0f0; }
        .completion-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
        .completion-title { font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#888; }
        .completion-pct { font-size:22px; font-weight:700; color:var(--traspality-blue); line-height:1; }
        .completion-pct span { font-size:11px; font-weight:400; color:#aaa; }
        .completion-bar-wrap { height:6px; background:#f0f0f0; border-radius:3px; overflow:hidden; margin-bottom:16px; }
        .completion-bar-fill { height:100%; border-radius:3px; background:linear-gradient(90deg,var(--traspality-blue),#8FC55B); transition:width 1s ease .2s; }
        .completion-steps { display:flex; flex-direction:column; gap:8px; }
        .comp-step { display:flex; align-items:center; gap:10px; font-size:12px; color:#555; padding:6px 10px; border-radius:8px; transition:background .2s; }
        .comp-step.done { color:#aaa; }
        .comp-step.todo { background:#fafafe; cursor:pointer; }
        .comp-step.todo:hover { background:#f0f4ff; }
        .comp-step-icon { width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:10px; }
        .comp-step.done .comp-step-icon { background:#8FC55B; color:white; }
        .comp-step.todo .comp-step-icon { background:#eee; color:#bbb; }
        .comp-step-pts { font-size:9px; font-weight:700; letter-spacing:1px; color:#ccc; text-transform:uppercase; }
        .comp-step.todo .comp-step-pts { color:var(--traspality-blue); opacity:.6; }
        /* ── SCORES ── */
        .scores-section { margin-top:30px; }
        .scores-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:16px; margin-top:16px; }
        .pscore-card { background:white; border-radius:16px; padding:22px 18px; text-align:center; border:1px solid #f0f0f0; position:relative; min-width:0; overflow:hidden; }
        .pscore-card.is-me { border-color:var(--traspality-blue); }
        .pscore-avatar { width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,var(--traspality-blue),#55A2B5); display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; color:white; margin:0 auto 12px; overflow:hidden; flex:none; }
        .pscore-name { font-size:13px; font-weight:700; color:#222; margin-bottom:2px; min-width:0; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        .pscore-role { font-size:9px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--traspality-blue); margin-bottom:14px; opacity:.7; min-width:0; max-width:100%; overflow:hidden; overflow-wrap:anywhere; }
        .pscore-num { font-size:36px; font-weight:200; line-height:1; margin-bottom:4px; }
        .pscore-label { font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#aaa; margin-bottom:12px; }
        .pscore-bar-wrap { height:4px; background:#eee; border-radius:2px; overflow:hidden; margin-bottom:10px; }
        .pscore-bar { height:100%; border-radius:2px; }
        .pscore-posts { font-size:10px; color:#bbb; }
        .pscore-me-badge { position:absolute; top:10px; right:10px; font-size:8px; font-weight:700; letter-spacing:1px; text-transform:uppercase; background:#e8f4f8; color:var(--traspality-blue); padding:2px 7px; border-radius:4px; }
        .score-alert { background:#fff3f8; border:1px solid #f0c0d8; border-radius:12px; padding:14px 18px; margin-top:16px; font-size:12px; font-weight:500; color:#b54d8d; display:flex; align-items:center; gap:10px; }
        /* ── DNA MODAL ── */
        .dna-modal-tabs { display:flex; gap:4px; background:#f5f5f5; border-radius:10px; padding:4px; margin-bottom:16px; }
        .dna-existing-list { margin-bottom:16px; max-height:200px; overflow-y:auto; }
        .dna-existing-item { display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:8px; background:#fafafa; border:1px solid #f0f0f0; margin-bottom:6px; }
        .dna-existing-name { flex:1; font-size:12px; font-weight:600; color:var(--ink); }
        .dna-existing-score { font-size:11px; font-weight:700; width:28px; text-align:center; }
        .dna-edit-btn,.dna-del-btn,.dna-arch-btn { background:none; border:none; cursor:pointer; padding:4px; border-radius:6px; display:flex; align-items:center; justify-content:center; }
        .dna-edit-btn:hover { background:#E8F4F8; }
        .dna-del-btn:hover  { background:#fff0f0; }
        .dna-arch-btn:hover { background:#fdf6e3; }
        .dna-edit-form { background:#f0f8ff; border:1px solid #c8e6f7; border-radius:10px; padding:12px; margin-bottom:8px; }
        .dna-section-label { font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#bbb; margin-bottom:8px; display:block; }
        .dna-tab-btn { flex:1; padding:8px; border:none; border-radius:7px; font-family:'Montserrat'; font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; cursor:pointer; transition:all .2s; background:transparent; color:#aaa; }
        .dna-tab-btn.active-v { background:#8FC55B; color:#fff; }
        .dna-tab-btn.active-s { background:#E6CF42; color:#1a1a1a; }
        .dna-tab-btn.active-r { background:#B54D8D; color:#fff; }

    
        @media (max-width: 900px) {
            .grid-container { grid-template-columns: 1fr; }
            .main-content { padding: 24px 16px; }
            .team-name { font-size: 24px; }
        }
        @media (max-width: 600px) {
            /* Sidebar diventa barra in basso */
            .app-wrapper { flex-direction: column; }
            .sidebar {
                width: 100%; height: 60px; flex-direction: row;
                position: fixed; bottom: 0; top: auto;
                border-right: none; border-top: 1px solid #ddd;
                padding: 0 10px; justify-content: space-around;
                z-index: 200;
            }
            .sidebar-logo { display: none; }
            .nav-item { margin-bottom: 0; }
            .main-content { padding: 20px 12px 80px; }
            .card { padding: 20px; }
            .card-title { flex-direction: column; gap: 4px; }
            .team-name { font-size: 20px; letter-spacing: 1px; }
        }
        /* ═══════════════════════════════════════
           RESPONSIVE — breakpoint iPad (≤1024px)
           e mobile (≤600px)
           ═══════════════════════════════════════ */
        @keyframes spin { to { transform: rotate(360deg); } }
        @media (max-width: 1024px) {
            .footer-top { grid-template-columns: 1fr 1fr !important; }
            .footer-brand { grid-column: 1 / -1 !important; }
        }
        @media (max-width: 600px) {
            .footer-top { grid-template-columns: 1fr !important; }
            .footer-bottom { flex-direction: column; text-align: center; }
        }
    
        /* ── DAY BY DAY AVANZATO ── */
        .story-step { display: none; }
        .story-step.active { display: block; animation: fadeIn 0.4s ease; }
        @keyframes fadeIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }

        /* Step 1 — Input */
        .voice-btn-wrap { display: flex; align-items: center; gap: 10px; }
        .btn-voice.recording { background: #fee; color: #e74c3c; animation: pulse-rec 1s infinite; }
        @keyframes pulse-rec { 0%,100% { box-shadow: 0 0 0 0 rgba(231,76,60,0.4); } 50% { box-shadow: 0 0 0 8px rgba(231,76,60,0); } }
        .recording-label { font-size: 10px; font-weight: 700; color: #e74c3c; text-transform: uppercase; letter-spacing: 1px; display: none; }
        .btn-voice.recording + .recording-label { display: block; }

        /* Toast — allineato a tell.html per messaggi coerenti tra le pagine */
        .toast { position: fixed; bottom: 90px; left: 50%; transform: translateX(-50%) translateY(10px); background: var(--traspality-blue); border-radius: 30px; padding: 10px 20px; font-size: 12px; font-weight: 600; color: white; opacity: 0; transition: all .3s; pointer-events: none; white-space: nowrap; z-index: 300; }
        .toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

        .social-kit-count { font-size: 40px; font-weight: 200; color: var(--rol-color); margin-bottom: 4px; }
        .social-kit-sub { font-size: 13px; color: #888; font-weight: 300; margin-bottom: 14px; line-height: 1.4; }
        .social-kit-cta { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--rol-color); }

        /* Tag DNA */
        .embed-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:500;align-items:center;justify-content:center}
        .embed-modal-overlay.open{display:flex}
        .embed-modal{background:#fff;border-radius:20px;padding:32px;max-width:520px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.2)}
        .embed-modal-title{font-size:14px;font-weight:700;color:#175F75;margin-bottom:16px}
        .embed-tabs{display:flex;gap:8px;margin-bottom:16px}
        .embed-tab{padding:6px 14px;border-radius:8px;font-family:'Montserrat';font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:1px solid #e8e8e8;background:#fff;color:#888;transition:all .2s}
        .embed-tab.active{background:#175F75;color:#fff;border-color:#175F75}
        .embed-code{background:#f5f6f4;border:1px solid #e8e8e8;border-radius:12px;padding:14px;font-family:monospace;font-size:11px;color:#333;word-break:break-all;line-height:1.6;margin-bottom:12px;max-height:120px;overflow-y:auto}
        .embed-preview{background:#f5f6f4;border-radius:12px;padding:16px;margin-bottom:16px;text-align:center}
        .embed-preview iframe{border:none;border-radius:12px}
        .embed-btns{display:flex;gap:8px}
        .embed-btn{flex:1;padding:10px;border-radius:10px;font-family:'Montserrat';font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s;border:none}
        .embed-btn.primary{background:#175F75;color:#fff}
        .embed-btn.ghost{background:none;border:1px solid #e8e8e8;color:#888}
        .photo-upload-area { margin:12px 0 0; }
        .photo-upload-btn { display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border:1px dashed #ccc; border-radius:10px; background:none; font-family:'Montserrat'; font-size:10px; font-weight:600; color:#888; cursor:pointer; transition:all .2s; }
        .photo-upload-btn:hover { border-color:var(--traspality-blue); color:var(--traspality-blue); }
        .photo-upload-btn svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2; }
        .photo-preview { margin-top:8px; position:relative; display:none; }
        .photo-preview img { max-width:100%; max-height:160px; border-radius:10px; object-fit:cover; }
        .photo-preview .remove-photo { position:absolute; top:6px; right:6px; width:22px; height:22px; border-radius:50%; background:rgba(0,0,0,.6); color:#fff; border:none; font-size:13px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
        .dna-tags-section { margin-top: 18px; border-top: 1px solid #f0f0f0; padding-top: 16px; }
        .dna-tags-label { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #bbb; margin-bottom: 10px; display: block; }
        .dna-tags-group { margin-bottom: 12px; }
        .dna-tags-group-title { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
        .dna-tags-list { display: flex; flex-wrap: wrap; gap: 6px; }
        .dna-tag-btn { padding: 5px 12px; border-radius: 16px; border: 1px solid #ddd; background: white; font-family: 'Montserrat'; font-size: 10px; font-weight: 600; cursor: pointer; transition: all 0.2s; color: #666; }
        .dna-tag-btn:hover { border-color: var(--traspality-blue); color: var(--traspality-blue); }
        .dna-tag-btn.selected-v { background: #EDF7E4; color: #5a8a30; border-color: #8FC55B; }
        .dna-tag-btn.selected-s { background: #FDF9E3; color: #9c8a1b; border-color: #E6CF42; }
        .dna-tag-btn.selected-r { background: #F9EDF5; color: #7a2b5a; border-color: #B54D8D; }
        .dna-tag-btn.none-btn { background: #f5f5f5; color: #aaa; font-style: italic; }
        .dna-tag-btn.none-btn.selected-v,
        .dna-tag-btn.none-btn.selected-s,
        .dna-tag-btn.none-btn.selected-r { background: #eee; color: #888; border-color: #ccc; }

        /* Step 2 — Bozza algoritmo */
        .draft-box { background: linear-gradient(135deg, #175F75, #55A2B5); color: white; border-radius: 16px; padding: 24px; margin-bottom: 16px; position: relative; }
        .draft-label { font-size: 9px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; opacity: 0.6; margin-bottom: 10px; display: block; }
        .draft-text { font-size: 14px; font-weight: 300; line-height: 1.7; opacity: 0.95; }
        .algo-badge { position: absolute; top: 16px; right: 16px; background: rgba(255,255,255,0.15); font-size: 9px; font-weight: 700; padding: 4px 10px; border-radius: 20px; text-transform: uppercase; letter-spacing: 1px; }

        .algo-rating-preview { display: flex; align-items: center; gap: 16px; background: white; border-radius: 12px; padding: 16px; margin-bottom: 16px; }
        .algo-rating-num { font-size: 36px; font-weight: 200; color: var(--traspality-blue); }
        .algo-rating-detail { flex: 1; }
        .algo-rating-label { font-size: 9px; font-weight: 700; text-transform: uppercase; color: #aaa; letter-spacing: 1px; margin-bottom: 6px; }
        .algo-mini-bars { display: flex; flex-direction: column; gap: 4px; }
        .algo-mini-row { display: flex; align-items: center; gap: 8px; }
        .algo-mini-lbl { font-size: 8px; font-weight: 700; text-transform: uppercase; color: #ccc; width: 55px; }
        .algo-mini-bar { flex: 1; height: 3px; background: #eee; border-radius: 2px; overflow: hidden; }
        .algo-mini-fill { height: 100%; border-radius: 2px; }
        .algo-mini-val { font-size: 10px; font-weight: 700; width: 24px; text-align: right; }

        .my-rating-section { margin-bottom: 16px; }
        .my-rating-label { font-size: 10px; font-weight: 700; color: #666; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; display: flex; justify-content: space-between; }
        .my-rating-val { color: var(--traspality-blue); font-size: 16px; }
        .my-rating-note { font-size: 10px; color: #aaa; margin-top: 4px; font-style: italic; }

        .divergence-warning { background: #FFF9E6; border: 1px solid #E6CF42; border-radius: 12px; padding: 14px 16px; margin-bottom: 16px; display: none; }
        .divergence-warning h4 { font-size: 11px; font-weight: 700; color: #9c8a1b; margin-bottom: 6px; }
        .divergence-warning p { font-size: 12px; color: #666; line-height: 1.5; }

        .draft-actions { display: flex; gap: 10px; }
        .btn-confirm-draft { flex: 2; padding: 14px; background: #8FC55B; color: white; border: none; border-radius: 10px; font-family: 'Montserrat'; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: opacity 0.2s; }
        .btn-confirm-draft:hover { opacity: 0.85; }
        .btn-modify-draft { flex: 1; padding: 14px; background: white; color: #888; border: 1px solid #ddd; border-radius: 10px; font-family: 'Montserrat'; font-weight: 600; font-size: 12px; cursor: pointer; transition: all 0.2s; }
        .btn-modify-draft:hover { border-color: var(--traspality-blue); color: var(--traspality-blue); }

        /* Step 3 — Pubblicata */
        .published-box { text-align: center; padding: 20px 0; }
        .published-icon { font-size: 40px; margin-bottom: 12px; animation: popIn 0.5s cubic-bezier(0.175,0.885,0.32,1.275); }
        @keyframes popIn { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }
        .published-box h3 { font-size: 18px; font-weight: 300; color: var(--traspality-blue); margin-bottom: 8px; }
        .published-box p { font-size: 12px; color: #aaa; margin-bottom: 16px; line-height: 1.6; }
        .votes-status { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-bottom: 16px; }
        .vote-dot { width: 32px; height: 32px; border-radius: 50%; border: 2px solid #eee; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: #ccc; }
        .vote-dot.voted { border-color: #8FC55B; color: #8FC55B; background: #EDF7E4; }
        .vote-dot.you { border-color: var(--traspality-blue); color: var(--traspality-blue); background: #E8F4F8; }
        .btn-new-story { width: 100%; padding: 14px; background: var(--traspality-blue); color: white; border: none; border-radius: 10px; font-family: 'Montserrat'; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; }
    
        /* ── NAVBAR LOGGATO ── */
        .trsp-navbar { display: none; background: white; border-bottom: 1px solid #eee; padding: 0 20px; position: sticky; top: 0; z-index: 999; box-shadow: 0 2px 10px rgba(0,0,0,0.04); }
        .trsp-navbar.visible { display: flex; }
        .navbar-inner { max-width: 1100px; margin: 0 auto; width: 100%; display: flex; align-items: center; gap: 4px; height: 52px; }
        .navbar-logo { font-size: 13px; font-weight: 700; color: #175F75; letter-spacing: 2px; text-decoration: none; margin-right: 16px; display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
        .navbar-logo-t { background: #175F75; color: white; width: 22px; height: 22px; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; }
        .navbar-links { display: flex; align-items: center; gap: 2px; flex: 1; }
        .navbar-link { padding: 7px 12px; border-radius: 8px; font-size: 11px; font-weight: 600; color: #888; text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.2s; white-space: nowrap; }
        .navbar-link:hover { background: #f0f0f0; color: #175F75; }
        .navbar-link.active { background: #E8F4F8; color: #175F75; }
        .navbar-right { display: flex; align-items: center; gap: 8px; margin-left: auto; }
        .navbar-avatar { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #175F75, #55A2B5); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: white; cursor: pointer; text-decoration: none; flex-shrink: 0; }
        .navbar-avatar:hover { opacity: 0.85; }
        .navbar-signout { background: none; border: none; font-family: 'Montserrat'; font-size: 10px; font-weight: 600; color: #ccc; cursor: pointer; padding: 6px 8px; border-radius: 6px; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.2s; }
        .navbar-signout:hover { color: #e74c3c; background: #fff0f0; }
        </style>
</head>
<body>
<div class="toast" id="toast"></div>
    <!-- NAVBAR LOGGATO -->
<!-- ═══════════════════════════════════════════════════════════════
     TRASPALITY GLOBAL NAVBAR — incolla in cima a ogni pagina
     Richiede: Supabase client già inizializzato come `db`
     oppure lo inizializza autonomamente se non presente
     v2-17giugno: + Design / Certified / Communication nel menu
     ═══════════════════════════════════════════════════════════════ -->
<!-- nav-v2 17giu -->

<style>
/* ── NAVBAR GLOBALE ───────────────────────────────────────────── */
.trsp-nav {
    background:#fff;
    border-bottom:1px solid #e8e8e8;
    padding:0 32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:sticky;
    top:0;
    z-index:200;
    height:56px;
    gap:16px;
}

.trsp-nav-logo {
    display:flex;
    align-items:center;
    text-decoration:none;
    flex-shrink:0;
}
.trsp-nav-logo img { height:24px; }

.trsp-nav-center {
    display:flex;
    align-items:center;
    gap:2px;
    flex:1;
    justify-content:center;
}

.trsp-nav-link {
    font-size:11px;
    font-weight:600;
    letter-spacing:.5px;
    color:#888;
    text-decoration:none;
    padding:7px 12px;
    border-radius:8px;
    transition:all .2s;
    white-space:nowrap;
    border:none;
    background:none;
    cursor:pointer;
    font-family:'Montserrat',sans-serif;
}
.trsp-nav-link:hover { color:#175F75; background:rgba(23,95,117,.06); }

/* DROPDOWN wrapper */
.trsp-dropdown { position:relative; }

.trsp-dropdown-btn {
    display:flex;
    align-items:center;
    gap:5px;
    font-size:11px;
    font-weight:600;
    letter-spacing:.5px;
    color:#888;
    padding:7px 12px;
    border-radius:8px;
    transition:all .2s;
    white-space:nowrap;
    border:none;
    background:none;
    cursor:pointer;
    font-family:'Montserrat',sans-serif;
}
.trsp-dropdown-btn:hover { color:#175F75; background:rgba(23,95,117,.06); }
.trsp-dropdown-btn .chevron {
    width:12px; height:12px;
    transition:transform .2s;
    stroke:#888;
}
.trsp-dropdown.open .trsp-dropdown-btn .chevron { transform:rotate(180deg); }

/* Panel dropdown */
.trsp-dropdown-panel {
    display:none;
    position:absolute;
    top:calc(100% + 6px);
    left:50%;
    transform:translateX(-50%);
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:14px;
    padding:6px;
    min-width:200px;
    box-shadow:0 8px 32px rgba(0,0,0,.1);
    z-index:300;
}
.trsp-dropdown-panel.right-aligned {
    left:auto;
    right:0;
    transform:none;
}
.trsp-dropdown.open .trsp-dropdown-panel { display:block; }

.trsp-dd-item {
    display:flex;
    align-items:center;
    gap:10px;
    padding:9px 12px;
    border-radius:9px;
    font-size:12px;
    font-weight:500;
    color:#333;
    text-decoration:none;
    cursor:pointer;
    transition:background .15s;
    white-space:nowrap;
    border:none;
    background:none;
    width:100%;
    font-family:'Montserrat',sans-serif;
    text-align:left;
}
.trsp-dd-item:hover { background:#f5f6f4; color:#175F75; }
.trsp-dd-item.danger { color:#cc4444; }
.trsp-dd-item.danger:hover { background:#fff5f5; }
.trsp-dd-separator { height:1px; background:#f0f0f0; margin:4px 6px; }
.trsp-dd-label {
    font-size:9px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#bbb;
    padding:6px 12px 4px;
}
.trsp-dd-loading { font-size:11px; color:#bbb; padding:10px 12px; font-style:italic; }

/* Avatar utente */
.trsp-nav-avatar {
    width:32px;
    height:32px;
    border-radius:50%;
    background:#175F75;
    color:#fff;
    font-size:11px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

/* User button */
.trsp-user-btn {
    display:flex;
    align-items:center;
    gap:8px;
    padding:5px 10px 5px 5px;
    border-radius:20px;
    border:1px solid #e8e8e8;
    background:#fff;
    cursor:pointer;
    transition:all .2s;
    font-family:'Montserrat',sans-serif;
}
.trsp-user-btn:hover { border-color:#175F75; background:rgba(23,95,117,.03); }
.trsp-user-name {
    font-size:11px;
    font-weight:700;
    color:#175F75;
    letter-spacing:.5px;
    max-width:100px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Pages badge */
.trsp-pages-badge {
    background:#E05454;
    color:#fff;
    font-size:9px;
    font-weight:800;
    width:16px;
    height:16px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

/* HAMBURGER MOBILE */
.trsp-hamburger-btn { display:none; background:none; border:none; cursor:pointer; padding:8px; flex-shrink:0; }
.trsp-hamburger-btn svg { width:22px; height:22px; stroke:#175F75; }
.trsp-mobile-panel { display:none; flex-direction:column; background:#fff; border-top:1px solid #e8e8e8; padding:8px 16px 16px; }
.trsp-mobile-panel.open { display:flex; }
.trsp-mobile-panel a.trsp-nav-link, .trsp-mobile-panel .trsp-dropdown-btn { display:block; width:100%; text-align:left; padding:12px 8px; border-bottom:1px solid #f5f5f5; }
.trsp-mobile-panel .trsp-dropdown-panel { position:static; box-shadow:none; border:none; transform:none; left:0; top:0; padding-left:16px; }
.trsp-mobile-panel .trsp-dropdown.open .trsp-dropdown-panel { display:block; }

/* LOGO responsive: scritta intera su desktop, sola icona T su mobile */
.logo-mobile { display:none; }

@media(max-width:600px) {
    .trsp-nav { padding:0 16px; height:52px; }
    .trsp-nav-center { display:none; }
    .trsp-hamburger-btn { display:flex; align-items:center; }
    .logo-desktop { display:none; }
    .logo-mobile { display:block; height:28px; }
    /* Avatar compatto: solo il tondo con le iniziali, niente nome né freccia */
    .trsp-user-name, .trsp-user-btn svg { display:none; }
    .trsp-user-btn { padding:0; border:none; background:none; }
}
</style>

<nav class="trsp-nav" id="trsp-global-nav">
    <!-- Logo → Home pubblica -->
    <a class="trsp-nav-logo" href="/index.html">
        <img src="/logo.png" alt="Traspality" class="logo-desktop">
        <img src="/t.png" alt="Traspality" class="logo-mobile">
    </a>

    <!-- Centro: DESIGN · CERTIFIED · COMMUNICATION · Le mie pagine · Metodo -->
    <div class="trsp-nav-center">
        <a class="trsp-nav-link" href="/design.html" title="Progetta l&rsquo;organizzazione che vuoi diventare">DESIGN</a>
        <a class="trsp-nav-link" href="/teams.html" title="La prova, ogni giorno, che fate quello che dite">CERTIFIED</a>
        <a class="trsp-nav-link" href="/communicate.html" title="Racconta il tuo team a chi non c&rsquo;&egrave; ancora dentro">COMMUNICATION</a>

        <!-- PAGES dropdown -->
        <div class="trsp-dropdown" id="trsp-pages-dd">
            <button class="trsp-dropdown-btn" onclick="trspToggleDD('trsp-pages-dd')">
                Le mie pagine
                <svg class="chevron" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
            </button>
            <div class="trsp-dropdown-panel" id="trsp-pages-panel">
                <div class="trsp-dd-loading">Carico le pagine...</div>
            </div>
        </div>

        <a class="trsp-nav-link" href="/metodologia.html">Metodo</a>
    </div>

    <!-- Destra: avatar + nome utente dropdown -->
    <div class="trsp-dropdown" id="trsp-user-dd" style="display:none">
        <button class="trsp-user-btn" onclick="trspToggleDD('trsp-user-dd')">
            <div class="trsp-nav-avatar" id="trsp-nav-avatar">?</div>
            <span class="trsp-user-name" id="trsp-nav-username" translate="no">—</span>
            <svg class="chevron" style="width:10px;height:10px;stroke:#aaa" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
        </button>
        <div class="trsp-dropdown-panel right-aligned">
            <div class="trsp-dd-label">Il tuo spazio</div>
            <a class="trsp-dd-item" href="/hub.html">
                <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg>
                PERSONAL HUB
            </a>
            <a class="trsp-dd-item" href="/profile.html">
                <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
                Profilo e impostazioni
            </a>
            <div class="trsp-dd-separator"></div>
            <div class="trsp-dd-label">Piano</div>
            <div class="trsp-dd-item" id="trsp-plan-item">
                <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                <span id="trsp-plan-label" translate="no">Carico...</span>
            </div>
            <div class="trsp-dd-separator"></div>
            <button class="trsp-dd-item danger" onclick="trspSignOut()">
                <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>
                Esci
            </button>
        </div>
    </div>

    <!-- Accedi (se non loggato) -->
    <a href="/login.html" id="trsp-login-btn" class="trsp-nav-link" style="display:none;color:#175F75;font-weight:700">Accedi →</a>

    <button class="trsp-hamburger-btn" onclick="trspToggleMobileMenu()" aria-label="Menu">
        <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
    </button>
</nav>

<!-- PANNELLO MENU MOBILE (hamburger) -->
<div class="trsp-mobile-panel" id="trsp-mobile-panel">
    <a class="trsp-nav-link" href="/design.html">DESIGN</a>
    <a class="trsp-nav-link" href="/teams.html">CERTIFIED</a>
    <a class="trsp-nav-link" href="/communicate.html">COMMUNICATION</a>
    <div class="trsp-dropdown" id="trsp-pages-dd-mobile">
        <button class="trsp-dropdown-btn" onclick="trspToggleDD('trsp-pages-dd-mobile')">
            Le mie pagine
            <svg class="chevron" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>
        </button>
        <div class="trsp-dropdown-panel" id="trsp-pages-panel-mobile">
            <div class="trsp-dd-loading">Carico le pagine...</div>
        </div>
    </div>
    <a class="trsp-nav-link" href="/metodologia.html">Metodo</a>
</div>


<script src="/plan.js"></script>
<script>
(function() {
    /* ── DROPDOWN TOGGLE ── */
    window.trspToggleDD = function(id) {
        document.querySelectorAll('.trsp-dropdown.open').forEach(function(el) {
            if (el.id !== id) el.classList.remove('open');
        });
        document.getElementById(id).classList.toggle('open');
    };

    window.trspToggleMobileMenu = function() {
        document.getElementById('trsp-mobile-panel').classList.toggle('open');
    };

    document.addEventListener('click', function(e) {
        if (!e.target.closest('.trsp-dropdown')) {
            document.querySelectorAll('.trsp-dropdown.open').forEach(function(el) {
                el.classList.remove('open');
            });
        }
    });

    /* ── INIT NAVBAR ── */
    async function trspNavInit() {
        try {
            // Usa db globale se esiste, altrimenti inizializza
            var client = window.db || window.supabaseClient;
            if (!client && window.supabase) {
                client = supabase.createClient(
                    'https://otllbwtdbfubmeaewyze.supabase.co',
                    'sb_publishable_hgD8skYCfzIe0CiUu0hIKg_7kCc7nBZ',
                    { auth:{ persistSession:true, autoRefreshToken:true, detectSessionInUrl:false, storage:window.localStorage } }
                );
                window._trspNavClient = client;
            }
            if (!client) return;

            var session = await client.auth.getSession();
            var user = session.data && session.data.session ? session.data.session.user : null;
            if (!user) {
                document.getElementById('trsp-login-btn').style.display = 'inline-block';
                var loginHtml = '<a class="trsp-dd-item" href="/login.html">Accedi per vedere le tue pagine</a>';
                document.getElementById('trsp-pages-panel').innerHTML = loginHtml;
                var mp0 = document.getElementById('trsp-pages-panel-mobile');
                if (mp0) mp0.innerHTML = loginHtml;
                return;
            }

            // Mostra utente
            var fullName = (user.user_metadata && user.user_metadata.full_name) ? user.user_metadata.full_name : user.email.split('@')[0];
            var firstName = fullName.split(' ')[0];
            var initials  = fullName.split(' ').map(function(w){return w[0]}).join('').toUpperCase().slice(0,2);

            document.getElementById('trsp-nav-avatar').innerText   = initials;
            document.getElementById('trsp-nav-username').innerText = firstName;
            document.getElementById('trsp-user-dd').style.display  = 'block';

            // Piano utente
            var planRes = await client.from('profiles').select('plan,trial_ends_at,is_active').eq('id', user.id).maybeSingle();
            var planLabel = 'Free';
            if (planRes.data) {
                var p = planRes.data;
                if (p.plan === 'pro') {
                    planLabel = '★ Piano Pro';
                } else if (p.trial_ends_at && new Date(p.trial_ends_at) > new Date()) {
                    var days = Math.ceil((new Date(p.trial_ends_at) - new Date()) / 86400000);
                    planLabel = 'Trial Pro — ' + days + ' gg';
                } else {
                    planLabel = 'Piano Free — Attiva Pro';
                }
            }
            document.getElementById('trsp-plan-label').innerText = planLabel;

            // Pagine pubbliche
            var foundedRes  = await client.from('teams').select('id,name,is_public,slug').eq('founder_id', user.id).order('name');
            var partnerRes  = await client.from('partners').select('team_id, teams(id,name,is_public,slug)')
                .eq('user_id', user.id).in('status', ['active','accepted','founding']);

            var founderIds = new Set((foundedRes.data||[]).map(function(t){return t.id}));
            var partnerTeams = (partnerRes.data||[]).map(function(r){return r.teams}).filter(function(t){return t && !founderIds.has(t.id)});
            var allTeams = (foundedRes.data||[]).concat(partnerTeams);

            var panel = document.getElementById('trsp-pages-panel');
            var panelMobile = document.getElementById('trsp-pages-panel-mobile');
            function setPanelsHTML(h) {
                panel.innerHTML = h;
                if (panelMobile) panelMobile.innerHTML = h;
            }
            if (!allTeams.length) {
                setPanelsHTML('<div class="trsp-dd-loading">Nessun team ancora</div>' +
                    '<div class="trsp-dd-separator"></div>' +
                    '<a class="trsp-dd-item" href="/design.html"><svg width="12" height="12" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg> Fonda un team</a>' +
                    (planRes.data && planRes.data.is_active ? '<div class="trsp-dd-separator"></div><a class="trsp-dd-item" href="/profile-dna.html?user=' + user.id + '" target="_blank"><svg width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg> Il mio DNA</a>' : ''));
                return;
            }

            var publicTeams  = allTeams.filter(function(t){return t.is_public});
            var privateTeams = allTeams.filter(function(t){return !t.is_public});

            var html = '';
            if (publicTeams.length) {
                html += '<div class="trsp-dd-label">Pagine pubbliche</div>';
                html += publicTeams.map(function(t) {
                    return '<a class="trsp-dd-item" href="/public.html?team=' + t.id + '" target="_blank" translate="no">' +
                        '<svg width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>' +
                        t.name + '</a>';
                }).join('');
            }
            if (privateTeams.length) {
                html += '<div class="trsp-dd-label">Private</div>';
                html += privateTeams.map(function(t) {
                    return '<a class="trsp-dd-item" href="/dashboard.html?team=' + t.id + '" translate="no">' +
                        '<svg width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>' +
                        t.name + '</a>';
                }).join('');
            }
            if (planRes.data && planRes.data.is_active) {
                html += '<div class="trsp-dd-separator"></div>';
                html += '<a class="trsp-dd-item" href="/profile-dna.html?user=' + user.id + '" target="_blank"><svg width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg> Il mio DNA</a>';
            }
            html += '<div class="trsp-dd-separator"></div>';
            html += '<a class="trsp-dd-item" href="/design.html"><svg width="12" height="12" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg> Fonda un nuovo team</a>';
            setPanelsHTML(html);

        } catch(e) {
            console.error('trspNavInit:', e);
        }
    }

    window.trspSignOut = async function() {
        var client = window.db || window.supabaseClient || window._trspNavClient;
        if (client) await client.auth.signOut();
        window.location.href = '/login.html';
    };

    // Aspetta che Supabase sia caricato
    if (window.supabase) {
        trspNavInit();
    } else {
        document.addEventListener('DOMContentLoaded', function() {
            setTimeout(trspNavInit, 500);
        });
    }
})();
</script>


    <div class="app-wrapper">
    <nav class="sidebar">
        <a href="hub.html"><img src="t.png" alt="T" class="sidebar-logo" title="Torna all'Hub"></a>
        <!-- Dashboard -->
        <div class="nav-item active" title="Dashboard" onclick="window.scrollTo({top:0,behavior:'smooth'})">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
        </div>
        <!-- Analytics -->
        <div class="nav-item" title="Analytics" onclick="window.location.href='analytics.html?team='+currentTeamId" style="cursor:pointer">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
        </div>
        <!-- Team / Partner -->
        <div class="nav-item" title="Il Team" onclick="document.getElementById('scores-section')?.scrollIntoView({behavior:'smooth'})" style="cursor:pointer">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
        </div>
        <!-- Impostazioni -->
        <div style="margin-top:auto" class="nav-item" title="Impostazioni team" onclick="openTeamSettings()" style="cursor:pointer">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
        </div>
    </nav>

    <!-- LOADING -->
    <div id="dash-loading" style="flex:1;display:flex;align-items:center;justify-content:center;">
        <div style="text-align:center;">
            <div style="width:36px;height:36px;border:3px solid #eee;border-top-color:#55A2B5;border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto;"></div>
            <div style="font-size:11px;color:#aaa;margin-top:14px;letter-spacing:1px;text-transform:uppercase;">Carico il team…</div>
        </div>
    </div>

    <main class="main-content" id="dash-main" style="display:none;">

        <!-- BANNER SOFT-DELETE -->
        <div id="deleted-banner" style="display:none;background:#fff8f0;border:1px solid #ffccaa;border-radius:12px;padding:16px 20px;margin-bottom:24px;font-size:13px;color:#8b4513;">
            <div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;">
                <div>
                    <strong style="color:#cc4444;">⚠ Team in eliminazione</strong><br>
                    <span id="deleted-banner-text">Questo team verrà eliminato definitivamente tra <strong id="deleted-days-left">—</strong> giorni.</span>
                </div>
                <button onclick="restoreTeamConfirm()" style="background:#175F75;color:white;border:none;padding:10px 20px;border-radius:8px;font-family:Montserrat;font-size:11px;font-weight:700;cursor:pointer;letter-spacing:1px;text-transform:uppercase;">
                    ↩ Ripristina team
                </button>
            </div>
        </div>
        
        <header class="dashboard-header">
            <div style="display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px;">
                <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap">
                    <div class="team-name" id="dash-team-name" translate="no">—</div>
                    <span id="pro-badge" class="pro-badge free" style="display:none"></span>
                    <button onclick="openTeamSettings()" id="team-settings-btn" style="display:none;background:none;border:none;cursor:pointer;padding:4px;opacity:.4" title="Impostazioni team">
                        <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
                    </button>
                    <div class="team-slogan" id="dash-team-slogan" translate="no" style="width:100%;margin-top:2px">—</div>
                </div>
                <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center">
                    <button class="invite-partner-btn" onclick="openInviteModal()">+ Invita partner</button>
                    <button class="invite-partner-btn" id="dna-edit-btn" onclick="openDnaModal('value')" style="display:none;color:#175F75;background:rgba(23,95,117,.1)">✎ DNA</button>
                    <a id="view-page-btn" href="#" target="_blank" style="display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#175F75;background:#E8F4F8;border-radius:8px;padding:8px 14px;text-decoration:none;white-space:nowrap;">↗ Vedi pagina</a>
                    <button onclick="sharePageLink()" id="share-page-btn" style="display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#3a7a1e;background:rgba(143,197,91,.15);border:none;border-radius:8px;padding:8px 14px;cursor:pointer;font-family:Montserrat;white-space:nowrap;">⬆ Condividi</button>
                    <button onclick="openEmbedModal()" style="display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#175F75;background:rgba(23,95,117,.08);border:none;border-radius:8px;padding:8px 14px;cursor:pointer;font-family:Montserrat;white-space:nowrap;">&lt;/&gt; Integra</button>
                </div>
            </div>
            <div class="card" id="promise-card" style="margin-bottom:0">
                <div class="card-title">
                    <span>La Promessa del Team</span>
                    <button class="promise-edit-btn" onclick="togglePromiseEdit()">✏ Modifica</button>
                </div>
                <div id="promise-static" class="promise-static">—</div>
                <div id="promise-edit-wrap" style="display:none">
                    <textarea class="promise-edit-area" id="promise-textarea" rows="3" placeholder="Scrivi la promessa del team..."></textarea>
                    <button class="promise-save-btn" onclick="savePromise()">Salva promessa</button>
                    <button class="promise-edit-btn" onclick="togglePromiseEdit()" style="margin-left:8px;background:none;color:#aaa">Annulla</button>
                </div>
            </div>
                <!-- CARD INFO PUBBLICHE -->
        <div class="card" id="public-info-card" style="margin-top:16px">
            <div class="card-title">
                <span>Info pubbliche</span>
                <button class="promise-edit-btn" onclick="toggleContactsEdit()">✏ Modifica</button>
            </div>
            <div id="contacts-preview" style="display:flex;flex-wrap:wrap;gap:8px;min-height:20px">
                <span style="font-size:13px;font-weight:300;color:#aaa" id="contacts-preview-empty">Nessun contatto — appaiono sulla pagina pubblica.</span>
            </div>
            <div id="contacts-edit-panel" style="display:none;margin-top:16px">
                <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px">
                    <input class="modal-input" id="dc-email"     placeholder="Email">
                    <input class="modal-input" id="dc-phone"     placeholder="Telefono">
                    <input class="modal-input" id="dc-website"   placeholder="Sito web">
                    <input class="modal-input" id="dc-address"   placeholder="Indirizzo">
                    <input class="modal-input" id="dc-linkedin"  placeholder="LinkedIn URL">
                    <input class="modal-input" id="dc-instagram" placeholder="Instagram URL">
                </div>
                <button class="promise-save-btn" onclick="saveDashboardContacts()">Salva contatti</button>
                <button class="promise-edit-btn" onclick="toggleContactsEdit()" style="margin-left:8px;background:none;color:#aaa">Annulla</button>
            </div>
        </div>
        </header>

        <!-- ══════════════════════════════════════════
             CARD GESTIONE ACCESSI — Eletti Free + Voucher
             Visibile solo al founder con piano pro/plus/corp
        ══════════════════════════════════════════ -->
        <div class="card" id="access-card" style="margin-top:16px;display:none">
            <div class="card-title">
                <span>Gestione Accessi</span>
                <span id="access-plan-badge" style="font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:20px;background:#e8f4f8;color:#175F75"></span>
            </div>

            <!-- ELETTI FREE -->
            <div id="elected-section">
                <div style="font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#888;margin-bottom:8px">
                    Partner Free eletti
                    <span id="elected-slots-label" style="font-weight:400;color:#bbb;text-transform:none;letter-spacing:0;margin-left:6px"></span>
                </div>
                <div id="elected-list" style="display:flex;flex-direction:column;gap:8px;margin-bottom:12px"></div>
                <div id="elected-add-wrap" style="display:none">
                    <div style="font-size:11px;color:#888;margin-bottom:8px;font-weight:300;line-height:1.5">
                        Scegli un partner Free da eleggere. Avrà accesso alle funzioni del team come se fosse Pro.
                    </div>
                    <select class="modal-select" id="elected-select" style="margin-bottom:8px"></select>
                    <button onclick="electPartner()" style="background:#175F75;color:#fff;border:none;padding:9px 20px;border-radius:8px;font-family:Montserrat;font-size:11px;font-weight:700;cursor:pointer;letter-spacing:.5px">
                        Eleggi partner →
                    </button>
                </div>
            </div>

            <!-- SEPARATORE — solo Pro Plus e Corporate -->
            <div id="voucher-section" style="display:none;margin-top:20px;padding-top:18px;border-top:1px solid #f0f0f0">
                <div style="font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#888;margin-bottom:8px">
                    Voucher team
                    <span id="voucher-count-label" style="font-weight:400;color:#bbb;text-transform:none;letter-spacing:0;margin-left:6px"></span>
                </div>
                <div style="font-size:11px;color:#888;font-weight:300;line-height:1.6;margin-bottom:12px">
                    Ogni 3 partner attivi (5+ storie nell&rsquo;ultimo mese) nei tuoi team, maturi 1 voucher da 3 mesi Pro gratuiti.
                    Cedibile a chi non ha mai avuto un piano a pagamento &mdash; massimo 2 volte, scadenza 6 mesi.
                </div>
                <div id="voucher-list" style="display:flex;flex-direction:column;gap:8px;margin-bottom:12px"></div>
                <div id="voucher-assign-wrap" style="display:none">
                    <input type="email" class="modal-input" id="voucher-email-input" placeholder="Email del destinatario">
                    <div style="display:flex;gap:8px;margin-top:6px">
                        <button onclick="assignVoucher()" style="background:#8FC55B;color:#fff;border:none;padding:9px 20px;border-radius:8px;font-family:Montserrat;font-size:11px;font-weight:700;cursor:pointer;letter-spacing:.5px;flex:1">
                            Assegna voucher →
                        </button>
                    </div>
                    <div id="voucher-assign-msg" style="font-size:11px;margin-top:8px;display:none"></div>
                </div>
            </div>
        </div>

        <!-- MODAL IMPOSTAZIONI TEAM -->
        <div class="modal-overlay" id="team-settings-modal">
            <div class="modal-box">
                <div class="modal-title">Impostazioni Team</div>
                <div class="modal-sub">Modifica nome e slogan del tuo team.</div>
                <div style="margin-bottom:16px">
                    <button type="button" onclick="closeTeamSettings(); openDnaModal('value');"
                        style="display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:#F9EDF5;border:1px solid rgba(181,77,141,.25);color:#7a2b5a;font-family:Montserrat;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:background .2s"
                        onmouseover="this.style.background='#f0d6ea'" onmouseout="this.style.background='#F9EDF5'">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
                        Modifica DNA (Valori · Servizi · Mansioni)
                    </button>
                </div>
                <input type="text" class="modal-input" id="settings-name"   placeholder="Nome del team">
                <input type="text" class="modal-input" id="settings-slogan" placeholder="Slogan / Pay-off">
                <div style="margin:16px 0 8px;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#175F75;border-bottom:1px solid #E8F4F8;padding-bottom:6px">Social del team</div>
                <input type="url" class="modal-input" id="settings-linkedin"  placeholder="LinkedIn (URL)">
                <input type="url" class="modal-input" id="settings-instagram" placeholder="Instagram (URL)">
                <input type="url" class="modal-input" id="settings-twitter"   placeholder="X / Twitter (URL)">
                <input type="url" class="modal-input" id="settings-facebook"  placeholder="Facebook (URL)">
                <div class="modal-btns" style="justify-content:space-between">
                    <button id="btn-delete-team" onclick="softDeleteTeamConfirm()"
                        style="background:none;border:1px solid #ffcccc;color:#cc4444;padding:10px 16px;border-radius:8px;font-family:Montserrat;font-size:11px;font-weight:600;cursor:pointer">
                        Elimina team
                    </button>
                    <div style="display:flex;gap:8px">
                        <button class="modal-btn-cancel" onclick="closeTeamSettings()">Annulla</button>
                        <button class="modal-btn-send" onclick="saveTeamSettings()">Salva →</button>
                    </div>
                </div>
            </div>
        </div>

        
<!-- MODALE EMBED -->
<div class="embed-modal-overlay" id="embed-modal" onclick="if(event.target===this)closeEmbedModal()">
    <div class="embed-modal">
        <div class="embed-modal-title">Integra nel tuo sito</div>
        <div class="embed-tabs">
            <div class="embed-tab active" onclick="switchEmbedTab('widget',this)">Widget badge</div>
            <div class="embed-tab" onclick="switchEmbedTab('full',this)">Pagina completa</div>
        </div>
        <div class="embed-preview" id="embed-preview"></div>
        <div class="embed-code" id="embed-code"></div>
        <div class="embed-btns">
            <button class="embed-btn primary" onclick="copyEmbedCode()">Copia codice</button>
            <button class="embed-btn ghost" onclick="closeEmbedModal()">Chiudi</button>
        </div>
    </div>
</div>
<!-- MODAL INVITA PARTNER -->
        <div class="modal-overlay" id="invite-modal">
            <div class="modal-box">
                <div class="modal-title">Invita un Partner</div>
                <div class="modal-sub">Genera un link personalizzato. Puoi invitare più partner.</div>
                <input type="text" class="modal-input" id="modal-name" placeholder="Nome del partner (opzionale)" style="margin-bottom:8px">
                <input type="email" class="modal-input" id="modal-email" placeholder="email del partner">
                <select class="modal-select" id="modal-role-select">
                    <option value="">— Nessuna mansione —</option>
                </select>
                <!-- v32 — flag amministratore: compare solo a chi ha fondato il team -->
                <label id="modal-admin-row" style="display:none;align-items:flex-start;gap:10px;margin:0 0 16px;cursor:pointer">
                    <input type="checkbox" id="modal-admin-flag" style="margin-top:3px;flex:none;width:16px;height:16px;accent-color:#8FC55B;cursor:pointer">
                    <span style="font-family:Montserrat,sans-serif;line-height:1.45">
                        <span style="display:block;font-size:12px;font-weight:600;color:#333">Amministratore del team</span>
                        <span style="display:block;font-size:10px;color:#999;margin-top:2px">Potr&agrave; attivare e disattivare i moduli. Il ruolo diventa effettivo quando accetta l&rsquo;invito, e puoi revocarlo quando vuoi.</span>
                    </span>
                </label>
                <div id="modal-link-area" style="display:none;margin-bottom:16px">
                    <div class="modal-link-box" id="modal-link-box" style="display:block"></div>
                    <div style="display:flex;gap:8px;margin-top:8px;flex-wrap:wrap">
                        <button class="modal-copy-btn" onclick="copyInviteLink()">Copia link</button>
                        <a id="modal-wa-btn" href="#" target="_blank" style="background:#25D366;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-family:Montserrat;font-size:10px;font-weight:700;cursor:pointer;text-decoration:none">WhatsApp →</a>
                        <button onclick="resetInviteForm()" style="background:#f0f0f0;color:#555;border:none;padding:8px 14px;border-radius:8px;font-family:Montserrat;font-size:10px;font-weight:600;cursor:pointer">+ Invita un altro</button>
                    </div>
                </div>
                <div id="modal-session-list" style="margin-bottom:12px"></div>
                <!-- stato post-invio -->
                <div id="modal-sent-state" style="display:none;text-align:center;padding:16px 0">
                    <div style="font-size:28px;margin-bottom:8px">✓</div>
                    <div id="modal-sent-title" style="font-size:13px;font-weight:700;color:#175F75;margin-bottom:4px">Email inviata!</div>
                    <div id="modal-sent-email" style="font-size:11px;color:#888;margin-bottom:20px"></div>
                    <div style="display:flex;gap:10px;justify-content:center">
                        <button onclick="resetInviteForm()" style="background:#175F75;color:#fff;border:none;padding:12px 20px;border-radius:10px;font-family:Montserrat;font-size:11px;font-weight:700;cursor:pointer">+ Invita un altro</button>
                        <button onclick="closeInviteModal()" style="background:#f0f0f0;color:#555;border:none;padding:12px 20px;border-radius:10px;font-family:Montserrat;font-size:11px;font-weight:600;cursor:pointer">Chiudi</button>
                    </div>
                </div>
                <div id="modal-form-state">
                <div class="modal-btns">
                    <button class="modal-btn-cancel" onclick="closeInviteModal()">Chiudi</button>
                    <button class="modal-btn-send" id="modal-send-btn" onclick="generateInviteLink()">Invia per email →</button>
                </div>
                </div>
            </div>
        </div>

        <!-- MODAL DNA ITEM -->
        <div class="modal-overlay" id="dna-modal">
            <div class="modal-box">
                <div class="dna-modal-tabs">
                    <button id="dna-tab-value"   class="dna-tab-btn active-v" onclick="switchDnaTab('value')">Valori</button>
                    <button id="dna-tab-service" class="dna-tab-btn"          onclick="switchDnaTab('service')">Servizi</button>
                    <button id="dna-tab-role"    class="dna-tab-btn"          onclick="switchDnaTab('role')">Mansioni</button>
                </div>
                <!-- Lista elementi esistenti -->
                <span class="dna-section-label" id="dna-existing-label">Esistenti</span>
                <div class="dna-existing-list" id="dna-existing-list"></div>
                <div id="dna-edit-form" class="dna-edit-form" style="display:none">
                    <div class="dna-section-label">Modifica</div>
                    <input type="text" class="modal-input" id="dna-edit-name" placeholder="Nome...">
                    <textarea class="modal-input" id="dna-edit-desc" rows="2" placeholder="Descrizione..." style="resize:vertical;font-family:Montserrat;font-size:13px"></textarea>
                    <div style="display:flex;justify-content:space-between;margin-bottom:6px">
                        <span style="font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888">Importanza</span>
                        <span id="dna-edit-rating-val" style="font-size:16px;font-weight:700;color:var(--traspality-blue)">8</span>
                    </div>
                    <input type="range" min="1" max="10" value="8" id="dna-edit-rating" oninput="document.getElementById('dna-edit-rating-val').innerText=this.value" style="width:100%;accent-color:var(--traspality-blue);margin-bottom:10px">
                    <div style="display:flex;gap:8px">
                        <button onclick="saveEditDna()" class="modal-btn-send" style="flex:1">Salva modifiche</button>
                        <button onclick="cancelEditDna()" class="modal-btn-cancel">Annulla</button>
                    </div>
                </div>
                <span class="dna-section-label">Aggiungi nuovo</span>
                <div class="modal-sub" id="dna-modal-sub">Cosa vi lega come team.</div>
                <input type="text" class="modal-input" id="dna-item-name" placeholder="Nome...">
                <textarea class="modal-input" id="dna-item-desc" placeholder="Descrizione (opzionale)..." rows="2" style="resize:vertical;font-family:Montserrat;font-size:13px"></textarea>
                <div style="margin-bottom:16px">
                    <div style="display:flex;justify-content:space-between;margin-bottom:6px">
                        <span style="font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888">Importanza</span>
                        <span id="dna-rating-val" style="font-size:16px;font-weight:700;color:var(--traspality-blue)">8</span>
                    </div>
                    <input type="range" min="1" max="10" value="8" id="dna-rating-slider" oninput="document.getElementById('dna-rating-val').innerText=this.value" style="width:100%;accent-color:var(--traspality-blue)">
                </div>
                <!-- ATTRIBUZIONE -->
                <div id="dna-assign-wrap" style="display:none;padding:12px;background:#f8fafb;border-radius:10px;border:1px solid #e8e8e8;margin-bottom:16px">
                    <div style="font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#175F75;margin-bottom:8px">Chi copre questo ruolo?</div>
                    <div style="display:flex;gap:8px;margin-bottom:8px">
                        <input type="email" id="dna-assign-input" placeholder="email@partner.com"
                            style="flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-family:Montserrat;font-size:12px;background:#fff">
                        <button onclick="addDnaAssign()" style="background:#175F75;color:#fff;border:none;border-radius:8px;padding:8px 12px;font-family:Montserrat;font-size:10px;font-weight:700;cursor:pointer">+</button>
                    </div>
                    <div id="dna-assign-list" style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px"></div>
                    <button onclick="document.getElementById('dna-assign-wrap').style.display='none'" style="background:none;border:none;font-family:Montserrat;font-size:10px;color:#aaa;cursor:pointer">Decidi in seguito</button>
                </div>
                <div class="modal-btns">
                    <button class="modal-btn-cancel" onclick="closeDnaModal()">Chiudi</button>
                    <button class="modal-btn-send" id="dna-save-btn" onclick="saveDnaItem()">Aggiungi →</button>
                </div>
            </div>
        </div>

        <!-- COMPLETION WIDGET -->
        <div class="completion-widget" id="completion-widget" style="display:none">
            <div class="completion-header">
                <span class="completion-title">Profilo Team</span>
                <div class="completion-pct"><span id="comp-pct-num">0</span>%<span> completo</span></div>
            </div>
            <div class="completion-bar-wrap"><div class="completion-bar-fill" id="comp-bar" style="width:0%"></div></div>
            <div class="completion-steps" id="comp-steps"></div>
        </div>

        <!-- SCORES -->
        <div id="scores-section" style="display:none;margin-bottom:30px">
            <div class="card">
                <div class="card-title" style="align-items:center;flex-wrap:wrap;gap:10px"><span>Personal Score — Il Team</span><button class="invite-partner-btn" onclick="openInviteModal()">+ Invita partner</button></div>
                <div id="alerts-list"></div>
                <div class="scores-grid" id="scores-grid"></div>
            </div>
        </div>

        <div class="grid-container">
            
            <div class="left-col">
                
                <div class="card">
                    <div class="card-title">
                        <span>Certifica un&rsquo;azione</span>
                    </div>
                    <div class="tell-cta">
                        <p class="tell-cta-text">Racconta un&rsquo;azione reale del team. La colleghi ai Valori, Servizi e Mansioni dichiarati, l&rsquo;algoritmo ne valuta la coerenza e i partner la validano.</p>
                        <a class="tell-cta-btn" id="btn-go-tell" href="tell.html">Racconta &rarr;</a>
                    </div>
                </div>

                <!-- v39 17set2026 — VOTA IL DNA (VSM) -->
                <div class="card" id="vsm-vote-card" style="display:none">
                    <div class="card-title" style="align-items:center;flex-wrap:wrap;gap:10px">
                        <span>Vota il DNA del team</span>
                        <span id="vsm-vote-pill" style="font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 10px;border-radius:20px;background:#fff0f0;color:#e2574c"></span>
                    </div>
                    <div style="font-size:12px;font-weight:300;color:#777;line-height:1.6;margin:-8px 0 18px">
                        Da 1 a 10, quanto conta per te ogni Valore, Servizio e Mansione del team. Il tuo voto entra nella media che forma il DNA Score.
                    </div>
                    <div id="vsm-vote-body"></div>
                    <div id="vsm-vote-empty" style="display:none;font-size:13px;font-weight:300;color:#3a7a1e;background:rgba(143,197,91,.12);border-radius:12px;padding:14px 16px">
                        Hai votato tutto quello che &egrave; attivo oggi. Quando il team aggiunge un elemento, lo trovi qui.
                    </div>
                    <div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px">
                        <button id="vsm-vote-save" onclick="saveVsmVotes()" disabled style="background:var(--traspality-blue);color:#fff;border:none;padding:11px 22px;border-radius:10px;font-family:'Montserrat';font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;opacity:.45">Salva i voti</button>
                        <button id="vsm-vote-toggle" onclick="toggleVsmVoted()" style="background:#f0f0f0;color:#555;border:none;padding:11px 18px;border-radius:10px;font-family:'Montserrat';font-size:10px;font-weight:600;cursor:pointer">Mostra anche i gi&agrave; votati</button>
                        <span id="vsm-vote-msg" style="font-size:11px;font-weight:600;display:none"></span>
                    </div>
                </div>

                <!-- v41 15ott2026 — DA VOTARE (tutte le storie del team non ancora votate da te) -->
                <div class="card" id="tovote-card" style="display:none">
                    <div class="card-title" style="align-items:center;flex-wrap:wrap;gap:10px">
                        <span>Da votare</span>
                        <span id="tovote-pill" style="font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 10px;border-radius:20px;background:#fff0f0;color:#e2574c"></span>
                    </div>
                    <div style="font-size:12px;font-weight:300;color:#777;line-height:1.6;margin:-8px 0 14px">
                        Le azioni raccontate dai partner che aspettano il tuo voto. Da 1 a 10: quanto sono coerenti con il DNA del team.
                    </div>
                    <div id="tovote-list"></div>
                </div>

                <div class="card" id="stories-card">
                    <div class="card-title">Ultime Azioni Certificate</div>
                    <div id="stories-list" style="font-size:13px;font-weight:300;color:#888;line-height:1.6;">Nessuna azione ancora. Certifica la prima azione del team!</div>
                </div>

                <div class="card">
                    <div class="card-title">Coherence Control (Gap Analysis)</div>
                    <p style="font-size: 14px; font-weight: 300; line-height: 1.6;">
                        Tutti i valori sono allineati. Il delta tra Qualità Reale e Percepita è entro i limiti di sicurezza (1.2 pt).
                    </p>
                </div>

            </div>

            <div class="right-col">
                
                <div class="card" style="cursor: pointer; transition: transform 0.2s;" onclick="goToAnalytics()" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
                    <div class="card-title">DNA Score Aggregato</div>
                    <div class="dna-score-main">
                        <div class="score-circle">
                            <div class="score-value" id="dna-score-val">—</div>
                        </div>
                        <div class="score-label" id="dna-score-label">—</div>
                    </div>

                    <div class="score-breakdown">
                        <div class="breakdown-item">
                            <div class="item-info" id="lbl-val">Valori</div>
                            <div class="bar-container"><div class="bar-fill" id="bar-val" style="width:0%;background:var(--val-color);transition:width 1s ease 0.3s;"></div></div>
                            <div class="item-val" id="val-val">—</div>
                        </div>
                        <div class="breakdown-item">
                            <div class="item-info" id="lbl-srv">Servizi</div>
                            <div class="bar-container"><div class="bar-fill" id="bar-srv" style="width:0%;background:var(--srv-color);transition:width 1s ease 0.5s;"></div></div>
                            <div class="item-val" id="val-srv">—</div>
                        </div>
                        <div class="breakdown-item">
                            <div class="item-info" id="lbl-rol">Mansioni</div>
                            <div class="bar-container"><div class="bar-fill" id="bar-rol" style="width:0%;background:var(--rol-color);transition:width 1s ease 0.7s;"></div></div>
                            <div class="item-val" id="val-rol">—</div>
                        </div>
                    </div>
                    <!-- PESI VSM — visibile solo al founder -->
                    <div class="vsm-weights" id="vsm-weights-panel" style="display:none">
                        <div class="vsm-weights-title">Pesi VSM <span>Il totale deve fare 100%</span></div>
                        <div class="weight-row">
                            <div class="weight-label" style="color:var(--val-color)">Valori</div>
                            <input type="range" class="weight-slider" id="w-val" min="10" max="80" value="33" oninput="syncWeights('val')" onchange="saveWeights()">
                            <div class="weight-pct" id="wp-val">33%</div>
                        </div>
                        <div class="weight-row">
                            <div class="weight-label" style="color:var(--srv-color)">Servizi</div>
                            <input type="range" class="weight-slider" id="w-srv" min="10" max="80" value="33" oninput="syncWeights('srv')" onchange="saveWeights()">
                            <div class="weight-pct" id="wp-srv">33%</div>
                        </div>
                        <div class="weight-row">
                            <div class="weight-label" style="color:var(--rol-color)">Mansioni</div>
                            <input type="range" class="weight-slider" id="w-rol" min="10" max="80" value="34" oninput="syncWeights('rol')" onchange="saveWeights()">
                            <div class="weight-pct" id="wp-rol">34%</div>
                        </div>
                        <button class="weight-save-btn" id="weight-save-btn" onclick="saveWeights()">Salva pesi →</button>
                    </div>
                </div>

                <div class="card" id="social-kit-card" style="cursor: pointer; transition: transform 0.2s;" onclick="goToSocialKit()" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
                    <div class="card-title">✦ Social Media Kit</div>
                    <div class="social-kit-count" id="social-kit-count">—</div>
                    <div class="social-kit-sub" id="social-kit-sub">Carico…</div>
                    <div class="social-kit-cta">Vai al Kit →</div>
                </div>

                <!-- v31 — MODULI ATTIVI -->
                <div class="card" id="modules-card" style="display:none">
                    <div class="card-title">✦ Moduli attivi</div>
                    <div id="modules-list"></div>
                    <div id="modules-msg" style="font-size:11px;line-height:1.5;margin:10px 0 0;display:none"></div>
                    <a href="/moduli.html" id="modules-explore"
                       style="display:block;margin-top:16px;padding-top:14px;border-top:1px solid #eee;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--rol-color);text-decoration:none">
                        Scopri tutti i moduli che puoi attivare →
                    </a>
                </div>

                <!-- v31 — AMMINISTRATORI -->
                <div class="card" id="admins-card" style="display:none">
                    <div class="card-title">✦ Amministratori</div>
                    <div style="font-size:11px;color:#999;line-height:1.5;margin:-8px 0 16px">
                        Gli amministratori possono attivare e disattivare i moduli del team. Solo tu, che lo hai fondato, puoi assegnare o togliere questo ruolo.
                    </div>
                    <div id="admins-list"></div>
                    <div id="admins-msg" style="font-size:11px;line-height:1.5;margin-top:10px;display:none"></div>
                </div>

            </div>
        </div>
    </main>
    </div><!-- fine app-wrapper -->


    <!-- v24: sezione agent reports v22 rimossa — gli agenti sono diventati rating-lente per storia -->

<!-- FOOTER-STD v1 10lug2026 — footer unico sito: +Piani e prezzi, +Metodo, +Team Certificati, mail info@, CSS scoped autoportante -->
<style>
.trsp-footer{background:var(--blue,#175F75);color:#fff;padding:50px 30px 30px;margin-top:auto}
.trsp-footer .footer-inner{max-width:900px;margin:0 auto}
.trsp-footer .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.trsp-footer .footer-brand img{height:28px;width:auto;max-width:100%;margin-bottom:14px;display:block}
.trsp-footer .footer-brand p{font-size:11px;font-weight:300;opacity:.7;line-height:1.7}
.trsp-footer .footer-col h4{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.5;margin-bottom:14px}
.trsp-footer .footer-col a{display:block;font-size:12px;font-weight:400;opacity:.8;text-decoration:none;color:#fff;margin-bottom:8px;transition:opacity .2s}
.trsp-footer .footer-col a:hover{opacity:1}
.trsp-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.trsp-footer .footer-legal{font-size:10px;opacity:.4}
.trsp-footer .footer-legal a{color:#fff;opacity:.6;text-decoration:none}
.trsp-footer .footer-payoff{font-size:9px;letter-spacing:4px;text-transform:uppercase;opacity:.3}
@media(max-width:900px){.trsp-footer .footer-top{grid-template-columns:1fr 1fr}.trsp-footer .footer-brand{grid-column:1/-1}}
@media(max-width:600px){.trsp-footer .footer-bottom{flex-direction:column;text-align:center}}
</style>
<footer class="trsp-footer">
    <div class="footer-inner">
        <div class="footer-top">
            <div class="footer-brand">
                <img src="/logo-white.svg" alt="Traspality">
                <p>Piattaforma digitale per creare, gestire<br>e promuovere i team di lavoro.<br>Do What You Say.</p>
            </div>
            <div class="footer-col">
                <h4>Piattaforma</h4>
                <a href="index.html">Home</a>
                <a href="design.html">Fonda un Team</a>
                <a href="teams.html">Team Certificati</a>
                <a href="pricing.html">Piani e prezzi</a>
                <a href="hub.html">Il tuo Hub</a>
                <a href="dashboard.html">Dashboard</a>
            </div>
            <div class="footer-col">
                <h4>Traspality</h4>
                <a href="about.html">Chi Siamo</a>
                <a href="manifesto.html">Manifesto</a>
                <a href="metodologia.html">Metodo</a>
                <a href="privacy.html">Privacy Policy</a>
                <a href="cookie.html">Cookie Policy</a>
            </div>
            <div class="footer-col">
                <h4>Contatti</h4>
                <a href="mailto:info@traspality.com">info@traspality.com</a>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="footer-legal">© 2026 Traspality — MNG-Crea · P.IVA 04615660406 · <a href="privacy.html">Privacy Policy</a> · <a href="cookie.html">Cookie Policy</a></div>
            <div class="footer-payoff">DO WHAT YOU SAY</div>
        </div>
    </div>
</footer>

    <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2.117.3"></script>
    <script src="/vote.js"></script>
    <script>
    const SUPABASE_URL = 'https://otllbwtdbfubmeaewyze.supabase.co';
    const SUPABASE_KEY = 'sb_publishable_hgD8skYCfzIe0CiUu0hIKg_7kCc7nBZ';
    const db = supabase.createClient(SUPABASE_URL, SUPABASE_KEY);
    window.db = db; // shared client per navbar

    let currentTeamId = null;
    let currentUser   = null;
    let currentPartner = null;

    // v42: testi che escono dalla pagina senza passare dal DOM (dialoghi a righe, WhatsApp, condivisione)
    function _tr(s) { return window.t ? window.t(s) : s; }

    // Legge team ID dall'URL
    const params = new URLSearchParams(window.location.search);
    currentTeamId = params.get('team');

    function syncWeights(changed) {
        const ids = ['val','srv','rol'];
        const vals = ids.map(id => parseInt(document.getElementById('w-' + id).value));
        // somma corrente
        const total = vals.reduce((a,b)=>a+b, 0);
        // normalizza: distribuisce la differenza sugli altri due
        const idx = ids.indexOf(changed);
        const diff = 100 - total;
        const others = ids.filter((_,i)=>i!==idx);
        // distribuzione proporzionale
        const otherSum = others.reduce((a,id)=>a+parseInt(document.getElementById('w-'+id).value),0);
        others.forEach(id => {
            const el = document.getElementById('w-'+id);
            const cur = parseInt(el.value);
            const share = otherSum > 0 ? Math.round(cur + diff * (cur/otherSum)) : Math.round((100 - vals[idx]) / 2);
            el.value = Math.max(10, Math.min(80, share));
        });
        // ricalcola residuo sull'ultimo per evitare errori di arrotondamento
        const recalc = ids.map(id=>parseInt(document.getElementById('w-'+id).value));
        const rem = 100 - recalc[0] - recalc[1];
        document.getElementById('w-rol').value = Math.max(10, Math.min(80, rem));
        // aggiorna label
        ids.forEach(id => {
            document.getElementById('wp-' + id).innerText = document.getElementById('w-' + id).value + '%';
        });
        // aggiorna label barre
        document.getElementById('lbl-val').innerText = 'Valori ('   + document.getElementById('w-val').value + '%)';
        document.getElementById('lbl-srv').innerText = 'Servizi ('  + document.getElementById('w-srv').value + '%)';
        document.getElementById('lbl-rol').innerText = 'Mansioni (' + document.getElementById('w-rol').value + '%)';
        document.getElementById('weight-save-btn').classList.add('visible');
    }

    async function saveWeights() {
        if (!currentTeamId) return;
        var wv = parseInt(document.getElementById('w-val').value) / 100;
        var ws = parseInt(document.getElementById('w-srv').value) / 100;
        var wr = parseInt(document.getElementById('w-rol').value) / 100;
        var btn = document.getElementById('weight-save-btn');
        btn.classList.add('visible');
        btn.innerText = 'Salvataggio...';
        try {
            // .select().single() = unica garanzia che la riga sia stata scritta davvero.
            // Senza, un blocco RLS / auth.uid() nullo restituisce error=null e 0 righe (salvataggio fantasma).
            var res = await db.from('teams')
                .update({ weight_values: wv, weight_services: ws, weight_roles: wr })
                .eq('id', currentTeamId)
                .select('weight_values,weight_services,weight_roles')
                .single();

            if (res.error) {
                btn.innerText = 'Errore \u2014 riprova';
                console.error('saveWeights:', res.error);
                return;
            }
            if (!res.data) {
                // UPDATE eseguito ma 0 righe toccate: policy UPDATE su teams assente o sessione non agganciata.
                btn.innerText = 'Permessi negati';
                console.error('saveWeights: 0 righe aggiornate \u2014 verifica RLS/policy UPDATE su teams e sessione auth.');
                return;
            }

            // Persistenza confermata dal DB: riallineo label barre coi valori REALI ritornati.
            document.getElementById('lbl-val').innerText = 'Valori ('   + Math.round(res.data.weight_values  * 100) + '%)';
            document.getElementById('lbl-srv').innerText = 'Servizi ('  + Math.round(res.data.weight_services * 100) + '%)';
            document.getElementById('lbl-rol').innerText = 'Mansioni (' + Math.round(res.data.weight_roles    * 100) + '%)';

            // #4 — score mostrato subito coi pesi appena persistiti (i rating per categoria sono gi\u00e0 a schermo).
            var pv = parseFloat(document.getElementById('val-val').innerText);
            var ps = parseFloat(document.getElementById('val-srv').innerText);
            var pr = parseFloat(document.getElementById('val-rol').innerText);
            if (!isNaN(pv) && !isNaN(ps) && !isNaN(pr)) {
                var live = pv * res.data.weight_values + ps * res.data.weight_services + pr * res.data.weight_roles;
                var sv = document.getElementById('dna-score-val');
                var sl = document.getElementById('dna-score-label');
                if (sv) sv.innerText = live.toFixed(1);
                if (sl) sl.innerText = scoreLabel(live);
            }

            btn.innerText = '\u2713 Salvato';
            btn.classList.remove('visible');
            setTimeout(function() { btn.innerText = 'Salva pesi \u2192'; }, 2000);
        } catch(e) {
            btn.innerText = 'Errore \u2014 riprova';
            console.error('saveWeights exception:', e);
        }
    }

    function scoreLabel(s) {
        if (!s) return '—';
        if (s >= 8) return 'DNA Forte';
        if (s >= 6) return 'DNA Accettabile';
        return 'DNA a Rischio';
    }

    function goToAnalytics() {
        window.location.href = currentTeamId
            ? `analytics.html?team=${currentTeamId}`
            : 'analytics.html';
    }

    function goToSocialKit() {
        // v36: il Kit e' una pagina sua (kit.html), non piu' una coda dentro la pagina
        // di presentazione. Niente ancora #kit: qui non c'e' pappardella da saltare.
        window.location.href = currentTeamId
            ? `kit.html?team=${currentTeamId}`
            : 'kit.html';
    }

    // Anteprima viva: quante azioni certificate negli ultimi 7 giorni sono pronte
    // per il Social Media Kit (non ancora condivise su un social esterno).
    async function loadSocialKitPreview() {
        const countEl = document.getElementById('social-kit-count');
        const subEl   = document.getElementById('social-kit-sub');
        if (!countEl || !subEl || !currentTeamId) return;

        try {
            const weekAgo = new Date(Date.now() - 7 * 24 * 60 * 60 * 1000).toISOString();
            const { data } = await db.from('stories')
                .select('id, publish_to, image_url')
                .eq('team_id', currentTeamId)
                .gte('created_at', weekAgo);

            const weekStories = data || [];
            const ready     = weekStories.filter(s => !s.publish_to || s.publish_to === 'internal');
            const withPhoto = ready.filter(s => s.image_url).length;

            if (!ready.length) {
                countEl.innerText = '—';
                subEl.innerText   = 'Nessuna azione pronta questa settimana';
            } else {
                countEl.innerText = ready.length;
                subEl.innerText   = (ready.length === 1 ? '1 azione pronta da condividere' : ready.length + ' azioni pronte da condividere')
                    + (withPhoto ? ' · ' + withPhoto + ' con foto' : '');
            }
        } catch(e) {
            console.error('loadSocialKitPreview:', e);
            subEl.innerText = 'Kit disponibile';
        }
    }


    /* ── PROMESSA ── */
    /* ── CONTATTI ── */
    /* ── IMPOSTAZIONI TEAM ── */
    async function openTeamSettings() {
        document.getElementById('settings-name').value   = document.getElementById('dash-team-name').innerText || '';
        document.getElementById('settings-slogan').value = document.getElementById('dash-team-slogan').innerText || '';
        // Link modifica DNA
        var dnaLink = document.getElementById('link-edit-dna');
        if (dnaLink && currentTeamId) dnaLink.href = 'design.html?team=' + currentTeamId;
        // Carica social
        try {
            const { data: t } = await db.from('teams').select('social_linkedin,social_instagram,social_twitter,social_facebook').eq('id', currentTeamId).single();
            if (t) {
                document.getElementById('settings-linkedin').value  = t.social_linkedin || '';
                document.getElementById('settings-instagram').value = t.social_instagram || '';
                document.getElementById('settings-twitter').value   = t.social_twitter || '';
                document.getElementById('settings-facebook').value  = t.social_facebook || '';
            }
        } catch(e) {}
        document.getElementById('team-settings-modal').classList.add('open');
    }
    function closeTeamSettings() {
        document.getElementById('team-settings-modal').classList.remove('open');
    }
    async function saveTeamSettings() {
        const name   = document.getElementById('settings-name').value.trim();
        const slogan = document.getElementById('settings-slogan').value.trim();
        if (!name) { document.getElementById('settings-name').focus(); return; }
        const social = {
            social_linkedin:  document.getElementById('settings-linkedin').value.trim() || null,
            social_instagram: document.getElementById('settings-instagram').value.trim() || null,
            social_twitter:   document.getElementById('settings-twitter').value.trim() || null,
            social_facebook:  document.getElementById('settings-facebook').value.trim() || null
        };
        const { error, data } = await db.from('teams').update({ name, slogan, ...social }).eq('id', currentTeamId).select('id');
        if (error) { alert('Errore: ' + error.message); return; }
        if (!data || !data.length) { alert('Salvataggio non riuscito (0 righe) — verifica i permessi.'); return; }
        document.getElementById('dash-team-name').innerText   = name;
        document.getElementById('dash-team-slogan').innerText = slogan;
        closeTeamSettings();
    }
    async function softDeleteTeamConfirm() {
        var name = document.getElementById('dash-team-name').innerText;
        if (!confirm(_tr('Vuoi eliminare') + ' "' + name + '"?\n\n' + _tr('Avrai 30 giorni per cambiare idea e ripristinarlo.'))) return;
        var { data, error } = await db.rpc('soft_delete_team', { p_team_id: currentTeamId });
        if (error) { alert('Errore: ' + error.message); return; }
        if (data && !data.success) { alert(data.error); return; }
        closeTeamSettings();
        showToast('Team eliminato. Hai 30 giorni per ripristinarlo.');
        showDeletedBanner(new Date().toISOString());
    }

    async function restoreTeamConfirm() {
        if (!confirm('Vuoi ripristinare questo team?')) return;
        var { data, error } = await db.rpc('restore_team', { p_team_id: currentTeamId });
        if (error) { alert('Errore: ' + error.message); return; }
        if (data && !data.success) { alert(data.error); return; }
        document.getElementById('deleted-banner').style.display = 'none';
        showToast('Team ripristinato!');
    }

    function showDeletedBanner(deletedAt) {
        if (!deletedAt) return;
        var daysLeft = Math.max(0, 30 - Math.floor((Date.now() - new Date(deletedAt).getTime()) / 86400000));
        document.getElementById('deleted-days-left').innerText = daysLeft;
        document.getElementById('deleted-banner').style.display = 'block';
        var delBtn = document.getElementById('btn-delete-team');
        if (delBtn) { delBtn.innerText = 'Eliminazione in corso\u2026'; delBtn.disabled = true; delBtn.style.opacity = '.5'; }
    }

    var currentEmbedTab = 'widget';
    function openEmbedModal() {
        document.getElementById('embed-modal').classList.add('open');
        switchEmbedTab('widget', document.querySelector('.embed-tab'));
    }
    function closeEmbedModal() {
        document.getElementById('embed-modal').classList.remove('open');
    }
    function switchEmbedTab(tab, el) {
        currentEmbedTab = tab;
        document.querySelectorAll('.embed-tab').forEach(function(t){ t.classList.remove('active'); });
        if (el) el.classList.add('active');
        var codeEl = document.getElementById('embed-code');
        var prevEl = document.getElementById('embed-preview');
        var baseUrl = window.location.origin;
        if (tab === 'widget') {
            var code = '<iframe src="' + baseUrl + '/widget.html?team=' + currentTeamId + '" width="420" height="120" frameborder="0" style="border-radius:16px;border:1px solid #e8e8e8"></iframe>';
            codeEl.innerText = code;
            prevEl.innerHTML = '<iframe src="' + baseUrl + '/widget.html?team=' + currentTeamId + '" width="400" height="110" frameborder="0" style="border-radius:12px;border:1px solid #e8e8e8"></iframe>';
        } else {
            var code = '<iframe src="' + baseUrl + '/public.html?team=' + currentTeamId + '&embed=1" width="100%" height="800" frameborder="0" style="border-radius:16px;border:1px solid #e8e8e8"></iframe>';
            codeEl.innerText = code;
            prevEl.innerHTML = '<div style="font-size:11px;color:#888;padding:20px">Preview non disponibile per la pagina completa.<br>Incolla il codice nel tuo sito per vederla.</div>';
        }
    }
    function copyEmbedCode() {
        var code = document.getElementById('embed-code').innerText;
        navigator.clipboard.writeText(code).then(function(){
            var btn = document.querySelector('.embed-btn.primary');
            btn.innerText = '\u2713 Copiato!';
            setTimeout(function(){ btn.innerText = 'Copia codice'; }, 2500);
        });
    }


    /* ── CONDIVIDI ── */
    function sharePageLink() {
        const url = window.location.origin + '/public.html?team=' + currentTeamId;
        const btn = document.getElementById('share-page-btn');
        if (navigator.share) {
            navigator.share({ title: document.getElementById('dash-team-name').innerText + ' \u2014 Traspality', text: _tr('Scopri il DNA del nostro team.'), url });
            return;
        }
        navigator.clipboard.writeText(url).then(() => {
            const orig = btn.innerText; btn.innerText = '\u2713 Copiato!';
            setTimeout(() => btn.innerText = orig, 2500);
        });
    }

    function toggleContactsEdit() {
        const panel = document.getElementById('contacts-edit-panel');
        const preview = document.getElementById('contacts-preview');
        const isEdit = panel.style.display !== 'none';
        panel.style.display = isEdit ? 'none' : 'block';
        preview.style.display = isEdit ? 'flex' : 'none';
        if (!isEdit) {
            const ci = window._teamContactInfo || {};
            ['email','phone','website','address','linkedin','instagram'].forEach(k => {
                const el = document.getElementById('dc-' + k);
                if (el) el.value = ci[k] || '';
            });
        }
    }

    function renderContactsPreview(ci) {
        const preview = document.getElementById('contacts-preview');
        const empty   = document.getElementById('contacts-preview-empty');
        if (!ci || !Object.keys(ci).filter(k=>ci[k]).length) {
            if (empty) empty.style.display = 'inline';
            return;
        }
        if (empty) empty.style.display = 'none';
        const labels = { email:'Email', phone:'Tel', website:'Web', address:'Indirizzo', linkedin:'LinkedIn', instagram:'Instagram' };
        preview.innerHTML = Object.entries(ci).filter(([,v])=>v).map(([k,v]) => {
            const short = v.replace(/^https?:\/\//,'').slice(0,28);
            return '<span style="display:inline-flex;align-items:center;gap:5px;background:#f0f4f8;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;color:#333">' +
                '<span style="font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888">' + labels[k] + '</span>' +
                '<span translate="no">' + short + (v.length>28?'…':'') + '</span></span>';
        }).join('');
    }

    async function saveDashboardContacts() {
        const fields = ['email','phone','website','address','linkedin','instagram'];
        const ci = {};
        fields.forEach(k => { const v = document.getElementById('dc-' + k)?.value.trim(); if(v) ci[k]=v; });
        const { error, data } = await db.from('teams').update({ contact_info: ci }).eq('id', currentTeamId).select('id');
        if (error) { alert('Errore: ' + error.message); return; }
        if (!data || !data.length) { alert('Salvataggio non riuscito (0 righe) — verifica i permessi.'); return; }
        window._teamContactInfo = ci;
        renderContactsPreview(ci);
        toggleContactsEdit();
        const btn = document.querySelector('#public-info-card .promise-save-btn');
        if (btn) { const o=btn.textContent; btn.textContent='✓ Salvato'; setTimeout(()=>btn.textContent=o,2000); }
    }

    function togglePromiseEdit() {
        const stat = document.getElementById('promise-static');
        const wrap = document.getElementById('promise-edit-wrap');
        const isEdit = wrap.style.display !== 'none';
        stat.style.display = isEdit ? 'block' : 'none';
        wrap.style.display = isEdit ? 'none' : 'block';
        if (!isEdit) {
            var _noProm = 'Nessuna promessa ancora. Clicca Modifica per aggiungerla.';
            document.getElementById('promise-textarea').value = (stat.innerText === _noProm || stat.innerText === _tr(_noProm)) ? '' : stat.innerText;
            document.getElementById('promise-textarea').focus();
        }
    }
    async function savePromise() {
        const val = document.getElementById('promise-textarea').value.trim();
        if (!val) return;
        const { error, data } = await db.from('teams').update({ promise: val }).eq('id', currentTeamId).select('id');
        if (error) { alert('Errore: ' + error.message); return; }
        if (!data || !data.length) { alert('Salvataggio non riuscito (0 righe) — verifica i permessi.'); return; }
        document.getElementById('promise-static').setAttribute('translate', 'no');
        document.getElementById('promise-static').innerText = val;
        togglePromiseEdit();
    }

    /* ── INVITE MODAL ── */
    let _sessionInvites = [];
    function openInviteModal() {
        const sel = document.getElementById('modal-role-select');
        sel.innerHTML = '<option value="">— Nessuna mansione —</option>';
        db.from('dna_items').select('name,item_type').eq('team_id', currentTeamId).then(({ data }) => {
            if (!data) return;
            data.filter(i => i.item_type === 'role').forEach(i => { const o = document.createElement('option'); o.value = 'r::' + i.name; o.textContent = _tr('[M]') + ' ' + i.name; o.setAttribute('translate', 'no'); sel.appendChild(o); });
            data.filter(i => i.item_type === 'service').forEach(i => { const o = document.createElement('option'); o.value = 's::' + i.name; o.textContent = _tr('[S]') + ' ' + i.name; o.setAttribute('translate', 'no'); sel.appendChild(o); });
        });
        // v34: reset completo (nome, email, mansione, flag admin, aree link/esito).
        resetInviteForm(false);
        // v32: flag amministratore, solo per chi ha fondato il team
        var _aRow = document.getElementById('modal-admin-row');
        if (_aRow) {
            _aRow.style.display = 'none';
            db.from('teams').select('founder_id').eq('id', currentTeamId).single().then(function(r){
                if (r && r.data && currentUser && r.data.founder_id === currentUser.id) {
                    _aRow.style.display = 'flex';
                }
            });
        }
        _sessionInvites = []; renderSessionList();
        document.getElementById('invite-modal').classList.add('open');
        setTimeout(function(){ var e = document.getElementById('modal-email'); if (e) e.focus(); }, 100);
    }

    async function sendInviteEmail(to, inviterName, teamName, joinUrl) {
        try {
            // send-invite ha verify_jwt=true: serve il token di sessione, non la publishable key.
            const inv = await db.functions.invoke('send-invite', {
                body: { to, inviterName, teamName, joinUrl }
            });
            if (inv.error) { console.warn('sendInviteEmail:', inv.error.message); return false; }
            return true;
        } catch(e) {
            console.warn('sendInviteEmail error:', e);
            return false;
        }
    }

    function closeInviteModal() { document.getElementById('invite-modal').classList.remove('open'); }
    async function generateInviteLink() {
        const email = document.getElementById('modal-email').value.trim();
        if (!email) { document.getElementById('modal-email').focus(); return; }
        const selVal = document.getElementById('modal-role-select').value;
        let role = null, roleType = 'mansione';
        if (selVal) { const p = selVal.split('::'); roleType = p[0]==='s'?'servizio':'mansione'; role = p[1]; }
        const invName = (document.getElementById('modal-name') ? document.getElementById('modal-name').value.trim() : '') || null;
        const btn = document.getElementById('modal-send-btn');
        btn.disabled = true; btn.textContent = 'Generazione…';
        const _vcode = Math.random().toString(36).substring(2,10).toUpperCase();
        // v32: il flag vale solo se chi invita ha fondato il team. Anche se qualcuno
        // forzasse il valore lato client, il trigger guard_can_admin lo azzera in scrittura.
        const _admChk  = document.getElementById('modal-admin-flag');
        const _admRow  = document.getElementById('modal-admin-row');
        const _asAdmin = !!(_admChk && _admChk.checked && _admRow && _admRow.style.display !== 'none');
        // BLINDATO: la riga-invito DEVE essere creata. Senza .select() un rifiuto RLS
        // passava in silenzio e l'invito si perdeva (nessun partnerRow lato join.html).
        const { data: _pIns, error: _pErr } = await db.from('partners')
            .insert({ team_id: currentTeamId, invite_email: email, invite_name: invName, role_title: role||'Partner', status: 'invited', voucher_code: _vcode, can_admin: _asAdmin })
            .select('id');
        if (_pErr || !_pIns || !_pIns.length) {
            console.error('invite insert fallita:', _pErr);
            alert(_tr('Non sono riuscito a registrare l\u2019invito') + (_pErr && _pErr.message ? ' (' + _pErr.message + ')' : ' ' + _tr('\u2014 0 righe, controlla i permessi')) + '.\n' + _tr('Riprova o ricarica la pagina.'));
            btn.disabled = false; btn.textContent = 'Invia per email \u2192';
            return;
        }
        const base = window.location.origin + '/';
        const { data: { user: _invUser } } = await db.auth.getUser();
        const _inviterName = (_invUser && _invUser.user_metadata && _invUser.user_metadata.full_name) ? _invUser.user_metadata.full_name : (_invUser ? _invUser.email.split('@')[0] : 'Il fondatore');
        let url = base + 'join.html?team=' + currentTeamId + '&email=' + encodeURIComponent(email) + '&invited_by=' + encodeURIComponent(_inviterName);
        if (invName) url += '&name=' + encodeURIComponent(invName);
        if (role) url += '&role=' + encodeURIComponent(role) + '&role_type=' + encodeURIComponent(roleType);
        document.getElementById('modal-link-box').textContent = url;
        const _emailOk = await sendInviteEmail(email, _inviterName, document.getElementById('dash-team-name')?.innerText || 'il team', url);
        const wa = encodeURIComponent(_tr('Ciao! Ti invito su Traspality.') + '\n' + _tr('Ruolo:') + ' ' + (role||'Partner') + '\n\n' + url + '\n\nDo What You Say');
        document.getElementById('modal-wa-btn').href = 'https://wa.me/?text=' + wa;
        _sessionInvites.push({ email, roleLabel: role||'Partner', url }); renderSessionList();
        // Stato post-invio. Se l'email non parte, mostro comunque il link (copia/WhatsApp).
        document.getElementById('modal-form-state').style.display = 'none';
        var _sentTitle = document.getElementById('modal-sent-title');
        if (_emailOk) {
            if (_sentTitle) _sentTitle.textContent = 'Email inviata!';
            document.getElementById('modal-sent-email').textContent = email;
            document.getElementById('modal-link-area').style.display = 'none';
        } else {
            if (_sentTitle) _sentTitle.textContent = 'Invito pronto \u2014 email non partita';
            document.getElementById('modal-sent-email').textContent = 'Copia il link o invialo via WhatsApp qui sotto.';
            document.getElementById('modal-link-area').style.display = 'block';
        }
        document.getElementById('modal-sent-state').style.display = 'block';
        btn.disabled = false; btn.textContent = 'Invia per email \u2192';
    }
    function renderSessionList() {
        const list = document.getElementById('modal-session-list');
        if (!_sessionInvites.length) { list.innerHTML = ''; return; }
        list.innerHTML = '<div style="font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#aaa;margin-bottom:8px">Inviti questa sessione</div>' +
            _sessionInvites.map(i => '<div style="display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f0f0f0"><div style="flex:1" translate="no"><div style="font-size:12px;font-weight:600">' + i.email + '</div><div style="font-size:10px;color:#aaa">' + i.roleLabel + '</div></div><a href="https://wa.me/?text=' + encodeURIComponent(_tr('Ciao!') + '\n' + i.url) + '" target="_blank" style="font-size:9px;background:#25D366;color:#fff;padding:3px 8px;border-radius:6px;text-decoration:none;font-weight:700">WA</a></div>').join('');
    }
    // v34: reset COMPLETO. Prima azzerava solo email e select: il nome del partner
    // e il flag amministratore restavano precompilati dall'invito precedente, sia
    // premendo "+ Invita un altro" sia riaprendo il modale. Un solo punto di verita'.
    function resetInviteForm(keepFocus) {
        var _n = document.getElementById('modal-name');   if (_n) _n.value = '';
        var _e = document.getElementById('modal-email');  if (_e) _e.value = '';
        var _s = document.getElementById('modal-role-select'); if (_s) _s.selectedIndex = 0;
        var _a = document.getElementById('modal-admin-flag'); if (_a) _a.checked = false;
        var _lb = document.getElementById('modal-link-box'); if (_lb) _lb.textContent = '';
        var _la = document.getElementById('modal-link-area'); if (_la) _la.style.display = 'none';
        var _ss = document.getElementById('modal-sent-state'); if (_ss) _ss.style.display = 'none';
        var _fs = document.getElementById('modal-form-state'); if (_fs) _fs.style.display = 'block';
        var _se = document.getElementById('modal-sent-email'); if (_se) _se.textContent = '';
        var _b = document.getElementById('modal-send-btn');
        if (_b) { _b.disabled = false; _b.textContent = 'Invia per email \u2192'; }
        if (keepFocus !== false && _e) _e.focus();
    }
    function copyInviteLink() { navigator.clipboard.writeText(document.getElementById('modal-link-box').textContent).then(() => { const b = document.querySelector('.modal-copy-btn'); b.textContent='✓ Copiato!'; setTimeout(()=>b.textContent='Copia link',2000); }); }

    /* ── DNA MODAL ── */
    let _dnaItemType = 'value';
    const _dnaColors = { value:'#8FC55B', service:'#E6CF42', role:'#B54D8D' };
    const _dnaSubs   = { value:'Cosa vi lega come team.', service:'Cosa offrite al mercato.', role:'Chi fa cosa nel team.' };
    let _dnaAssignedTo = [];

    let _editingItemId = null;
    let _dnaDirty = false;   // v40: qualcosa nel DNA e’ cambiato -> ricarico alla chiusura

    async function loadExistingItems(type) {
        const list = document.getElementById('dna-existing-list');
        if (!list) return;
        list.innerHTML = '<div style="font-size:11px;color:#bbb;padding:6px">Carico...</div>';
        const res = await db.from('dna_items')
            .select('id,name,description,founder_rating,avg_rating,active,archive_reason')
            .eq('team_id', currentTeamId)
            .eq('item_type', type)
            .order('display_order');
        const all = res.data || [];
        window._dnaEditItems = {};
        all.forEach(function(i) { window._dnaEditItems[i.id] = i; });

        const activeItems   = all.filter(function(i){ return i.active !== false; });
        const archivedItems = all.filter(function(i){ return i.active === false; });

        if (!activeItems.length && !archivedItems.length) {
            list.innerHTML = '<div style="font-size:11px;color:#bbb;padding:6px;font-style:italic">Nessun elemento ancora.</div>';
            return;
        }

        function scoreColor(s){ return s>=8 ? '#8FC55B' : s>=6 ? '#E6CF42' : '#B54D8D'; }

        var html = activeItems.map(function(item) {
            const score = item.avg_rating || item.founder_rating || 0;
            const sc = scoreColor(score);
            return '<div class="dna-existing-item" id="row-' + item.id + '">' +
                '<div class="dna-existing-name" translate="no">' + item.name + '</div>' +
                '<div class="dna-existing-score" style="color:' + sc + '">' + score.toFixed(1) + '</div>' +
                '<button class="dna-edit-btn" data-id="' + item.id + '" title="Modifica">' +
                '<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>' +
                '</button>' +
                '<button class="dna-arch-btn" data-id="' + item.id + '" title="Archivia">' +
                '<svg width="14" height="14" fill="none" stroke="#b8860b" stroke-width="2" viewBox="0 0 24 24"><polyline points="21 8 21 21 3 21 3 8"/><rect x="1" y="3" width="22" height="5"/><line x1="10" y1="12" x2="14" y2="12"/></svg>' +
                '</button>' +
                '</div>';
        }).join('');

        if (archivedItems.length) {
            html += '<div style="font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#bbb;margin:14px 0 6px">Archiviati (' + archivedItems.length + ')</div>';
            html += archivedItems.map(function(item) {
                const reason = item.archive_reason
                    ? '<div style="font-size:10px;color:#aaa;font-style:italic;flex-basis:100%;margin-top:4px" translate="no">\u201c' + item.archive_reason + '\u201d</div>'
                    : '';
                return '<div class="dna-existing-item" style="opacity:.55;flex-wrap:wrap" id="row-' + item.id + '">' +
                    '<div class="dna-existing-name" style="text-decoration:line-through" translate="no">' + item.name + '</div>' +
                    '<button class="dna-restore-btn" data-id="' + item.id + '" title="Ripristina" style="background:none;border:1px solid #ddd;border-radius:7px;padding:4px 10px;font-family:Montserrat;font-size:10px;font-weight:700;color:#175F75;cursor:pointer">Ripristina</button>' +
                    reason +
                    '</div>';
            }).join('');
        }

        list.innerHTML = html;
        list.onclick = function(e) {
            var eb = e.target.closest('.dna-edit-btn');
            var ab = e.target.closest('.dna-arch-btn');
            var rb = e.target.closest('.dna-restore-btn');
            if (eb) { var it = window._dnaEditItems[eb.dataset.id]; if(it) startEditDna(it.id,it.name,it.description||'',it.avg_rating||it.founder_rating||8); }
            if (ab) { archiveDnaItem(ab.dataset.id, (window._dnaEditItems[ab.dataset.id]||{}).name||''); }
            if (rb) { restoreDnaItem(rb.dataset.id); }
        };
    }


    function startEditDna(id, name, desc, rating) {
        _editingItemId = id;
        document.getElementById('dna-edit-name').value    = name;
        document.getElementById('dna-edit-desc').value    = desc;
        document.getElementById('dna-edit-rating').value  = rating;
        document.getElementById('dna-edit-rating-val').innerText = rating;
        document.getElementById('dna-edit-form').style.display = 'block';
        document.getElementById('dna-edit-name').focus();
    }

    function cancelEditDna() {
        _editingItemId = null;
        document.getElementById('dna-edit-form').style.display = 'none';
    }

    async function saveEditDna() {
        if (!_editingItemId) return;
        const name   = document.getElementById('dna-edit-name').value.trim();
        const desc   = document.getElementById('dna-edit-desc').value.trim();
        const rating = parseFloat(document.getElementById('dna-edit-rating').value);
        if (!name) { document.getElementById('dna-edit-name').focus(); return; }
        const { error, data } = await db.from('dna_items')
            .update({ name, description: desc, founder_rating: rating })
            .eq('id', _editingItemId)
            .select('id');
        if (error) { alert('Errore: ' + error.message); return; }
        if (!data || !data.length) { alert('Salvataggio non riuscito (0 righe) — verifica i permessi.'); return; }

        // v40: il numero mostrato (avg_rating) nasce dai voti in partner_ratings, non da founder_rating.
        // Il trigger riporta il voto del founder solo all’INSERT: senza questo passaggio la
        // modifica dell’importanza non cambiava mai nulla di visibile.
        if (currentPartner && currentPartner.id) {
            const vote = Math.max(1, Math.min(10, Math.round(rating)));
            const { data: vData, error: vErr } = await db.from('partner_ratings')
                .upsert({ partner_id: currentPartner.id, item_id: _editingItemId, rating: vote }, { onConflict: 'partner_id,item_id' })
                .select('item_id');
            if (vErr || !vData || !vData.length) {
                console.warn('aggiornamento voto founder non riuscito:', vErr && vErr.message);
                alert('Nome e definizione salvati, ma il nuovo valore di importanza non \u00e8 entrato nella media dei voti. Riprova o votalo dalla card "Vota il DNA del team".');
            }
        }

        _dnaDirty = true;
        cancelEditDna();
        await loadExistingItems(_dnaItemType);
    }

    async function archiveDnaItem(id, name) {
        var reason = null;
        if (_dnaItemType === 'value') {
            reason = prompt(_tr('Stai archiviando un valore:') + ' "' + name + '".\n' + _tr('Perch\u00e9 lo state rimuovendo? (diventer\u00e0 parte del racconto del team)'));
            if (reason === null) return;
            reason = reason.trim();
            if (!reason) { alert('Per archiviare un valore serve una motivazione.'); return; }
        } else {
            if (!confirm(_tr('Archiviare') + ' "' + name + '"?\n' + _tr('Sparir\u00e0 dalle nuove azioni e dal DNA Score, ma le azioni gi\u00e0 certificate restano intatte.'))) return;
        }
        const { error, data } = await db.from('dna_items')
            .update({ active: false, archived_at: new Date().toISOString(), archive_reason: reason })
            .eq('id', id)
            .select('id');
        if (error) { alert('Errore: ' + error.message); return; }
        if (!data || !data.length) { alert('Archiviazione non riuscita (0 righe) — verifica i permessi.'); return; }
        _dnaDirty = true;
        await recomputeAndPersistDnaScore();
        await loadExistingItems(_dnaItemType);
    }

    async function restoreDnaItem(id) {
        const { error, data } = await db.from('dna_items')
            .update({ active: true, archived_at: null, archive_reason: null })
            .eq('id', id)
            .select('id');
        if (error) { alert('Errore: ' + error.message); return; }
        if (!data || !data.length) { alert('Ripristino non riuscito (0 righe) — verifica i permessi.'); return; }
        _dnaDirty = true;
        await recomputeAndPersistDnaScore();
        await loadExistingItems(_dnaItemType);
    }

    async function recomputeAndPersistDnaScore() {
        try {
            const { data: team } = await db.from('teams')
                .select('weight_values,weight_services,weight_roles,dna_score')
                .eq('id', currentTeamId).single();
            const { data: items } = await db.from('dna_items')
                .select('item_type,founder_rating,avg_rating,active')
                .eq('team_id', currentTeamId);
            const act = (items || []).filter(function(i){ return i.active !== false; });
            const avg = function(t){
                var arr = act.filter(function(i){ return i.item_type === t; });
                if (!arr.length) return 0;
                return arr.reduce(function(s,i){ return s + (i.avg_rating || i.founder_rating || 0); }, 0) / arr.length;
            };
            const wv = parseFloat((team && team.weight_values)   || 0.333);
            const ws = parseFloat((team && team.weight_services) || 0.333);
            const wr = parseFloat((team && team.weight_roles)    || 0.334);
            const score = avg('value')*wv + avg('service')*ws + avg('role')*wr;
            if (team && team.dna_score != null) {
                const { data: upd } = await db.from('teams').update({ dna_score: parseFloat(score.toFixed(2)) }).eq('id', currentTeamId).select('dna_score');
                if (!upd || !upd.length) console.warn('recompute dna_score: 0 righe — verifica permessi su teams');
            }
        } catch(e) { console.warn('recompute dna_score:', e); }
    }

    function switchDnaTab(type) {
        _dnaItemType = type;
        cancelEditDna();
        loadExistingItems(type);
        ['value','service','role'].forEach(t => {
            const b = document.getElementById('dna-tab-' + t);
            b.className = 'dna-tab-btn' + (t===type ? ' active-' + t[0] : '');
        });
        document.getElementById('dna-modal-sub').innerText = _dnaSubs[type];
        document.getElementById('dna-item-name').value = '';
        document.getElementById('dna-item-desc').value = '';
        document.getElementById('dna-rating-slider').value = 8;
        document.getElementById('dna-rating-val').innerText = 8;
        document.getElementById('dna-assign-input').value = '';
        document.getElementById('dna-assign-list').innerHTML = '';
        _dnaAssignedTo = [];
        // Mostra attribuzione solo per servizi e mansioni
        const aw = document.getElementById('dna-assign-wrap');
        aw.style.display = (type === 'role' || type === 'service') ? 'block' : 'none';
        document.getElementById('dna-item-name').focus();
    }

    function addDnaAssign() {
        const inp = document.getElementById('dna-assign-input');
        const em  = inp.value.trim();
        if (!em || !em.includes('@') || _dnaAssignedTo.includes(em)) { inp.focus(); return; }
        _dnaAssignedTo.push(em);
        inp.value = '';
        renderDnaAssignList();
    }

    function removeDnaAssign(em) {
        _dnaAssignedTo = _dnaAssignedTo.filter(e => e !== em);
        renderDnaAssignList();
    }

    function renderDnaAssignList() {
        document.getElementById('dna-assign-list').innerHTML = _dnaAssignedTo.map(e =>
            '<span style="display:inline-flex;align-items:center;gap:4px;background:#E8F4F8;color:#175F75;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:600" translate="no">' +
            e + '<button onclick="removeDnaAssign(\'' + e + '\')" style="background:none;border:none;color:#aaa;cursor:pointer;font-size:12px;padding:0;margin-left:2px">x</button></span>'
        ).join('');
    }
    function openDnaModal(type) {
        if (!window._isTeamFounder) {
            showToast('Solo chi ha fondato il team pu\u00f2 modificare il DNA.', 3500);
            return;
        }
        document.getElementById('dna-modal').classList.add('open');
        setTimeout(() => { switchDnaTab(type||'value'); }, 50);
    }
    function closeDnaModal() {
        document.getElementById('dna-modal').classList.remove('open');
        if (_dnaDirty) { _dnaDirty = false; window.location.reload(); }
    }
    async function saveDnaItem() {
        const name = document.getElementById('dna-item-name').value.trim();
        if (!name) { document.getElementById('dna-item-name').focus(); return; }
        const btn = document.getElementById('dna-save-btn');
        btn.disabled = true; btn.textContent = 'Controllo…';
        const { data: dupes } = await db.from('dna_items').select('name').eq('team_id', currentTeamId).eq('item_type', _dnaItemType).eq('active', true).ilike('name', name);
        if (dupes && dupes.length) {
            btn.disabled = false; btn.textContent = 'Aggiungi →';
            const inp = document.getElementById('dna-item-name');
            inp.style.borderColor = '#B54D8D'; inp.style.background = '#fff0f8';
            setTimeout(() => { inp.style.borderColor=''; inp.style.background=''; }, 2500);
            const sub = document.getElementById('dna-modal-sub');
            const orig = sub.innerText; sub.style.color='#B54D8D'; sub.innerText = '"' + name + '" è già presente.';
            setTimeout(() => { sub.style.color=''; sub.innerText=orig; }, 2500);
            return;
        }
        btn.textContent = 'Salvataggio…';
        const { data: last } = await db.from('dna_items').select('display_order').eq('team_id', currentTeamId).order('display_order', {ascending:false}).limit(1);
        const nextOrder = last?.length ? (last[0].display_order + 1) : 0;
        const desc = document.getElementById('dna-item-desc').value.trim();
        const rating = parseInt(document.getElementById('dna-rating-slider').value);
        const { data: newItem, error } = await db.from('dna_items').insert({ team_id: currentTeamId, item_type: _dnaItemType, name, description: desc, founder_rating: rating, avg_rating: rating, display_order: nextOrder }).select().single();
        btn.disabled = false; btn.textContent = 'Aggiungi →';
        if (error) { alert('Errore: ' + error.message); return; }
        _dnaDirty = true;
        // Crea partner records per le email assegnate
        if (_dnaAssignedTo.length > 0) {
            const roleType = _dnaItemType === 'service' ? 'servizio' : 'mansione';
            const base = window.location.origin + '/';
            for (const email of _dnaAssignedTo) {
                // v33: MAI un upsert cieco qui. L'upsert riscriveva status='invited' anche su
                // chi era gia' entrato nel team: la persona spariva dal roster, perdeva l'accesso
                // e non riceveva nessuna notifica (questo ramo non manda email).
                // Lo status si scrive solo quando la riga nasce; su una riga esistente si tocca
                // solo la mansione.
                const { data: _exist, error: _exErr } = await db.from('partners')
                    .select('id, status')
                    .eq('team_id', currentTeamId)
                    .eq('invite_email', email)
                    .maybeSingle();
                if (_exErr) { console.warn('assegnazione mansione, lettura partner:', _exErr.message); continue; }

                if (_exist && _exist.id) {
                    const { error: _upErr } = await db.from('partners')
                        .update({ role_title: name })
                        .eq('id', _exist.id)
                        .select('id');
                    if (_upErr) console.warn('assegnazione mansione, update:', _upErr.message);
                } else {
                    const { error: _inErr } = await db.from('partners')
                        .insert({ team_id: currentTeamId, invite_email: email, role_title: name, status: 'invited' })
                        .select('id');
                    if (_inErr) console.warn('assegnazione mansione, insert:', _inErr.message);
                }
            }
        }
        // Reset form senza ricaricare la pagina
        document.getElementById('dna-item-name').value = '';
        document.getElementById('dna-item-desc').value = '';
        document.getElementById('dna-assign-input').value = '';
        document.getElementById('dna-assign-list').innerHTML = '';
        _dnaAssignedTo = [];
        document.getElementById('dna-rating-slider').value = 8;
        document.getElementById('dna-rating-val').innerText = 8;
        document.getElementById('dna-item-name').focus();
        const sub = document.getElementById('dna-modal-sub');
        const orig = sub.innerText;
        sub.style.color = '#8FC55B';
        sub.innerText = '\u2713 Aggiunto! Puoi aggiungerne un altro o chiudere.';
        setTimeout(() => { sub.style.color=''; sub.innerText=orig; }, 2500);
    }

    /* ── COMPLETION WIDGET ── */
    async function loadProfileCompletion(team, items, partners, stories) {
        const steps = [
            { key:'promise', label:'Scrivi la promessa del team', pts:20, done:!!(team.promise && team.promise.trim().length>10), action:'promise' },
            { key:'values',  label:'Aggiungi almeno 3 valori',   pts:20, done:(items||[]).filter(i=>i.item_type==='value').length>=3,   action:'add-item:value' },
            { key:'services',label:'Aggiungi almeno 2 servizi',  pts:15, done:(items||[]).filter(i=>i.item_type==='service').length>=2,  action:'add-item:service' },
            { key:'roles',   label:'Definisci almeno 1 mansione',pts:15, done:(items||[]).filter(i=>i.item_type==='role').length>=1,     action:'add-item:role' },
            { key:'partners',label:'Aggiungi almeno 1 partner',  pts:15, done:(partners||[]).filter(p=>p.user_id!==team.founder_id).length>=1, action:'invite' },
            { key:'stories', label:'Certifica la prima azione',   pts:15, done:(stories||[]).length>=1, action:'story' }
        ];
        const total = steps.reduce((s,x) => s + (x.done?x.pts:0), 0);
        const widget = document.getElementById('completion-widget');
        if (total===100) { widget.style.display='none'; return; }
        widget.style.display = 'block';
        document.getElementById('comp-pct-num').textContent = total;
        setTimeout(() => { document.getElementById('comp-bar').style.width = total + '%'; }, 100);
        const stepsEl = document.getElementById('comp-steps');
        stepsEl.innerHTML = steps.filter(s=>!s.done).map(s =>
            `<div class="comp-step todo" onclick="handleCompStep('${s.action}')">
                <div class="comp-step-icon">→</div>
                <span style="flex:1">${s.label}</span>
                <span class="comp-step-pts">+${s.pts}%</span>
            </div>`).join('') +
            steps.filter(s=>s.done).map(s =>
            `<div class="comp-step done">
                <div class="comp-step-icon">✓</div>
                <span style="flex:1">${s.label}</span>
                <span class="comp-step-pts">${s.pts}%</span>
            </div>`).join('');
    }
    function handleCompStep(action) {
        if (action==='promise') { document.getElementById('promise-card')?.scrollIntoView({behavior:'smooth'}); setTimeout(()=>togglePromiseEdit(),400); }
        else if (action.startsWith('add-item:')) openDnaModal(action.split(':')[1]);
        else if (action==='invite') openInviteModal();
        else if (action==='story') { document.querySelector('.day-textarea')?.focus(); window.scrollTo({top:300,behavior:'smooth'}); }
    }

    /* ── PERSONAL SCORE ── */
    function scoreColor(s) { if(!s) return '#ccc'; if(s>=8) return '#8FC55B'; if(s>=6) return '#E6CF42'; return '#B54D8D'; }

    // Evita che nomi/ruoli con < > & rompano (o iniettino) HTML.
    function esc(s) {
        return String(s == null ? '' : s).replace(/[&<>"']/g, function(c) {
            return { '&':'&amp;', '<':'&lt;', '>':'&gt;', '"':'&quot;', "'":'&#39;' }[c];
        });
    }

    // Se in full_name c'e' un'email, ne ricava un nome leggibile.
    // daniele.mingucci@gmail.com -> Daniele Mingucci
    function prettyName(raw) {
        var v = String(raw == null ? '' : raw).trim();
        if (v && v.indexOf('@') === -1) return v;
        var local = v ? v.split('@')[0] : '';
        local = local.replace(/[._\-+]+/g, ' ').replace(/\d+/g, ' ').replace(/\s+/g, ' ').trim();
        if (!local) return 'Partner';
        return local.split(' ').map(function(w) {
            return w.charAt(0).toUpperCase() + w.slice(1);
        }).join(' ');
    }

    function initialsOf(name) {
        var parts = String(name || '').split(' ').filter(Boolean);
        if (!parts.length) return '\u2014';
        return parts.map(function(w) { return w.charAt(0); }).join('').toUpperCase().slice(0, 2);
    }
    async function loadPartnerScores(teamId, team) {
        const { data: partners, error: pErr } = await db.from('partners').select('user_id,role_title,status,score_visibility,profiles:user_id(full_name,avatar_url)').eq('team_id', teamId).in('status', ['active','accepted','founding']);
        if (pErr) { console.error('loadPartnerScores:', pErr.message); }
        if (!partners?.length) return;
        const partnerScores = await Promise.all(partners.map(async p => {
            // stories.dna_score e' una colonna morta (mai popolata): il voto vero e' final_rating.
            const { data: stories } = await db.from('stories').select('final_rating').eq('team_id', teamId).eq('author_id', p.user_id);
            const all = stories || [];
            const scores = all.map(s => s.final_rating).filter(v => v !== null && v !== undefined).map(Number);
            const avg = scores.length ? scores.reduce((a,b)=>a+b,0)/scores.length : null;
            return { ...p, avg_score: avg, story_count: all.length, rated_count: scores.length };
        }));
        const grid = document.getElementById('scores-grid');
        const isFounder = currentUser && team.founder_id === currentUser.id;
        grid.innerHTML = partnerScores.map(p => {
            const isMe = currentUser && p.user_id === currentUser.id;
            const rawName = p.profiles?.full_name || '';
            const name = prettyName(rawName) || 'Partner';
            const initls = initialsOf(name);
            const score = p.avg_score;
            const color = scoreColor(score);
            const pct = score ? Math.min(score/10*100,100) : 0;
            return `<div class="pscore-card ${isMe?'is-me':''}">
                ${isMe?'<span class="pscore-me-badge">Tu</span>':''}
                <div class="pscore-avatar">${initls}</div>
                <div class="pscore-name" translate="no" title="${esc(rawName || name)}">${esc(name)}</div>
                ${p.role_title?`<div class="pscore-role" translate="no">${esc(p.role_title)}</div>`:''}
                ${score!==null
                    ? `<div class="pscore-num" style="color:${color}">${score.toFixed(1)}</div><div class="pscore-label">Personal Score</div><div class="pscore-bar-wrap"><div class="pscore-bar" style="width:${pct}%;background:${color}"></div></div><div class="pscore-posts">${p.story_count} post &middot; ${p.rated_count} votati</div>`
                    : (p.story_count > 0
                        ? `<div class="pscore-num" style="color:#ddd">&mdash;</div><div class="pscore-label">In attesa di voto</div><div class="pscore-posts">${p.story_count} post</div>`
                        : '<div class="pscore-num" style="color:#ddd">&mdash;</div><div class="pscore-label">Nessun post</div>')}
            </div>`;
        }).join('');
        document.getElementById('scores-section').style.display = 'block';
    }

    /* ── CLOSE MODALS ON OVERLAY CLICK ── */
    document.addEventListener('DOMContentLoaded', () => {
        document.getElementById('invite-modal')?.addEventListener('click', e => { if(e.target===document.getElementById('invite-modal')) closeInviteModal(); });
        document.getElementById('dna-modal')?.addEventListener('click', e => { if(e.target===document.getElementById('dna-modal')) closeDnaModal(); });
    });

    async function init() {
        try {
            // Auth
            let user = null;
            try { const { data } = await db.auth.getSession(); user = data?.session?.user || null; } catch(e) {}
            if (!user) {
                const t = localStorage.getItem('trsp_access_token');
                const r = localStorage.getItem('trsp_refresh_token');
                if (t && r) { try { const { data } = await db.auth.setSession({access_token:t,refresh_token:r}); user = data?.user||null; } catch(e) {} }
            }
            currentUser = user;

            // Team ID
            if (!currentTeamId && user) {
                const { data: f } = await db.from('teams').select('id').eq('founder_id', user.id).order('created_at',{ascending:false}).limit(1).single();
                if (f) currentTeamId = f.id;
                else { window.location.href = 'hub.html'; return; }
            }
            if (!currentTeamId) { window.location.href = 'hub.html'; return; }

            // Dati
            const { data: team, error: te } = await db.from('teams').select('*').eq('id', currentTeamId).single();
            if (te || !team) throw new Error(te?.message || 'Team non trovato');

            // Fondazione mai completata (bozza autosalvata o interrotta a metà):
            // niente dashboard vuota, si torna dritti a finire il design.
            if (['draft','founding'].includes(team.status)) {
                window.location.href = 'design.html?team=' + encodeURIComponent(currentTeamId);
                return;
            }

            // v-fix 07ago2026: passa il team a tell.html, che con ?team=ID salta
            // la schermata "Per quale team stai certificando?".
            var goTell = document.getElementById('btn-go-tell');
            if (goTell) goTell.href = 'tell.html?team=' + encodeURIComponent(currentTeamId);

            const { data: partnerRow } = user ? await db.from('partners').select('*').eq('team_id',currentTeamId).eq('user_id',user.id).single() : {data:null};
            currentPartner = partnerRow;

            const { data: items } = await db.from('dna_items').select('*').eq('team_id',currentTeamId).order('display_order');
            const { data: stories } = await db.from('stories').select('*').eq('team_id',currentTeamId).order('created_at',{ascending:false}).limit(3);

            await renderDashboard(team, items||[], stories||[]);
            await initVsmVote(team, items||[]);
            loadSocialKitPreview();
        } catch(err) {
            console.error('init error:', err);
            document.getElementById('dash-loading').innerHTML = '<div style="text-align:center;padding:40px;color:#e74c3c;">Errore: '+err.message+'<br><br><a href="hub.html">Torna all\'Hub</a></div>';
        }
    }

        async function renderDashboard(team, items, stories) {
        try {
        // Header
        document.getElementById('dash-team-name').innerText   = team.name;
        document.getElementById('dash-team-slogan').innerText = team.slogan || 'Do What You Say';
        const promiseEl = document.getElementById('promise-static');
        if (promiseEl) promiseEl.setAttribute('translate', team.promise ? 'no' : 'yes');
        if (promiseEl) promiseEl.innerText = team.promise || 'Nessuna promessa ancora. Clicca Modifica per aggiungerla.';
        const vpb = document.getElementById('view-page-btn');
        if (vpb) vpb.href = `public.html?team=${currentTeamId}`;
        window._teamContactInfo = team.contact_info || {};
        renderContactsPreview(window._teamContactInfo);
        document.title = `TRASPALITY - ${team.name}`;
        window._teamName = team.name;

        // Mostra ingranaggio impostazioni solo al founder
        window._isTeamFounder = !!(currentUser && team.founder_id === currentUser.id);
        if (window._isTeamFounder) {
            const sb = document.getElementById('team-settings-btn');
            if (sb) sb.style.display = 'inline-flex';
            const db2 = document.getElementById('dna-edit-btn');
            if (db2) db2.style.display = 'inline-flex';
        }

        // Banner soft-delete (solo founder)
        if (team.deleted_at && currentUser && team.founder_id === currentUser.id) {
            showDeletedBanner(team.deleted_at);
        }

        // Pesi VSM (default 33/33/34 se non configurati)
        const wVal = parseFloat(team.weight_values  || 0.333);
        const wSrv = parseFloat(team.weight_services || 0.333);
        const wRol = parseFloat(team.weight_roles    || 0.334);

        // Popola slider pesi se founder
        if (currentUser && team.founder_id === currentUser.id) {
            document.getElementById('vsm-weights-panel').style.display = 'block';
            document.getElementById('w-val').value = Math.round(wVal * 100);
            document.getElementById('w-srv').value = Math.round(wSrv * 100);
            document.getElementById('w-rol').value = Math.round(wRol * 100);
            document.getElementById('wp-val').innerText = Math.round(wVal * 100) + '%';
            document.getElementById('wp-srv').innerText = Math.round(wSrv * 100) + '%';
            document.getElementById('wp-rol').innerText = Math.round(wRol * 100) + '%';
        }
        // Aggiorna label barre con peso attuale
        document.getElementById('lbl-val').innerText = 'Valori ('   + Math.round(wVal*100) + '%)';
        document.getElementById('lbl-srv').innerText = 'Servizi ('  + Math.round(wSrv*100) + '%)';
        document.getElementById('lbl-rol').innerText = 'Mansioni (' + Math.round(wRol*100) + '%)';

        // DNA Score — attivo solo dopo la prima storia
        const hasStories = stories.length > 0;
        const score = hasStories ? team.dna_score : null;

        const scoreCircle = document.querySelector('.score-circle');
        if (!hasStories) {
            if (scoreCircle) scoreCircle.classList.add('dormant');
            document.getElementById('dna-score-val').innerText   = '—';
            document.getElementById('dna-score-label').innerText = 'In attesa della prima azione';
            const scoreMain = document.querySelector('.dna-score-main');
            if (scoreMain && !document.getElementById('score-dormant-msg')) {
                const msg = document.createElement('div');
                msg.id = 'score-dormant-msg';
                msg.className = 'score-dormant-msg';
                msg.innerHTML = 'Il DNA Score si attiva con la <strong>prima azione certificata</strong>.<br>I rating VSM sono il tuo 100% di riferimento.';
                scoreMain.appendChild(msg);
            }
        } else {
            if (scoreCircle) scoreCircle.classList.remove('dormant');
            document.getElementById('dna-score-val').innerText   = score ? score.toFixed(1) : '—';
            document.getElementById('dna-score-label').innerText = scoreLabel(score);
            const dormMsg = document.getElementById('score-dormant-msg');
            if (dormMsg) dormMsg.remove();
        }

        // Barre VSM — visibili solo con storie attive
        const values   = items.filter(i => i.item_type === 'value'   && i.active !== false);
        const services = items.filter(i => i.item_type === 'service' && i.active !== false);
        const roles    = items.filter(i => i.item_type === 'role'    && i.active !== false);

        if (hasStories) {
            const avg = arr => arr.length
                ? (arr.reduce((s,i) => s + (i.avg_rating || i.founder_rating || 0), 0) / arr.length)
                : 0;
            const vScore = avg(values);
            const sScore = avg(services);
            const rScore = avg(roles);
            // Ricalcola DNA score con pesi configurati
            const calcScore = vScore*wVal + sScore*wSrv + rScore*wRol;
            if (calcScore && !team.dna_score) {
                document.getElementById('dna-score-val').innerText   = calcScore.toFixed(1);
                document.getElementById('dna-score-label').innerText = scoreLabel(calcScore);
            }
            setTimeout(() => {
                document.getElementById('bar-val').style.width  = (vScore/10*100) + '%';
                document.getElementById('bar-srv').style.width  = (sScore/10*100) + '%';
                document.getElementById('bar-rol').style.width  = (rScore/10*100) + '%';
                document.getElementById('val-val').innerText    = vScore ? vScore.toFixed(1) : '—';
                document.getElementById('val-srv').innerText    = sScore ? sScore.toFixed(1) : '—';
                document.getElementById('val-rol').innerText    = rScore ? rScore.toFixed(1) : '—';
            }, 200);
        } else {
            setTimeout(() => {
                document.getElementById('bar-val').style.width = '0%';
                document.getElementById('bar-srv').style.width = '0%';
                document.getElementById('bar-rol').style.width = '0%';
                document.getElementById('val-val').innerText   = '—';
                document.getElementById('val-srv').innerText   = '—';
                document.getElementById('val-rol').innerText   = '—';
            }, 200);
        }

        // v24: box sea-soul 'Ultima azione' rimosso (doppione della lista azioni)

        // Ultime storie
        const storiesEl = document.getElementById('stories-list');
        if (stories.length) {
            const isFounder = currentUser && team.founder_id === currentUser.id;
            // Carica voti esistenti dell'utente
            var myVotesMap = {};
            var audMap = {};
            try {
                var storyIds = stories.map(function(s){return s.id});
                var { data: myVotes } = await db.from('story_votes').select('story_id,rating').eq('voter_id', currentUser.id).in('story_id', storyIds);
                (myVotes||[]).forEach(function(v){ myVotesMap[v.story_id] = v.rating; });

                // v34: recensioni del pubblico. Esistevano nel database ma non comparivano
                // in nessuna pagina: chi lasciava un feedback scriveva in un cassetto chiuso.
                var { data: audRows } = await db.from('audience_feedbacks')
                    .select('story_id, score')
                    .in('story_id', storyIds);
                (audRows||[]).forEach(function(r){
                    if (!audMap[r.story_id]) audMap[r.story_id] = { n: 0, somma: 0, conVoto: 0 };
                    audMap[r.story_id].n++;
                    if (r.score != null) {
                        audMap[r.story_id].somma += parseFloat(r.score);
                        audMap[r.story_id].conVoto++;
                    }
                });
            } catch(e) {}

            storiesEl.innerHTML = stories.map(s => {
                const isAuthor = currentUser && s.author_id === currentUser.id;
                const canDelete = isFounder || isAuthor;
                const canVote = !isAuthor && currentUser;
                const existingVote = myVotesMap[s.id];
                var shareUrl = encodeURIComponent('https://www.traspality.com/story.html?id=' + s.id);
                var shareTxt = encodeURIComponent((s.content||'').slice(0,180) + ' #traspality #DoWhatYouSay');
                return '<div style="border-left:3px solid #e8f4f8;padding:10px 14px;margin-bottom:12px;border-radius:0 8px 8px 0;position:relative">' +
                    '<div style="display:flex;justify-content:space-between;align-items:center">' +
                        '<div style="font-size:11px;color:#aaa">' + new Date(s.created_at).toLocaleDateString(window.TRSP_LOCALE || 'it-IT') + '</div>' +
                        '<div style="display:flex;gap:6px;align-items:center">' +
                            '<a href="https://www.linkedin.com/sharing/share-offsite/?url=' + shareUrl + '" target="_blank" rel="noopener" class="share-icon" title="LinkedIn">in</a>' +
                            '<a href="https://twitter.com/intent/tweet?text=' + shareTxt + '&url=' + shareUrl + '" target="_blank" rel="noopener" class="share-icon" title="X">X</a>' +
                            '<a href="https://www.facebook.com/sharer/sharer.php?u=' + shareUrl + '" target="_blank" rel="noopener" class="share-icon" title="Facebook">f</a>' +
                            (canDelete ? '<button data-sid="' + s.id + '" class="del-story-btn" style="background:none;border:none;color:#ddd;font-size:14px;cursor:pointer;padding:2px 6px;transition:color .2s" title="Elimina storia">&times;</button>' : '') +
                        '</div>' +
                    '</div>' +
                    '<div style="font-size:13px;font-weight:400;color:#444;margin-top:4px" translate="no">' + (s.content||'').slice(0,120) + ((s.content||'').length > 120 ? '\u2026' : '') + '</div>' +
                    (s.rating_status === 'uncertified'
                        ? '<div style="margin-top:8px;background:rgba(230,207,66,.14);border-radius:9px;padding:9px 11px;font-size:11px;color:#8a6d1f;line-height:1.55">' +
                            '<b>Da certificare.</b> Questa storia \u00e8 stata pubblicata senza punteggio: l\u2019analisi non aveva risposto. ' +
                            '<button class="recert-btn" data-sid="' + s.id + '" style="display:block;margin-top:7px;background:none;border:1px solid rgba(138,109,31,.35);color:#8a6d1f;font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:7px 14px;border-radius:8px;cursor:pointer">Completa la certificazione</button>' +
                          '</div>'
                        : '') +
                    (function(){
                        var a = audMap[s.id];
                        if (!a || !a.n) return '';
                        var media = a.conVoto ? (a.somma / a.conVoto) : null;
                        return '<a href="story.html?id=' + s.id + '" style="display:inline-flex;align-items:center;gap:6px;margin-top:8px;text-decoration:none">' +
                            '<span style="font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888">' +
                                (a.n === 1 ? '1 recensione' : a.n + ' recensioni') +
                            '</span>' +
                            (media != null ? '<span style="background:#00BFA5;color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:12px">' + media.toFixed(1) + '</span>' : '') +
                        '</a>';
                    })() +
                    (canVote ? '<div class="dash-vote-slot" data-storyid="' + s.id + '" data-current="' + (existingVote || '') + '"></div>' : '') +
                '</div>';
            }).join('');
            fillDashVoteSlots();
        }
        loadToVote();

        // Carica tag DNA per il form storytelling
        const { data: allPartners } = await db.from('partners').select('user_id').eq('team_id', currentTeamId).in('status', ['active','accepted','founding']);
        await loadProfileCompletion(team, items, allPartners||[], stories||[]);
        await loadPartnerScores(team.id, team);

        // Mostra
        document.getElementById('dash-loading').style.display = 'none';
        document.getElementById('dash-main').style.display    = 'block';

        // v40: link diretto al pannello DNA, es. dashboard.html?team=ID&dna=role
        try {
            var _dq = params.get('dna');
            if (_dq && ['value','service','role'].indexOf(_dq) > -1 && window._isTeamFounder) {
                setTimeout(function(){ openDnaModal(_dq); }, 250);
                var _u = new URL(window.location.href);
                _u.searchParams.delete('dna');
                history.replaceState(null, '', _u.toString());
            }
        } catch(eDq) {}
        } catch(err) {
            document.getElementById('dash-loading').innerHTML = '<div style="text-align:center;padding:40px;color:#e74c3c;">Errore: ' + err.message + '<br><a href="hub.html">Torna all\'Hub</a></div>';
        }
    }


    // ── v41: VOTO (vote.js) ──────────────────────────────
    function fillDashVoteSlots() {
        if (!window.TrspVote) return;
        document.querySelectorAll('.dash-vote-slot').forEach(function(slot) {
            var sid = slot.getAttribute('data-storyid');
            var cur = Number(slot.getAttribute('data-current')) || null;
            slot.innerHTML = '';
            if (cur) {
                var b = document.createElement('button');
                b.type = 'button';
                b.style.cssText = 'font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;color:#5a8a30;background:none;border:none;padding:8px 0 0;cursor:pointer';
                b.textContent = '\u2713 Hai votato ' + cur + ' \u00b7 cambia';
                b.onclick = function() {
                    slot.innerHTML = '';
                    slot.appendChild(TrspVote.widget(db, sid, { current: cur, compact: true, onVoted: function(r) { slot.setAttribute('data-current', r); } }));
                };
                slot.appendChild(b);
            } else {
                slot.innerHTML = '<div style="margin-top:8px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#e2574c">Da votare \u2191 nella card sopra</div>';
            }
        });
    }

    async function loadToVote() {
        var card = document.getElementById('tovote-card');
        if (!window.TrspVote || !currentTeamId || !card) return;
        var list = await TrspVote.toVote(db, currentTeamId, 100);
        var box = document.getElementById('tovote-list');
        var pill = document.getElementById('tovote-pill');
        function setPill(n) {
            pill.textContent = n === 1 ? '1 da votare' : n + ' da votare';
            card.style.display = n ? 'block' : 'none';
        }
        box.innerHTML = '';
        setPill(list.length);
        list.forEach(function(s) {
            var row = document.createElement('div');
            row.style.cssText = 'border-left:3px solid #f6c9c5;padding:10px 14px;margin-bottom:14px;border-radius:0 8px 8px 0';
            row.innerHTML = '<div style="font-size:11px;color:#aaa"></div>' +
                '<a style="display:block;font-size:13px;font-weight:400;color:#444;margin-top:4px;text-decoration:none;line-height:1.6" translate="no"></a>';
            row.firstChild.textContent = new Date(s.created_at).toLocaleDateString(window.TRSP_LOCALE || 'it-IT', { day: 'numeric', month: 'long', year: 'numeric' });
            var a = row.querySelector('a');
            a.href = 'story.html?id=' + s.id;
            a.textContent = s.content || '';
            row.appendChild(TrspVote.widget(db, s.id, { onVoted: function(r) {
                var slot = document.querySelector('.dash-vote-slot[data-storyid="' + s.id + '"]');
                if (slot) { slot.setAttribute('data-current', r); fillDashVoteSlots(); }
                setTimeout(function() {
                    row.remove();
                    setPill(box.children.length);
                }, 900);
            } }));
            box.appendChild(row);
        });
    }

    async function submitVote(btn) {
        var storyId = btn.dataset.storyid;
        var slider = btn.parentElement.querySelector('.vote-slider');
        var rating = parseFloat(slider.value);
        btn.innerText = '...';
        try {
            var { error } = await db.from('story_votes').upsert({
                story_id: storyId,
                voter_id: currentUser.id,
                rating: rating
            }, { onConflict: 'story_id,voter_id' });
            if (error) throw error;
            btn.innerText = '\u2713 Votato';
            btn.classList.add('voted');
            var labelEl = btn.parentElement.querySelector('.story-vote-label');
            if (labelEl) labelEl.innerText = '\u2713 Votato';
            // v37: final_rating e rating_status li ricalcola il database (trigger su story_votes)
        } catch(e) {
            console.error('vote error:', e);
            btn.innerText = 'Errore';
            setTimeout(function(){ btn.innerText = 'Vota'; }, 2000);
        }
    }

    // ── CANCELLA STORIA ──────────────────────────────────
    document.addEventListener('click', function(e) {
        const btn = e.target.closest('.del-story-btn');
        if (btn) deleteStory(btn.dataset.sid);
    });

    // ── RECUPERO STORIE NON CERTIFICATE ──────────────────
    // v34: 22 storie erano state pubblicate senza algo_rating perche' analyze-story
    // non aveva risposto. Restavano cosi' per sempre: nessun percorso le riprendeva.
    document.addEventListener('click', function(e) {
        const btn = e.target.closest('.recert-btn');
        if (btn) recertifyStory(btn);
    });

    async function recertifyStory(btn) {
        var storyId = btn.dataset.sid;
        if (!storyId || btn.disabled) return;
        var testo = btn.textContent;
        btn.disabled = true;
        btn.textContent = 'Certifico\u2026';

        try {
            var { data: st, error: stErr } = await db.from('stories')
                .select('content, item_tags, team_id')
                .eq('id', storyId).single();
            if (stErr || !st) throw stErr || new Error('storia non trovata');

            // I nomi degli item servono all'analisi: i tag sono id
            var nomi = { v: [], s: [], m: [] };
            var tagIds = Array.isArray(st.item_tags) ? st.item_tags : [];
            if (tagIds.length) {
                var { data: items } = await db.from('dna_items')
                    .select('id, name, item_type').in('id', tagIds);
                (items || []).forEach(function(i){
                    if (i.item_type === 'value')        nomi.v.push(i.name);
                    else if (i.item_type === 'service') nomi.s.push(i.name);
                    else if (i.item_type === 'role')    nomi.m.push(i.name);
                });
            }

            var inv = await Promise.race([
                db.functions.invoke('analyze-story', {
                    body: {
                        teamName: window._teamName || '',
                        storyText: st.content || '',
                        valuesNames: nomi.v,
                        servicesNames: nomi.s,
                        rolesNames: nomi.m
                    }
                }),
                new Promise(function(_, rej){ setTimeout(function(){ rej(new Error('timeout')); }, 25000); })
            ]);
            if (inv.error) throw inv.error;
            var parsed = inv.data;
            if (!parsed || parsed.error) throw new Error((parsed && parsed.error) || 'nessuna risposta');

            var voto = parsed.ratingAlgo;
            if (voto == null) throw new Error('punteggio assente');

            var upd = await db.from('stories')
                .update({ algo_rating: voto, rating_status: 'pending' })
                .eq('id', storyId).select('id');
            if (upd.error) throw upd.error;
            if (!upd.data || !upd.data.length) throw new Error('salvataggio non riuscito');

            // Ricalcola il punteggio complessivo tenendo conto anche del pubblico
            try { await db.rpc('calculate_weighted_rating', { p_story_id: storyId }); } catch(re) {}

            var box = btn.parentNode;
            if (box) {
                box.style.background = 'rgba(0,191,165,.12)';
                box.style.color = '#00806e';
                box.innerHTML = '<b>Certificata.</b> Punteggio assegnato: ' + Number(voto).toFixed(1) + '.';
            }
        } catch (err) {
            console.warn('recertify:', err);
            btn.disabled = false;
            btn.textContent = testo;
            alert(_tr('Non è riuscita:') + ' ' + _tr((err && err.message) || 'riprova fra poco') + '\n\n' + _tr('La storia resta da certificare, non hai perso nulla.'));
        }
    }

    async function deleteStory(storyId) {
        if (!confirm('Eliminare questa storia? L\'azione non è reversibile.')) return;
        try {
            const { error } = await db.from('stories').delete().eq('id', storyId);
            if (error) throw error;
            // Rimuovi dal DOM
            const btn = document.querySelector('[data-sid="' + storyId + '"]');
            if (btn) {
                const card = btn.closest('[style*="border-left"]');
                if (card) { card.style.opacity = '0'; card.style.transition = 'opacity .3s'; setTimeout(function(){ card.remove(); }, 300); }
            }
        } catch(e) {
            console.error('delete story error:', e);
            alert('Errore nella cancellazione: ' + (e.message || 'riprova'));
        }
    }

    // v-fix 07ago2026: rimosso il composer duplicato (publishStory, upload foto, tag VSM,
    // dettatura). Creava storie senza algo_rating/final_rating/rating_status e sempre
    // publish_to='internal': restavano fuori dal ciclo di certificazione. Motore unico: tell.html


    /* ══════════════════════════════════════════════════════════════════
       v39 — VOTO DEI VSM (dna_items) DA PARTE DEL PARTNER/FONDATORE
       Prima esisteva solo in join.html, cioe' una volta sola all'ingresso:
       il contatore "N VSM da votare" dell'hub non aveva nessuna pagina
       dove atterrare. Qui si vota e si cambia voto quando si vuole.
       Scrive su partner_ratings (unique partner_id+item_id, rating 1..10);
       il trigger refresh_avg_after_rating ricalcola avg_rating dell'item.
       ══════════════════════════════════════════════════════════════════ */
    var _vsmItems = [];        // items attivi del team
    var _vsmMine = {};         // item_id -> voto gia' dato
    var _vsmTouched = {};      // item_id -> voto toccato in questa sessione
    var _vsmShowVoted = false;

    var VSM_GROUPS = [
        { type: 'value',   label: 'Valori',   color: '#8FC55B' },
        { type: 'service', label: 'Servizi',  color: '#E8C547' },
        { type: 'role',    label: 'Mansioni', color: '#B54D8D' }
    ];

    async function initVsmVote(team, items) {
        var card = document.getElementById('vsm-vote-card');
        if (!card) return;
        // Il voto condiviso esiste solo a governance aperta, e solo per chi
        // e' davvero nel team (serve la riga partners: partner_ratings la richiede).
        if (!team || team.dna_governance !== 'open' || !currentPartner || !currentPartner.id) return;

        _vsmItems = (items || []).filter(function(i) { return i.active !== false; });
        if (!_vsmItems.length) return;

        try {
            var res = await db.from('partner_ratings')
                .select('item_id, rating')
                .eq('partner_id', currentPartner.id)
                .in('item_id', _vsmItems.map(function(i) { return i.id; }));
            if (res.error) { console.warn('vsm: lettura voti', res.error.message); }
            _vsmMine = {};
            (res.data || []).forEach(function(r) { _vsmMine[r.item_id] = r.rating; });
        } catch (e) { console.warn('vsm: lettura voti fallita', e); _vsmMine = {}; }

        card.style.display = 'block';
        var pending = _vsmItems.filter(function(i) { return _vsmMine[i.id] == null; }).length;
        _vsmShowVoted = (pending === 0);
        renderVsmVote();

        // Atterraggio dall'hub: dashboard.html?team=ID#vota-dna
        if (window.location.hash === '#vota-dna') {
            setTimeout(function() {
                card.scrollIntoView({ behavior: 'smooth', block: 'start' });
                card.style.transition = 'box-shadow .4s';
                card.style.boxShadow = '0 0 0 2px #8FC55B, 0 10px 30px rgba(0,0,0,0.05)';
                setTimeout(function() { card.style.boxShadow = ''; }, 2600);
            }, 400);
        }
    }

    function vsmValueOf(item) {
        if (_vsmTouched[item.id] != null) return _vsmTouched[item.id];
        if (_vsmMine[item.id] != null) return _vsmMine[item.id];
        return Math.round(parseFloat(item.founder_rating) || 5);
    }

    function renderVsmVote() {
        var pending = _vsmItems.filter(function(i) { return _vsmMine[i.id] == null; });
        var pill = document.getElementById('vsm-vote-pill');
        if (pending.length) {
            pill.textContent = pending.length + ' da votare';
            pill.style.background = '#fff0f0'; pill.style.color = '#e2574c';
        } else {
            pill.textContent = 'tutti votati';
            pill.style.background = 'rgba(143,197,91,.15)'; pill.style.color = '#3a7a1e';
        }

        var visible = _vsmShowVoted ? _vsmItems : pending;
        document.getElementById('vsm-vote-empty').style.display = visible.length ? 'none' : 'block';
        document.getElementById('vsm-vote-toggle').textContent = _vsmShowVoted
            ? 'Mostra solo quelli da votare'
            : 'Mostra anche i già votati';
        document.getElementById('vsm-vote-toggle').style.display = pending.length ? 'inline-block' : 'none';

        var html = '';
        VSM_GROUPS.forEach(function(g) {
            var list = visible.filter(function(i) { return i.item_type === g.type; });
            if (!list.length) return;
            html += '<div style="margin-bottom:22px">' +
                '<div style="font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:' + g.color + ';margin-bottom:12px">' + g.label + '</div>';
            list.forEach(function(item) {
                var val = vsmValueOf(item);
                var votedMark = (_vsmMine[item.id] != null)
                    ? '<span style="font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#3a7a1e;background:rgba(143,197,91,.15);padding:2px 7px;border-radius:10px;margin-left:8px">votato</span>'
                    : '';
                html += '<div style="margin-bottom:16px">' +
                    '<div style="display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:4px">' +
                        '<div>' +
                            '<span style="font-size:13px;font-weight:600;color:#175F75" translate="no">' + esc(item.name) + '</span>' + votedMark +
                            (item.description ? '<div style="font-size:11px;font-weight:300;color:#999;margin-top:2px" translate="no">' + esc(item.description) + '</div>' : '') +
                        '</div>' +
                        '<div style="font-size:20px;font-weight:200;color:#333;min-width:26px;text-align:right" id="vsmv-' + item.id + '">' + val + '</div>' +
                    '</div>' +
                    '<input type="range" min="1" max="10" step="1" value="' + val + '" ' +
                        'style="width:100%;accent-color:' + g.color + ';cursor:pointer" ' +
                        'oninput="setVsmVote(\'' + item.id + '\', this.value)">' +
                '</div>';
            });
            html += '</div>';
        });
        document.getElementById('vsm-vote-body').innerHTML = html;
    }

    function setVsmVote(itemId, val) {
        _vsmTouched[itemId] = parseInt(val, 10);
        var out = document.getElementById('vsmv-' + itemId);
        if (out) out.innerText = val;
        var btn = document.getElementById('vsm-vote-save');
        btn.disabled = false; btn.style.opacity = '1';
        var msg = document.getElementById('vsm-vote-msg');
        if (msg) msg.style.display = 'none';
    }

    function toggleVsmVoted() { _vsmShowVoted = !_vsmShowVoted; renderVsmVote(); }

    async function saveVsmVotes() {
        var btn = document.getElementById('vsm-vote-save');
        var msg = document.getElementById('vsm-vote-msg');
        var ids = Object.keys(_vsmTouched);
        if (!ids.length || !currentPartner || !currentPartner.id) return;

        btn.disabled = true; btn.textContent = 'Salvo…';
        var rows = ids.map(function(id) {
            return { partner_id: currentPartner.id, item_id: id, rating: _vsmTouched[id] };
        });
        try {
            // .select() obbligatorio: senza, un rifiuto RLS passerebbe in silenzio
            // e il voto sembrerebbe salvato (ghost save).
            var res = await db.from('partner_ratings')
                .upsert(rows, { onConflict: 'partner_id,item_id' })
                .select('item_id, rating');
            if (res.error) throw new Error(res.error.message);
            if (!res.data || !res.data.length) throw new Error('nessuna riga scritta — controlla i permessi');

            res.data.forEach(function(r) { _vsmMine[r.item_id] = r.rating; });
            _vsmTouched = {};
            btn.textContent = 'Salva i voti'; btn.style.opacity = '.45';
            msg.style.display = 'inline'; msg.style.color = '#3a7a1e';
            msg.textContent = '✓ ' + res.data.length + (res.data.length > 1 ? ' voti salvati' : ' voto salvato');
            renderVsmVote();
        } catch (e) {
            btn.disabled = false; btn.textContent = 'Salva i voti'; btn.style.opacity = '1';
            msg.style.display = 'inline'; msg.style.color = '#e2574c';
            msg.textContent = '✗ non salvato: ' + e.message;
            console.error('vsm save:', e);
        }
    }

    function showToast(msg, ms) {
        var t = document.getElementById('toast');
        if (!t) return;
        t.textContent = msg;
        t.classList.add('show');
        setTimeout(function(){ t.classList.remove('show'); }, ms || 3000);
    }

    init();
    </script>

    <script>
    // ── GESTIONE ACCESSI — Eletti Free + Voucher ─────────────────
    // Dipende da: db, currentTeamId, currentUser (definiti nel main script)

    var _accessPlan   = 'free';
    var _isFounder    = false;
    var _partners     = [];   // tutti i partner del team
    var _elected      = [];   // partner già eletti
    var _vouchers     = [];   // voucher del founder

    var ELECTED_SLOTS = { free: 0, pro: 2, plus: 5, corp: 10 };

    async function initAccessCard() {
        try {
            if (!currentTeamId || !currentUser) return;

            // Controlla se è founder
            var teamRes = await db.from('teams').select('founder_id').eq('id', currentTeamId).single();
            if (!teamRes.data || teamRes.data.founder_id !== currentUser.id) return;
            _isFounder = true;

            // Legge il piano
            var profRes = await db.from('profiles').select('plan').eq('id', currentUser.id).single();
            _accessPlan = (profRes.data && profRes.data.plan) ? profRes.data.plan : 'free';
            if (_accessPlan === 'free') return; // Free non gestisce accessi

            // Mostra card
            var card = document.getElementById('access-card');
            if (card) card.style.display = 'block';

            // Badge piano
            var badge = document.getElementById('access-plan-badge');
            var badgeLabels = { pro: 'Pro', plus: 'Pro Plus', corp: 'Corporate' };
            if (badge) badge.textContent = badgeLabels[_accessPlan] || _accessPlan;

            // v25: toggle Lenti pubbliche (teams.lens_public) — founder, piani a pagamento
            try {
                var lpRes = await db.from('teams').select('lens_public').eq('id', currentTeamId).single();
                var lensPub = !!(lpRes.data && lpRes.data.lens_public);
                var accCard = document.getElementById('access-card');
                if (accCard && !document.getElementById('lens-toggle-row')) {
                    var lrow = document.createElement('div');
                    lrow.id = 'lens-toggle-row';
                    lrow.style.cssText = 'display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #eee';
                    lrow.innerHTML = '<div><div style="font-size:11px;font-weight:700;color:#333">Lenti di valutazione</div>' +
                        '<div style="font-size:10px;color:#999;margin-top:2px">Mostra i rating-lente (BCorp/EFQM/ESG/OKR) delle storie anche ai visitatori</div></div>' +
                        '<button id="lens-toggle-btn" style="font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:8px 14px;border-radius:10px;cursor:pointer;white-space:nowrap"></button>';
                    accCard.appendChild(lrow);
                    var lbtn = document.getElementById('lens-toggle-btn');
                    var paintLensBtn = function(v) {
                        lbtn.innerText = v ? 'Pubbliche' : 'Private';
                        lbtn.style.border = '1px solid ' + (v ? '#8FC55B' : '#ddd');
                        lbtn.style.background = v ? '#8FC55B' : '#fff';
                        lbtn.style.color = v ? '#1a1a1a' : '#888';
                        lbtn.dataset.on = v ? '1' : '0';
                    };
                    paintLensBtn(lensPub);
                    lbtn.onclick = async function() {
                        var next = lbtn.dataset.on !== '1';
                        var up = await db.from('teams').update({ lens_public: next }).eq('id', currentTeamId).select('lens_public');
                        if (up.error || !up.data || !up.data.length) { alert('Salvataggio non riuscito: ' + (up.error ? up.error.message : 'riprova')); return; }
                        paintLensBtn(!!up.data[0].lens_public);
                    };
                }
            } catch(eLens) { console.warn('lens toggle:', eLens); }

            // Carica partner
            var pRes = await db.from('partners')
                .select('id, user_id, is_elected, status, profiles(id, full_name, plan)')
                .eq('team_id', currentTeamId)
                .in('status', ['active', 'accepted', 'founding']);

            _partners = (pRes.data || []).filter(function(p) { return p.user_id !== currentUser.id; });
            _elected  = _partners.filter(function(p) { return p.is_elected; });

            renderElected();

            // Voucher — solo Pro Plus e Corporate
            if (_accessPlan === 'plus' || _accessPlan === 'corp') {
                document.getElementById('voucher-section').style.display = 'block';
                await loadVouchers();
            }

        } catch(e) { console.error('initAccessCard:', e); }
    }

    function renderElected() {
        var slots    = ELECTED_SLOTS[_accessPlan] || 0;
        var used     = _elected.length;
        var label    = document.getElementById('elected-slots-label');
        var list     = document.getElementById('elected-list');
        var addWrap  = document.getElementById('elected-add-wrap');
        var sel      = document.getElementById('elected-select');

        if (label) label.textContent = used + ' / ' + slots + ' usati';

        // Render righe eletti
        if (list) {
            if (!_elected.length) {
                list.innerHTML = '<div style="font-size:12px;color:#bbb;font-weight:300;padding:6px 0">Nessun partner Free eletto ancora.</div>';
            } else {
                list.innerHTML = _elected.map(function(p) {
                    var prof  = p.profiles || {};
                    var name  = prof.full_name || prof.email || 'Partner';
                    var email = prof.email || '';
                    return '<div class="elected-row">' +
                        '<div translate="no">' +
                            '<div class="elected-row-name">' + name + '</div>' +
                            '<div class="elected-row-email">' + email + '</div>' +
                        '</div>' +
                        '<div style="display:flex;align-items:center;gap:8px">' +
                            '<span class="elected-row-badge">Eletto</span>' +
                            '<button class="elected-row-btn" data-pid="' + p.id + '" onclick="revokeElected(this.dataset.pid)">Revoca</button>' +
                        '</div>' +
                    '</div>';
                }).join('');
            }
        }

        // Mostra select per eleggere se ci sono slot liberi
        var freePartners = _partners.filter(function(p) {
            var plan = p.profiles && p.profiles.plan ? p.profiles.plan : 'free';
            return plan === 'free' && !p.is_elected;
        });

        if (addWrap) addWrap.style.display = (used < slots && freePartners.length) ? 'block' : 'none';

        if (sel) {
            sel.innerHTML = '<option value="">— Scegli un partner Free —</option>';
            freePartners.forEach(function(p) {
                var prof = p.profiles || {};
                var opt  = document.createElement('option');
                opt.value = p.id;
                opt.setAttribute('translate', 'no');
                opt.textContent = (prof.full_name || prof.email || 'Partner') + (prof.email ? ' (' + prof.email + ')' : '');
                sel.appendChild(opt);
            });
        }
    }

    async function electPartner() {
        var sel = document.getElementById('elected-select');
        var pid = sel ? sel.value : '';
        if (!pid) return;

        var slots = ELECTED_SLOTS[_accessPlan] || 0;
        if (_elected.length >= slots) {
            alert('Hai gi\u00e0 raggiunto il limite di partner eletti per il tuo piano.');
            return;
        }

        try {
            const { data: upd } = await db.from('partners').update({ is_elected: true }).eq('id', pid).select('id');
            if (!upd || !upd.length) { alert('Elezione non riuscita (0 righe) — verifica i permessi.'); return; }
            var p = _partners.find(function(x) { return x.id === pid; });
            if (p) { p.is_elected = true; _elected = _partners.filter(function(x) { return x.is_elected; }); }
            renderElected();
        } catch(e) { alert('Errore: ' + e.message); }
    }

    async function revokeElected(pid) {
        if (!confirm('Revocare l\u2019elezione di questo partner?')) return;
        try {
            const { data: upd } = await db.from('partners').update({ is_elected: false }).eq('id', pid).select('id');
            if (!upd || !upd.length) { alert('Revoca non riuscita (0 righe) — verifica i permessi.'); return; }
            var p = _partners.find(function(x) { return x.id === pid; });
            if (p) { p.is_elected = false; _elected = _partners.filter(function(x) { return x.is_elected; }); }
            renderElected();
        } catch(e) { alert('Errore: ' + e.message); }
    }

    async function loadVouchers() {
        try {
            var res = await db.from('vouchers')
                .select('*')
                .eq('created_by', currentUser.id)
                .order('created_at', { ascending: false });

            _vouchers = res.data || [];

            var countLabel = document.getElementById('voucher-count-label');
            var available  = _vouchers.filter(function(v) { return !v.assigned_to && !v.redeemed_at && new Date(v.expires_at) > new Date(); });
            if (countLabel) countLabel.textContent = available.length + ' disponibili';

            renderVouchers(available);

        } catch(e) { console.error('loadVouchers:', e); }
    }

    function renderVouchers(available) {
        var list     = document.getElementById('voucher-list');
        var addWrap  = document.getElementById('voucher-assign-wrap');

        if (list) {
            if (!_vouchers.length) {
                list.innerHTML = '<div style="font-size:12px;color:#bbb;font-weight:300;padding:6px 0">Nessun voucher ancora. Maturi 1 voucher ogni 3 partner attivi nei tuoi team.</div>';
            } else {
                list.innerHTML = _vouchers.slice(0, 5).map(function(v) {
                    var now       = new Date();
                    var expired   = new Date(v.expires_at) < now;
                    var redeemed  = !!v.redeemed_at;
                    var assigned  = !!v.assigned_to && !redeemed;
                    var status    = redeemed ? 'vs-redeemed' : expired ? 'vs-expired' : assigned ? 'vs-assigned' : 'vs-available';
                    var statusTxt = redeemed ? 'Riscattato' : expired ? 'Scaduto' : assigned ? 'Assegnato' : 'Disponibile';
                    var exp       = new Date(v.expires_at).toLocaleDateString(window.TRSP_LOCALE || 'it-IT');
                    return '<div class="voucher-row">' +
                        '<div class="voucher-row-code" translate="no">' + v.code + '</div>' +
                        '<div class="voucher-row-meta">3 mesi Pro &middot; scade ' + exp + ' &middot; ceduto ' + v.transfer_count + '/' + v.max_transfers + ' volte</div>' +
                        '<span class="voucher-row-status ' + status + '">' + statusTxt + '</span>' +
                    '</div>';
                }).join('');
            }
        }

        if (addWrap) addWrap.style.display = available.length ? 'block' : 'none';
    }

    async function assignVoucher() {
        var input = document.getElementById('voucher-email-input');
        var email = input ? input.value.trim() : '';
        var msg   = document.getElementById('voucher-assign-msg');

        if (!email) { if (input) input.focus(); return; }

        var available = _vouchers.find(function(v) {
            return !v.assigned_to && !v.redeemed_at && new Date(v.expires_at) > new Date();
        });
        if (!available) { alert('Nessun voucher disponibile.'); return; }

        // Trova userId dal email
        try {
            var uRes = await db.from('profiles').select('id, plan').eq('email', email).single();
            if (!uRes.data) {
                if (msg) { msg.style.display = 'block'; msg.style.color = '#cc4444'; msg.textContent = 'Utente non trovato. Deve essere registrato su Traspality.'; }
                return;
            }
            if (uRes.data.plan && uRes.data.plan !== 'free') {
                if (msg) { msg.style.display = 'block'; msg.style.color = '#cc4444'; msg.textContent = 'Il voucher \u00e8 riservato a chi non ha mai avuto un piano a pagamento.'; }
                return;
            }

            const { data: updVoucher } = await db.from('vouchers').update({ assigned_to: uRes.data.id }).eq('id', available.id).select('id');
            if (!updVoucher || !updVoucher.length) {
                if (msg) { msg.style.display = 'block'; msg.style.color = '#cc4444'; msg.textContent = 'Assegnazione non riuscita (0 righe) — verifica i permessi.'; }
                return;
            }

            if (msg) { msg.style.display = 'block'; msg.style.color = '#5a8a30'; msg.textContent = 'Voucher assegnato a ' + email + '. Ricever\u00e0 le istruzioni via email.'; }
            if (input) input.value = '';
            await loadVouchers();

        } catch(e) {
            if (msg) { msg.style.display = 'block'; msg.style.color = '#cc4444'; msg.textContent = 'Errore: ' + e.message; }
        }
    }

    // Avvio — aspetta che init() abbia impostato currentTeamId
    document.addEventListener('DOMContentLoaded', function() {
        setTimeout(initAccessCard, 1200);
    });
    </script>

    <script>
    // ── NAVBAR — client unico, no secondo createClient ──
    async function initNavbar() {
        try {
            const name = localStorage.getItem('trsp_user_name') || '';
            if (!name) return;
            const navbar = document.getElementById('trsp-navbar');
            if (navbar) navbar.classList.add('visible');
            const inits = name.split(' ').map(w=>w[0]).join('').toUpperCase().slice(0,2);
            const avatarEl = document.getElementById('navbar-avatar');
            if (avatarEl) avatarEl.innerText = inits;
            const page = window.location.pathname.split('/').pop().replace('.html','');
            document.querySelectorAll('.navbar-link').forEach(l => {
                if (l.dataset.page === page) l.classList.add('active');
            });
        } catch(e) { console.log('navbar:', e); }
    }
    async function navSignOut() {
        await db.auth.signOut();
        localStorage.removeItem('trsp_access_token');
        localStorage.removeItem('trsp_refresh_token');
        localStorage.removeItem('trsp_user_id');
        localStorage.removeItem('trsp_user_email');
        localStorage.removeItem('trsp_user_name');
        window.location.href = 'index.html';
    }
    initNavbar();
    

// v24: generateTeamReport e showAgentsIfCorp rimosse insieme alla sezione agent reports
</script>
<!-- FASCIA OFFERTA DI LANCIO — si costruisce da sola, nessun markup da aggiungere -->
<script>
(function(){
  function avvia(){
    var db = window.db; if(!db || !db.rpc) return;
    db.rpc('my_trial_status').then(function(r){
      if(r.error || !r.data) return;
      var s = r.data;
      if(s.stato !== 'prova' && s.stato !== 'gratuito') return;

      var scadenza = s.scade_il ? new Date(s.scade_il).toLocaleDateString(window.TRSP_LOCALE || 'it-IT',
                        {day:'numeric', month:'long', year:'numeric'}) : '';
      var urgente = (s.stato === 'prova' && s.in_scadenza) || s.stato === 'gratuito';

      var testo;
      if (s.stato === 'gratuito') {
        testo = '<b>Sei sul piano Free.</b> Analytics e punteggio pubblico sono disattivi.';
      } else if (s.in_scadenza) {
        testo = '<b>' + s.etichetta + ': mancano ' + s.giorni + ' giorni.</b> '
              + 'Fino al ' + scadenza + ' hai il Pro incluso, poi si torna al Free.';
      } else {
        testo = '<b>' + s.etichetta + ': hai il Pro gratis fino al ' + scadenza + '.</b> '
              + '<span class="trsp-off-gg">' + s.giorni + ' giorni</span> \u2014 analytics, '
              + 'punteggio pubblico e certificazione completa, inclusi.';
      }

      var css = document.createElement('style');
      css.textContent =
        '.trsp-offerta{font-family:Montserrat,sans-serif;font-size:12.5px;line-height:1.5;'
        + 'padding:11px 18px;display:flex;gap:14px;align-items:center;justify-content:center;'
        + 'flex-wrap:wrap;text-align:center;border-bottom:1px solid rgba(0,0,0,.06)}'
        + '.trsp-offerta.ok{background:#EAF4F8;color:#175F75}'
        + '.trsp-offerta.att{background:#FFF6DB;color:#7A5C00}'
        + '.trsp-offerta b{font-weight:700}'
        + '.trsp-off-gg{background:rgba(255,255,255,.75);padding:2px 8px;border-radius:20px;font-weight:700;white-space:nowrap}'
        + '.trsp-offerta a{background:#175F75;color:#fff;text-decoration:none;padding:7px 15px;'
        + 'border-radius:8px;font-weight:700;font-size:11.5px;white-space:nowrap}'
        + '.trsp-offerta .chiudi{background:none;border:none;color:inherit;font-size:17px;'
        + 'cursor:pointer;opacity:.45;padding:0 2px;line-height:1}'
        + '@media(max-width:600px){.trsp-offerta{font-size:11.5px;padding:10px 12px;gap:9px}}';
      document.head.appendChild(css);

      var bar = document.createElement('div');
      bar.className = 'trsp-offerta ' + (urgente ? 'att' : 'ok');
      bar.innerHTML = '<span>' + testo + '</span>'
        + '<a href="pricing.html">Vedi i piani</a>'
        + '<button class="chiudi" aria-label="Chiudi">&times;</button>';
      bar.querySelector('.chiudi').addEventListener('click', function(){ bar.remove(); });
      document.body.insertBefore(bar, document.body.firstChild);
    }).catch(function(){});
  }
  // window.db viene creato dagli script di pagina: aspettiamo che ci sia.
  var tentativi = 0;
  var t = setInterval(function(){
    if (window.db && window.db.rpc) { clearInterval(t); avvia(); }
    else if (++tentativi > 40) { clearInterval(t); }
  }, 150);
})();
</script>

<!-- v31 29lug2026 — Moduli attivi + Amministratori. Autonomo: dipende solo da window.db, currentTeamId, currentUser -->
<script>
(function(){
    'use strict';

    var MODS = { list: [], canManage: false };

    function el(id){ return document.getElementById(id); }
    function tr(s){ return window.t ? window.t(s) : s; }
    function escH(s){
        return String(s == null ? '' : s).replace(/[&<>"']/g, function(c){
            return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c];
        });
    }
    function softColor(hex){
        try{
            var h = String(hex || '').replace('#','');
            if (h.length === 3) h = h.split('').map(function(c){ return c+c; }).join('');
            var r = parseInt(h.slice(0,2),16), g = parseInt(h.slice(2,4),16), b = parseInt(h.slice(4,6),16);
            if (isNaN(r) || isNaN(g) || isNaN(b)) return '#eef4f5';
            return 'rgba('+r+','+g+','+b+',0.16)';
        }catch(e){ return '#eef4f5'; }
    }
    function showMsg(id, text, kind){
        var m = el(id); if(!m) return;
        m.style.display = 'block';
        m.style.color = kind === 'err' ? '#c0392b' : (kind === 'ok' ? '#2e7d32' : '#999');
        m.innerHTML = text;
    }
    function hideMsg(id){ var m = el(id); if(m){ m.style.display='none'; m.innerHTML=''; } }

    // ── MODULI ATTIVI ────────────────────────────────────────────
    function renderModules(){
        var box = el('modules-list'); if(!box) return;
        var list = MODS.list || [];

        if (!list.length){
            box.innerHTML =
                '<div style="font-size:13px;color:#888;font-weight:300;line-height:1.6">' +
                'Nessun modulo attivo.<br>I moduli aggiungono al DNA del team criteri di certificazione tematici, ' +
                'con un punteggio separato che non tocca il DNA Score di base.' +
                '</div>';
            return;
        }

        box.innerHTML = list.map(function(m){
            var slug = escH(m.slug);
            var dot  = '<span style="width:10px;height:10px;border-radius:3px;flex:none;display:inline-block;background:' +
                       escH(m.icon_color || '#8FC55B') + '"></span>';
            var items = (m.items_count || 0) + (m.items_count === 1 ? ' criterio nel DNA' : ' criteri nel DNA');
            var btn = MODS.canManage
                ? '<button type="button" class="mod-off" data-slug="' + slug + '" data-name="' + escH(m.name) + '" data-items="' + (m.items_count||0) + '" ' +
                  'style="font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;' +
                  'padding:7px 12px;border-radius:9px;border:1px solid #ddd;background:#fff;color:#999;cursor:pointer;white-space:nowrap">Disattiva</button>'
                : '';
            return '<div style="display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f2f2f2">' +
                     '<div style="width:34px;height:34px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;' +
                     'background:' + softColor(m.icon_color) + '">' + dot + '</div>' +
                     '<div style="flex:1;min-width:0">' +
                       '<a href="/modulo.html?slug=' + encodeURIComponent(m.slug) + '" ' +
                       'style="font-size:13px;font-weight:600;color:#333;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" translate="no">' +
                       escH(m.name) + '</a>' +
                       '<div style="font-size:10px;color:#aaa;margin-top:2px">' + items + '</div>' +
                     '</div>' + btn +
                   '</div>';
        }).join('');

        Array.prototype.forEach.call(box.querySelectorAll('.mod-off'), function(b){
            b.addEventListener('click', function(){ deactivate(b); });
        });
    }

    async function deactivate(btn){
        var slug  = btn.getAttribute('data-slug');
        var name  = btn.getAttribute('data-name') || 'questo modulo';
        var items = parseInt(btn.getAttribute('data-items') || '0', 10);

        var testo = tr('Disattivare') + ' ' + name + '?\n\n' +
            (items ? tr('I suoi ' + items + ' criteri usciranno dal DNA del team e il punteggio del modulo si azzera.') + '\n\n' : '') +
            tr('Puoi riattivarlo quando vuoi: nulla va perso, lo storico resta.');
        if (!window.confirm(testo)) return;

        btn.disabled = true; btn.textContent = 'Attendi…';
        hideMsg('modules-msg');
        try{
            var res = await window.db.functions.invoke('activate-module', {
                body: { action: 'deactivate', team_id: currentTeamId, module_slug: slug }
            });
            var out = res.data;
            if (res.error && !out){
                var body = null;
                try { if (res.error.context && res.error.context.json) body = await res.error.context.json(); } catch(e){}
                throw new Error((body && body.error) || res.error.message || 'errore');
            }
            if (out && out.ok === false) throw new Error(out.error || 'errore');

            showMsg('modules-msg', escH(name) + ' disattivato. Puoi riattivarlo dal marketplace.', 'ok');
            await loadModules();
        }catch(e){
            btn.disabled = false; btn.textContent = 'Disattiva';
            var msg = String(e && e.message ? e.message : e);
            if (msg === 'not_authorized') msg = tr('Non hai i permessi per gestire i moduli di questo team.');
            showMsg('modules-msg', 'Non riuscito: ' + escH(msg), 'err');
        }
    }

    async function loadModules(){
        try{
            var res = await window.db.rpc('team_modules', { p_team_id: currentTeamId });
            if (res.error || !res.data || res.data.ok !== true) return false;
            MODS.list      = res.data.active || [];
            MODS.canManage = !!res.data.can_manage;
            var card = el('modules-card'); if (card) card.style.display = 'block';
            renderModules();
            return true;
        }catch(e){ return false; }
    }

    // ── AMMINISTRATORI ───────────────────────────────────────────
    function renderAdmins(members){
        var box = el('admins-list'); if(!box) return;
        box.innerHTML = (members || []).map(function(m){
            var nome = '<span translate="no">' + escH(m.name) + '</span>' + (m.is_me ? ' <span style="color:#bbb;font-weight:400">(tu)</span>' : '');
            var sotto = m.is_founder
                ? 'Fondatore \u2014 permessi permanenti'
                : (m.can_admin ? 'Amministratore' : (m.role_title ? '<span translate="no">' + escH(m.role_title) + '</span>' : 'Membro'));
            var azione = m.is_founder
                ? '<span style="font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#bbb;white-space:nowrap">Fondatore</span>'
                : '<button type="button" class="adm-toggle" data-uid="' + escH(m.user_id) + '" data-on="' + (m.can_admin ? '1' : '0') + '" ' +
                  'data-name="' + escH(m.name) + '" ' +
                  'style="font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;' +
                  'padding:8px 14px;border-radius:10px;cursor:pointer;white-space:nowrap;border:1px solid ' +
                  (m.can_admin ? '#8FC55B' : '#ddd') + ';background:' + (m.can_admin ? '#8FC55B' : '#fff') + ';color:' +
                  (m.can_admin ? '#1a1a1a' : '#888') + '">' + (m.can_admin ? 'Amministratore' : 'Rendi admin') + '</button>';

            return '<div style="display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f2f2f2">' +
                     '<div style="flex:1;min-width:0">' +
                       '<div style="font-size:13px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + nome + '</div>' +
                       '<div style="font-size:10px;color:#aaa;margin-top:2px">' + sotto + '</div>' +
                     '</div>' + azione +
                   '</div>';
        }).join('');

        Array.prototype.forEach.call(box.querySelectorAll('.adm-toggle'), function(b){
            b.addEventListener('click', function(){ toggleAdmin(b); });
        });
    }

    async function toggleAdmin(btn){
        var uid  = btn.getAttribute('data-uid');
        var nome = btn.getAttribute('data-name') || 'questa persona';
        var next = btn.getAttribute('data-on') !== '1';

        if (!next && !window.confirm('Togliere i permessi di amministratore a ' + nome + '?')) return;

        btn.disabled = true; btn.textContent = 'Attendi…';
        hideMsg('admins-msg');
        try{
            var res = await window.db.rpc('set_team_admin', {
                p_team_id: currentTeamId, p_user_id: uid, p_can_admin: next
            });
            if (res.error) throw new Error(res.error.message);
            var out = res.data;
            if (!out || out.ok !== true){
                var code = out && out.error;
                if (code === 'founder_only')          throw new Error(tr('Solo chi ha fondato il team pu\u00F2 assegnare questo ruolo.'));
                if (code === 'cannot_change_founder') throw new Error(tr('I permessi del fondatore non si possono modificare.'));
                if (code === 'member_not_found')      throw new Error(tr('Questa persona non risulta tra i membri attivi del team.'));
                throw new Error(code || 'errore');
            }
            showMsg('admins-msg', escH(nome) + (next ? ' ora pu\u00F2 gestire i moduli del team.' : ' non gestisce pi\u00F9 i moduli del team.'), 'ok');
            await loadAdmins();
        }catch(e){
            btn.disabled = false;
            btn.textContent = next ? 'Rendi admin' : 'Amministratore';
            showMsg('admins-msg', 'Non riuscito: ' + escH(e && e.message ? e.message : e), 'err');
        }
    }

    async function loadAdmins(){
        try{
            var res = await window.db.rpc('team_admins', { p_team_id: currentTeamId });
            if (res.error || !res.data || res.data.ok !== true) return false;
            // la card di gestione la vede solo chi ha fondato il team
            if (!res.data.i_am_founder) return true;
            var card = el('admins-card'); if (card) card.style.display = 'block';
            renderAdmins(res.data.members || []);
            return true;
        }catch(e){ return false; }
    }

    // ── avvio: aspetta che il main script abbia team e utente ────
    var tries = 0;
    var timer = setInterval(function(){
        tries++;
        var pronto = (typeof currentTeamId !== 'undefined' && currentTeamId) &&
                     (typeof currentUser !== 'undefined' && currentUser) &&
                     window.db;
        if (pronto){
            clearInterval(timer);
            loadModules();
            loadAdmins();
        } else if (tries > 80){   // ~20 secondi, poi lascia perdere in silenzio
            clearInterval(timer);
        }
    }, 250);
})();
</script>

<script src="/notifiche.js" defer></script>
</body>
</html>