/* CEO Trust — prototipo "Collega i tuoi dati" */
.lab-badge{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid var(--stitch);border-radius:99px;padding:1px 6px;margin-left:4px;vertical-align:1px}
nav.tabsnav button[aria-current="page"] .lab-badge{color:var(--accent-ink);border-color:rgba(26,12,16,.35)}


.lab{display:flex;flex-direction:column;gap:28px}
.lab-head h2{font-size:clamp(34px,4.6vw,56px);margin-top:10px}
.lab-head h2 em{background:linear-gradient(100deg,var(--rose) 0%,var(--rose) 35%,#F6D9A8 50%,var(--rose) 65%,var(--rose) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fx-shimmer 5s ease-in-out infinite}
.lab-head p{color:var(--muted);max-width:56ch;margin:10px 0 0;font-size:17px}
.lab-steps{list-style:none;margin:22px 0 0;padding:0;display:flex;gap:8px;flex-wrap:wrap;counter-reset:s}
.lab-steps li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--dim);border:1px solid var(--line);border-radius:99px;padding:6px 14px 6px 6px;transition:all .3s}
.lab-steps li i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);font-size:12.5px}
.lab-steps li.on{color:var(--ink);border-color:var(--rose);box-shadow:0 0 22px -8px rgba(224,140,156,.7)}
.lab-steps li.on i{background:var(--rose);color:var(--accent-ink)}
.lab-steps li.done{color:var(--ok)}
.lab-steps li.done i{background:rgba(134,205,160,.18);color:var(--ok)}

.lab-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:32px;display:flex;flex-direction:column;gap:18px}
.lab-card::after{content:"";position:absolute;inset:7px;border:1.2px dashed var(--stitch);border-radius:4px;pointer-events:none}
.lab-card > *{position:relative;z-index:1}
.lab-in{animation:fx-up .55s cubic-bezier(.2,.7,.2,1) both}
.lab-card h3{font-family:var(--f-display);font-weight:400;font-size:clamp(28px,3.4vw,40px);line-height:1.1;margin:0}
.lab-card h3 em{color:var(--rose)}
.lab-sub{color:var(--muted);margin:0;max-width:62ch}
.lab-have{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--muted)}
.lab-have span{border:1px solid rgba(134,205,160,.35);color:var(--ok);background:rgba(134,205,160,.08);border-radius:99px;padding:4px 12px;font-weight:600}

