/* Le pagine di chi compra: solo quello che la base non ha già (console.css). */
/* LA PROVA DI 7 GIORNI (26/10/2026): il campo trappola, che le persone non vedono e i programmi riempiono */
.vendite-trappola{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.vendite-prova-piani{display:grid;gap:8px;margin:0 0 16px;border:0;padding:0}
.vendite-prova-piani label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line,#d8d8e0);border-radius:8px}
.vendite-carta > .vendite-prova{margin-top:0}
.vendite-scelte{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.vendite-griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:0 0 4px}
.vendite-carta{display:flex;flex-direction:column;gap:8px;margin:0}
.vendite-carta h3{margin:0;color:var(--ink-strong);font-size:17px}
.vendite-carta > .pulsante{margin-top:auto;align-self:flex-start}
.vendite-carta-scelta{outline:2px solid var(--accent,#117e78);outline-offset:-2px}
.vendite-scelta{margin:0;font-size:13px;font-weight:600;color:var(--accent,#117e78)}
.vendite-prezzo{margin:0;font-size:1.75rem;font-weight:700;color:var(--ink-strong);font-variant-numeric:tabular-nums}
.vendite-prezzo .tenue{font-size:1rem;font-weight:400}
.vendite-spezza{overflow-wrap:anywhere;word-break:break-word}
.vendite-cosa h2{margin-bottom:6px}
.vendite-cosa p:last-child{margin-bottom:0}

/* I piani e le licenze come schede (collaudo 3, copione A, passo 1): che cosa comprende, poi un prezzo per riga
   con «Scegli» accanto. Sul telefono «Scegli» va a capo sotto la cifra, ma non si taglia mai. */
.vendite-limiti{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.vendite-limiti li{color:var(--ink-strong)}
.vendite-limiti li.vendite-ai{font-weight:600}
.vendite-opzioni{margin-top:auto;display:grid;gap:8px;padding-top:4px}
.vendite-opzione{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--r-m);background:var(--surface-2)}
.vendite-opzione-cifre{margin:0;display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 150px}
.vendite-opzione-quando{font-size:12.5px;font-weight:600;color:var(--ink-2)}
.vendite-opzione .pulsante{flex:none}
.vendite-euro{font-size:17px;color:var(--ink-strong);white-space:nowrap;font-variant-numeric:tabular-nums}
.vendite-cifra{display:inline-block}
.vendite-cifra .tenue{white-space:nowrap}

/* Le licenze del plugin in «Il mio abbonamento»: UN blocco solo, una riga per acquisto (collaudo 3, copione A,
   passo 4: tre acquisti facevano tre blocchi grandi). */
.vendite-licenze{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.vendite-licenza{border:1px solid var(--line-soft);border-radius:var(--r-m);padding:12px 14px;background:var(--surface-2);display:grid;gap:6px;scroll-margin-top:16px}
.vendite-licenza-testa{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.vendite-licenza-testa strong{color:var(--ink-strong)}
.vendite-licenza p{margin:0}
.vendite-licenza-azioni{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.vendite-licenza-azioni details[open]:not(.conferma){flex:1 1 100%}
.vendite-licenza-azioni summary{cursor:pointer}
.vendite-licenze-cima{margin-bottom:14px}
.vendite-intero{white-space:nowrap}
.vendite-finita{opacity:.85}
.vendite-esito{margin-bottom:12px}
[id^="abb-"]{scroll-margin-top:16px}

/* «Scarica il plugin»: i file uno sotto l'altro, staccati, e l'avviso di non aprire lo zip. */
.vendite-file{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.vendite-file li{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}

/* Il nome del pacchetto in alto e con la stessa riga sotto delle altre celle (collaudo 3, copione A, passo 1:
   stava a metà altezza, con la riga più corta). */
.tabella-righe th[scope=row]{vertical-align:top;padding:10px 8px;border-bottom:1px solid var(--line-soft);font-size:14px;color:var(--ink-strong);position:static}
.tabella-righe tr:last-child th[scope=row]{border-bottom:0}

/* Le tabelle dei pacchetti sul telefono (collaudo 2, copione B, 1.4: a 375 px l'ultima colonna spariva):
   sotto i 600 px ogni riga diventa una scheda, con il titolo della colonna accanto al valore.
   La cifra è UN pezzo solo (.vendite-cifra): così non si spezza in colonne (collaudo 3). */
@media (max-width:600px){
  .tabella-righe thead{display:none}
  .tabella-righe,.tabella-righe tbody,.tabella-righe tr,.tabella-righe th,.tabella-righe td{display:block;width:100%}
  .tabella-righe tr{border-bottom:1px solid var(--line);padding:8px 0}
  .tabella-righe th[scope=row]{border:0;padding:4px 0;font-size:15px;color:var(--ink-strong);position:static}
  .tabella-righe td{border:0;padding:4px 0;display:flex;justify-content:space-between;gap:12px;text-align:right}
  .tabella-righe td[data-titolo]::before{content:attr(data-titolo);color:var(--ink-2);text-align:left;flex:0 0 auto}
  .tabella-righe td.num{font-variant-numeric:tabular-nums}
}