/* QuanticData — liste di aziende (it/liste/*, hub, pagine di rimozione) nel design "fresh" (03/10/2026; telefoni rifatti il 03/10, v=20261003b).
   Attivo solo con <html class="qd-light qd-fresh">, caricato dopo product-light.css e product-fresh.css.
   Qui solo i componenti delle liste che quei due file non coprono: tabelle campi e campione, tessera
   del "che cos'è", modulo campione, striscia CRM, modulo di rimozione. Nessun testo cambia. */

/* tabelle campi e campione: testo ≥15px, intestazioni di riga leggibili (non maiuscoletto) */
html.qd-fresh .cmp-table{font-size:15px}
html.qd-fresh .cmp-table :is(th,td){font-size:15px;line-height:1.55}
html.qd-fresh .cmp-table td{color:var(--fr-body)}
html.qd-fresh .cmp-table td.cmp-us{color:var(--fr-ink)}
html.qd-fresh .cmp-table tbody th{color:var(--fr-ink);font-family:var(--font-body);font-weight:600;text-transform:none;letter-spacing:0;background:transparent}
html.qd-fresh .cmp-table thead th{font-size:14px;letter-spacing:0;text-transform:none}
html.qd-fresh .cmp-table thead th.cmp-us{color:var(--fr-violet)}
html.qd-fresh .cmp-table tbody tr:hover :is(td,th){background:#FAFAFE}
html.qd-fresh .cmp-scroll{border-radius:var(--fr-r)}
html.qd-fresh .sample-note{color:var(--fr-muted);font-size:14px;max-width:72ch;margin-left:auto;margin-right:auto}

/* "Che cos'è": tessera del conteggio, bianca */
html.qd-fresh .split .ltile{background:var(--fr-card);border:1px solid var(--fr-line);border-radius:var(--fr-r);box-shadow:var(--fr-shadow)}
html.qd-fresh .split .ltile .lt-big{background:none;-webkit-text-fill-color:currentColor;color:var(--fr-ink)}
html.qd-fresh .split .ltile .lt-chips i{background:#fff;border:1px solid var(--fr-line);color:var(--fr-body)}

/* modulo campione: etichette leggibili, campi con bordo visibile su fondo pieno */
html.qd-fresh .lead-form{background:var(--fr-card);border:1px solid var(--fr-line);border-radius:var(--fr-r);box-shadow:var(--fr-shadow);padding:24px clamp(16px,3vw,28px)}
html.qd-fresh .lead-form label,html.qd-fresh .lead-form legend{font-size:14px;color:var(--fr-ink)}
html.qd-fresh .lead-form legend{font-weight:600;margin-bottom:6px}
html.qd-fresh .lead-form :is(input,textarea){background:#fff;color:var(--fr-ink);border:1px solid rgba(14,18,32,.28);font-size:16px;min-height:44px}
html.qd-fresh .lead-form :is(input,textarea)::placeholder{color:#6B7385}
html.qd-fresh .lead-form :is(input,textarea):focus{outline:2px solid var(--fr-ink);outline-offset:1px;border-color:transparent}
html.qd-fresh .lead-form input[type="checkbox"]{min-height:0;width:18px;height:18px;accent-color:#047857}
html.qd-fresh .lead-form .sample-note{color:var(--fr-body)}

/* striscia "Export compatibile con" */
html.qd-fresh .crm-row li{background:#fff;border:1px solid var(--fr-line);box-shadow:0 1px 2px rgba(14,18,32,.03)}
html.qd-fresh .crm-name{color:var(--fr-ink)}

/* "Come costruiamo la lista" e Conformità: link in inchiostro, sottolineati */
html.qd-fresh :is(.method-note,#legal .prose-narrow) a{color:var(--fr-ink)}
html.qd-fresh #legal .prose-narrow :is(p,small){color:var(--fr-body)}

/* hub /it/liste/: card cliccabili, la riga d'azione non è teal (il teal è solo la CTA) */
html.qd-fresh .uc-grid a.uc{color:var(--fr-ink)}
html.qd-fresh .uc-grid a.uc p:last-child{color:var(--fr-violet)}

/* pagine di rimozione: fondo chiaro "fresh", modulo in card bianca */
html.qd-fresh .legal-main{position:relative}
html.qd-fresh .legal-main h1{color:var(--fr-ink)}
html.qd-fresh .legal-main :is(p,li){color:var(--fr-body)}
html.qd-fresh .legal-main .crumbs :is(a,em,span){color:var(--fr-muted)}
html.qd-fresh .rm-card{background:var(--fr-card);border:1px solid var(--fr-line);border-radius:var(--fr-r);box-shadow:var(--fr-shadow)}
html.qd-fresh .rm-form label{color:var(--fr-ink)}

/* ── telefoni (≤640px): iPhone 13 a 390px e Android a 360px ── */
@media (max-width:640px){
  /* titolo che non mangia lo schermo: 3-4 righe e la CTA nel primo schermo */
  html.qd-fresh .hero-outer{padding-top:12px}
  html.qd-fresh .hero-card h1{font-size:clamp(22px,6.2vw,25px);line-height:1.16;letter-spacing:-.02em;margin-bottom:12px}
  html.qd-fresh .hero-card h1.h1-long{font-size:clamp(19px,5.3vw,21px);line-height:1.18}
  html.qd-fresh .hero-card .lead{font-size:16px;line-height:1.55}
  html.qd-fresh .hero-card .crumbs{font-size:14px;margin-bottom:10px}
  html.qd-fresh .hero-card .cta-row{gap:10px;margin-top:16px}
  html.qd-fresh .hero-card .trust{font-size:15px}

  /* sezioni più vicine, testo di lettura ≥15px */
  html.qd-fresh main .section{padding-top:30px;padding-bottom:30px}
  html.qd-fresh main h2{font-size:clamp(24px,6.6vw,28px);line-height:1.18}
  html.qd-fresh main :is(.pricing-sub,.pricing-sub[style],.tool-figure figcaption,.faq-side a,.sample-note,.uc p,.fact span,.unit span,.unit em,.lt-sub,.faq-side p,#legal small,.related,.related a,.related span){font-size:15px}
  html.qd-fresh main .pricing-sub[style]{font-size:15px!important}
  html.qd-fresh .units{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:24px}
  html.qd-fresh .unit{min-width:0;overflow-wrap:anywhere}
  html.qd-fresh main .uc{padding:18px}
  html.qd-fresh main .uc-grid{gap:12px}
  html.qd-fresh .tool-figure img{max-width:100%;height:auto;border-radius:16px}

  /* tabelle (campi, campione, confronto): righe impilate, etichetta + valore, niente tagliato */
  html.qd-fresh .cmp-scroll{overflow:visible}
  html.qd-fresh .cmp-table{min-width:0;width:100%;display:block;background:transparent;border:0;box-shadow:none;border-radius:0}
  html.qd-fresh .cmp-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  html.qd-fresh .cmp-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  html.qd-fresh .cmp-table tr{display:block;min-width:0;box-sizing:border-box;background:#fff;border:1px solid var(--fr-line);border-radius:16px;box-shadow:var(--fr-shadow);padding:14px 16px}
  html.qd-fresh .cmp-table tbody tr:hover :is(td,th){background:transparent}
  html.qd-fresh .cmp-table :is(th,td){display:block;border:0;padding:0;font-size:15px;white-space:normal;min-width:0;max-width:100%}
  html.qd-fresh .cmp-table tbody th{font-size:16px;margin-bottom:6px;overflow-wrap:anywhere}
  html.qd-fresh .cmp-table td{display:block;position:relative;min-height:1.55em;padding:6px 0 6px 36%;border-top:1px solid var(--fr-line);overflow-wrap:anywhere}
  html.qd-fresh .cmp-table td::before{content:attr(data-label);position:absolute;left:0;top:6px;width:32%;color:var(--fr-muted);font-size:14px;font-weight:500;line-height:1.4}
  html.qd-fresh .cmp-table td[data-label=""]{padding-left:0}
  html.qd-fresh .cmp-table td[data-label=""]::before{content:none}

  /* tap target ≥44px: chip, link di navigazione, footer, breadcrumb */
  html.qd-fresh .related a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px}
  html.qd-fresh .hero-card .crumbs a{display:inline-flex;align-items:center;min-height:44px}
  html.qd-fresh .faq-side a,html.qd-fresh .faq-list summary{min-height:44px;display:flex;align-items:center}
  html.qd-fresh .footer :is(.foot-col a,.foot-base a){display:inline-flex;align-items:center;min-height:44px}
  html.qd-fresh .footer .foot-col a{display:flex}
  html.qd-fresh .footer :is(p,a,span,h4){font-size:15px!important}
  html.qd-fresh .legal-main .crumbs a{display:inline-flex;align-items:center;min-height:44px}
  html.qd-fresh main .crumbs{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:0}
  html.qd-fresh main .crumbs a{white-space:nowrap}
  html.qd-fresh .lead-form label:has(input[type="checkbox"]){min-height:44px}
  html.qd-fresh .crm-row li{min-height:44px}

  /* moduli: un campo per riga, campi alti 48px */
  html.qd-fresh .lead-form{padding:18px 16px}
  html.qd-fresh .lead-form .row,html.qd-fresh .rm-form .row{grid-template-columns:minmax(0,1fr)}
  html.qd-fresh .lead-form{box-sizing:border-box;max-width:100%;grid-template-columns:minmax(0,1fr)}
  html.qd-fresh .lead-form fieldset{min-width:0}
  html.qd-fresh .lead-form fieldset label{overflow-wrap:anywhere}
  html.qd-fresh :is(.lead-form,.rm-form) :is(input:not([type="checkbox"]),textarea){width:100%;min-width:0;box-sizing:border-box}
  html.qd-fresh .lead-form :is(input:not([type="checkbox"]),textarea),html.qd-fresh .rm-form :is(input,textarea){min-height:48px}
  html.qd-fresh .legal-main{padding-left:16px;padding-right:16px}
  html.qd-fresh .legal-main h1{font-size:clamp(26px,7.4vw,30px);line-height:1.15}
  html.qd-fresh .rm-card{padding:18px 16px;margin:20px 0 26px}

  /* assistente: niente fumetto sopra il testo, bottone più piccolo; i bottoni d'azione lasciano
     la corsia del bottone flottante, e il fondo pagina ha spazio per non coprire nulla */
  html.qd-fresh .qdA-preview{display:none!important}
  html.qd-fresh .qdA-btn{width:48px;height:48px;right:12px;bottom:12px}
  html.qd-fresh .qdA-btn svg{width:26px;height:26px}
  html.qd-fresh main :is(.btn-cta,.btn-outline){width:calc(100% - 60px);max-width:none;margin-right:60px}
  html.qd-fresh body{padding-bottom:72px}
}
/* banda finale: la CTA resta lontana dall'angolo del bottone flottante */
@media (max-width:640px){
  html.qd-fresh .final-band{padding-bottom:28px;margin-bottom:12px}
}