.lab-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.lab-tile{position:relative;text-align:left;display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:10px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden;animation:fx-up .5s cubic-bezier(.2,.7,.2,1) both}
.lab-tile:nth-child(2){animation-delay:.05s}.lab-tile:nth-child(3){animation-delay:.1s}.lab-tile:nth-child(4){animation-delay:.15s}.lab-tile:nth-child(5){animation-delay:.2s}.lab-tile:nth-child(6){animation-delay:.25s}.lab-tile:nth-child(7){animation-delay:.3s}
.lab-tile:hover,.lab-tile:focus-visible{transform:translateY(-3px);border-color:var(--rose);box-shadow:0 18px 40px -22px rgba(224,140,156,.7)}
.lab-tile b{font-size:17px;font-weight:600}
.lab-tile small{font-size:13.5px;color:var(--muted);line-height:1.4}
.lab-logo{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:15px;color:var(--rose);background:var(--accent-soft);border:1px solid #5A3542;margin-bottom:8px}
.lab-go{margin-top:auto;padding-top:10px;font-size:14px;font-weight:600;color:var(--rose)}
.lab-tile.soon{opacity:.62}
.lab-tile.soon .lab-go{color:var(--dim)}
.lab-tile.help{border-style:dashed;border-color:var(--stitch);background:transparent}
.lab-tile.help .lab-logo{color:var(--gold);background:rgba(214,181,126,.1);border-color:var(--stitch)}
.lab-tile.hi{border-color:var(--rose);box-shadow:0 0 0 3px rgba(224,140,156,.18),0 18px 40px -20px rgba(224,140,156,.8)}
.lab-tile.hi::before{content:"Consigliato";position:absolute;top:12px;right:12px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);background:var(--rose);border-radius:99px;padding:3px 9px}
.lab-tip{border-left:3px solid var(--gold);background:rgba(214,181,126,.07);border-radius:6px;padding:12px 16px;color:var(--ink);font-size:15px}
.lab-hint{margin:0 0 22px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.lab-hint b{flex-basis:100%}
.lab-hint .btn{margin-left:auto}
.lab-tip b{display:block;color:var(--gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}

.lab-q{display:flex;flex-direction:column;gap:10px}
.lab-q > b{font-size:16px}
.lab-chips{display:flex;flex-wrap:wrap;gap:8px}
.lab-chips button{font:inherit;font-size:14.5px;font-weight:500;color:var(--ink);background:var(--bg2);border:1px solid var(--line2);border-radius:12px;padding:10px 14px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;transition:all .2s}
.lab-chips button small{font-size:12px;color:var(--muted)}
.lab-chips button:hover{border-color:var(--rose)}
.lab-chips button[aria-pressed="true"]{background:var(--rose);border-color:var(--rose);color:var(--accent-ink);box-shadow:0 10px 26px -12px rgba(224,140,156,.9)}
.lab-chips button[aria-pressed="true"] small{color:rgba(26,12,16,.7)}
.lab-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.lab-actions.center{justify-content:center}

.lab-drop{position:relative;border:2px dashed var(--stitch);border-radius:14px;padding:44px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;cursor:pointer;background:radial-gradient(400px 160px at 50% 0%,rgba(224,140,156,.08),transparent 70%);transition:all .25s}
.lab-drop b{font-size:18px}
.lab-drop span{color:var(--muted);font-size:14px}
.lab-drop .lab-drop-ico{font-size:30px;color:var(--rose);animation:lab-bob 2.4s ease-in-out infinite}
.lab-drop:hover,.lab-drop.over{border-color:var(--rose);background:radial-gradient(400px 200px at 50% 0%,rgba(224,140,156,.16),transparent 70%);box-shadow:0 0 0 4px rgba(224,140,156,.1)}
@keyframes lab-bob{50%{transform:translateY(-5px)}}
.lab-vat{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.lab-vat .f{flex:1;min-width:220px}
.lab-progress{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:15px}
.lab-progress i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line2);border-top-color:var(--rose);animation:lab-spin .8s linear infinite}
@keyframes lab-spin{to{transform:rotate(360deg)}}
.lab-how summary{cursor:pointer;color:var(--rose);font-weight:600;font-size:14.5px}
.lab-how p{color:var(--muted);margin:10px 0 0;font-size:15px}
.lab-peek{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line2);border-radius:10px;padding:14px 16px;background:var(--bg2)}
.lab-peek span{font-size:13.5px;color:var(--muted)}

