/* ============================================================
   TROVABANDO OPEN — calc-v34.css
   Stili ADDITIVI per i blocchi risultato del calcolatore v3.4.
   Non tocca base.css / themes.css; riusa i token esistenti
   (--accent, --surface, --line, --radius, ecc.).
   ============================================================ */

/* 1. profilo */
.v34-profile{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1rem}
.v34-profile .pitem{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:.85rem 1rem;display:flex;flex-direction:column;gap:.3rem}
.pitem .k{font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pitem b{font-family:var(--font-display);font-size:1.08rem;color:var(--ink);line-height:1.15}
.pitem--tier{grid-column:1/-1}
.pitem--tier small{color:var(--muted);font-size:.84rem;line-height:1.45;text-wrap:pretty}

/* 2. headline anno 1 */
.v34-headline{text-align:center;padding:clamp(20px,3vw,32px);border:1px solid var(--line);
  border-radius:var(--radius-lg);background:var(--surface);margin-bottom:.9rem}
.v34-headline .lbl{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);margin-bottom:.6rem}
.v34-mult{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;
  font-size:clamp(2.6rem,2rem + 2.6vw,4rem);color:var(--accent);line-height:1}
.v34-mult--muted{color:var(--ink-soft);font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem)}
.v34-band{margin-top:.5rem;color:var(--ink-soft);font-size:.92rem;font-weight:600}
.v34-fascia{display:inline-block;margin-top:.7rem;padding:.3em .9em;border-radius:var(--radius-pill);
  background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.74rem;
  letter-spacing:.08em;text-transform:uppercase}
.v34-small{margin-top:.55rem;color:var(--muted);font-size:.85rem}
.v34-callout{margin-top:.9rem;display:inline-block;font-size:.92rem;color:var(--ink-soft);
  background:var(--bg);border:1px dashed var(--line);border-radius:var(--radius);padding:.6em 1em;
  text-wrap:pretty;max-width:46ch}

/* 3. dal 2° anno */
.v34-anno2{margin-bottom:.9rem;padding:.9rem 1.1rem;border-radius:var(--radius);
  background:var(--accent-soft);color:var(--ink);font-size:.95rem;line-height:1.5;text-wrap:pretty}
.v34-anno2 .k{display:block;font-size:.64rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--accent);margin-bottom:.15rem}
.v34-anno2 b{font-family:var(--font-display);font-size:1.15em;color:var(--accent)}
.v34-anno2 small{color:var(--ink-soft)}

/* 5. la piattaforma si ripaga */
.v34-ripaga{margin-top:.9rem;padding:clamp(18px,2.4vw,26px);border:1px solid var(--line);
  border-radius:var(--radius-lg);background:var(--bg)}
.v34-ripaga__head{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);margin-bottom:.9rem}
.v34-ripaga__rows{display:flex;flex-direction:column}
.v34-ripaga .rrow{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  padding:.55rem 0;border-top:1px solid var(--line);font-size:.95rem;color:var(--ink-soft)}
.v34-ripaga .rrow:first-child{border-top:0}
.v34-ripaga .rrow b{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}
.v34-ripaga .rrow--net b{color:var(--accent);font-size:1.1em}
.v34-ripaga__pareggio{margin:.8rem 0 0;font-size:.88rem;color:var(--ink-soft);text-wrap:pretty}

/* 6. toggle finanza agevolata */
.v34-fatoggle{margin-top:1rem;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.v34-fatoggle .k{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.v34-fatoggle__pills{display:flex;gap:.4rem;flex-wrap:wrap}
.v34-fatoggle__pills button{font-size:.82rem;font-weight:600;padding:.5em 1em;
  border-radius:var(--radius-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);
  color:var(--ink-soft);transition:.15s}
.v34-fatoggle__pills button:hover{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}
.v34-fatoggle__pills button[aria-pressed="true"]{background:var(--accent);color:#fff;
  box-shadow:inset 0 0 0 1px var(--accent)}
.v34-fatoggle .fine{width:100%;margin:0}

/* gate (stati D / errore) */
.v34-gate{text-align:center;padding:clamp(24px,4vw,48px) clamp(16px,3vw,32px)}
.v34-gate__txt{margin:.8rem auto 1.5rem;color:var(--ink-soft);max-width:52ch;text-wrap:pretty}

/* stato di caricamento */
#calc.calc--busy .opts,#calc.calc--busy .v34-fatoggle__pills{pointer-events:none}
.opt.is-loading,.v34-fatoggle__pills button.is-loading{opacity:.65}
.opt.is-loading .tick{border-color:var(--accent);border-top-color:transparent;
  animation:v34spin .7s linear infinite}
@keyframes v34spin{to{transform:rotate(360deg)}}

/* errore invio lead nel modal */
.lead-error{margin:.7rem 0 0;font-size:.86rem;color:#c0392b;font-weight:600;text-align:center}

@media(max-width:680px){
  .v34-profile{grid-template-columns:1fr 1fr}
  .v34-ripaga .rrow{flex-direction:column;gap:.1rem;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .opt.is-loading .tick{animation:none}
}

/* ============ v3.5 — step obiettivi + upgrade reselling (solo regole additive) ============ */
.opts--obj .opt[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--accent)}
.obj-badge{display:inline-block;margin-left:.45em;padding:.14em .6em;font-style:normal;
  font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;background:var(--accent);border-radius:var(--radius-pill);vertical-align:middle}
.q__warn{margin-top:.6rem;font-size:.85rem;font-weight:600;color:var(--accent)}
[data-obj-next]:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.v34-upgrade{margin:.9rem 0 0;padding:.75rem 1rem;font-size:.88rem;color:var(--ink-soft);
  background:var(--surface);border-radius:var(--radius-md);
  box-shadow:inset 0 0 0 1px var(--line)}
.v34-upgrade b{color:var(--ink)}