.lab-result{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding-block:8px}
.lab-check{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:var(--accent-ink);background:var(--rose);box-shadow:0 0 0 8px rgba(224,140,156,.15),0 0 50px -6px rgba(224,140,156,.9);animation:lab-pop .7s cubic-bezier(.2,1.6,.4,1) both}
@keyframes lab-pop{from{transform:scale(.2);opacity:0}}
.lab-result h3 em{color:var(--rose)}
.lab-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:100%}
.lab-stats div{border:1px solid var(--line2);border-radius:10px;padding:18px 12px;background:var(--bg2);animation:fx-up .6s cubic-bezier(.2,.7,.2,1) both}
.lab-stats div:nth-child(2){animation-delay:.12s}.lab-stats div:nth-child(3){animation-delay:.24s}.lab-stats div:nth-child(4){animation-delay:.36s}
.lab-stats b{display:block;font-family:var(--f-display);font-weight:400;font-size:clamp(30px,4vw,44px);line-height:1.05;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.lab-stats span{font-size:13.5px;color:var(--muted)}
.lab-note{color:var(--muted);max-width:60ch;margin:0}
.lab-lit{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
.lab-agents{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.lab-ag{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:6px 14px 6px 6px;font-size:14px;color:var(--dim)}
.lab-ag i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface2)}
.lab-ag i svg{width:15px;height:15px}
.lab-ag.on{animation:lab-light .6s ease both;animation-delay:var(--d,0s)}
@keyframes lab-light{to{color:var(--ink);border-color:var(--rose);box-shadow:0 0 22px -6px rgba(224,140,156,.7)}}
.lab-ag.on i{animation:lab-light-i .6s ease both;animation-delay:var(--d,0s)}
@keyframes lab-light-i{to{background:var(--rose);color:var(--accent-ink)}}
@media (max-width:600px){.lab-card{padding:22px}.lab-drop{padding:32px 14px}}
@media (prefers-reduced-motion:reduce){.lab *,.lab *::before{animation:none !important;transition:none !important}.lab-ag.on{color:var(--ink);border-color:var(--rose)}}
#labPreview{display:flex;flex-direction:column;gap:18px}
#labPreview:empty{display:none}
/* negozio online */
.lab-shop{display:flex;flex-direction:column;gap:18px;margin-top:6px}
.lab-howto{margin:0;padding:16px 18px 16px 38px;border:1px solid var(--line2);border-radius:10px;background:var(--bg2);display:flex;flex-direction:column;gap:8px;font-size:14.5px;color:var(--muted);line-height:1.5}
.lab-howto li::marker{color:var(--gold);font-weight:700}
.lab-howto b{color:var(--ink);font-weight:600}
.lab-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lab-fields label.f:first-child:nth-last-child(odd){grid-column:1/-1}
@media (max-width:640px){.lab-fields{grid-template-columns:1fr}}
/* elenco delle banche (collegamento diretto) */
.lab-banks{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;max-height:420px;overflow:auto;padding:2px}
.lab-bank{display:flex;align-items:center;gap:10px;text-align:left;background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--ink);font:inherit;font-size:14.5px;cursor:pointer;min-height:48px}
.lab-bank:hover,.lab-bank:focus-visible{border-color:var(--rose)}
.lab-bank:disabled{opacity:.55;cursor:wait}
.lab-bank img{width:28px;height:28px;object-fit:contain;border-radius:6px;background:#fff;flex:none}
.lab-bank .lab-logo{width:28px;height:28px;font-size:13px;flex:none;margin:0;border-radius:6px}
.lab-bank b{font-weight:600;line-height:1.25}
.lab-peek span+span{display:block;margin-top:4px}
/* PrestaShop: passi del modulo e codice di collegamento */
.lab-howto{margin:16px 0 4px;padding-left:20px;display:flex;flex-direction:column;gap:12px;font-size:14.5px;line-height:1.5}
.lab-howto li::marker{color:var(--rose);font-weight:700}
.lab-howto small{display:block;color:var(--muted);font-size:12.5px;margin-top:4px}
.lab-code{display:flex;align-items:center;gap:12px;margin-top:8px;padding:10px 14px;border:1px dashed var(--line2);border-radius:10px;background:var(--bg2);width:max-content;max-width:100%}
.lab-code b{font:600 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.lab-back{all:unset;cursor:pointer;display:flex;width:max-content;align-items:center;gap:6px;margin:0 0 18px;padding:8px 14px;border-radius:999px;border:1px solid var(--line,#E7E2E0);background:#fff;font-size:14.5px;font-weight:500;color:var(--ink,#1E1A1C)}
.lab-back:hover{border-color:var(--rose,#D9788C)}
.lab-back:focus-visible{outline:2px solid var(--rose,#D9788C);outline-offset:2px}