/* Cambiaformato – strumento di conversione (riquadro bianco nella banda blu) */
.strumento{flex:1 1 440px;min-width:0;background:var(--carta);color:var(--testo);border-radius:28px;padding:14px;box-shadow:0 30px 60px rgba(10,12,90,.35)}
.zona{border:2.5px dashed var(--blu);border-radius:20px;padding:44px 24px 36px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;transition:background .15s}
.zona.sopra{background:#EEF0FF}
.zona .grande{font-family:var(--f-titoli);font-weight:800;font-size:26px;margin:0}
.qualita{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.qualita span{font-size:14px;color:var(--testo-2)}
.interr{display:flex;background:var(--fondo);border-radius:999px;padding:4px}
.interr button{font-family:inherit;font-size:14px;background:transparent;color:var(--testo-2);border:none;border-radius:999px;padding:10px 16px;cursor:pointer;min-height:40px}
.interr button[aria-pressed="true"]{background:var(--carta);color:var(--testo);font-weight:700;box-shadow:0 1px 3px rgba(14,18,64,.18)}
.nota{font-size:14px;color:var(--testo-2);margin:0}
.privato{display:flex;align-items:center;gap:10px;padding:14px 12px 4px;font-size:14px;color:var(--testo-2)}
.privato svg{flex:none}

.attesa{padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.barra{width:min(320px,100%);height:10px;background:var(--fondo);border-radius:999px;overflow:hidden}
.barra i{display:block;height:100%;width:0;background:var(--blu);border-radius:999px;transition:width .2s}

.errore{margin:12px 4px 0;background:var(--errore-fondo);color:var(--errore);border-radius:14px;padding:14px 16px;font-size:15px}

.risultato{padding:10px 8px 4px}
.ris-testa{display:flex;justify-content:space-between;align-items:baseline;gap:8px 14px;flex-wrap:wrap;padding:0 4px 4px}
.ris-testa .titolo{font-size:24px;margin:0;color:var(--testo)}
.ris-testa p{margin:0;font-size:15px;color:var(--testo-2);overflow-wrap:anywhere}
.ris-azioni{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:0 4px 12px;font-size:15px;color:var(--testo-2)}
.ris-azioni button{font-family:inherit;font-size:15px;background:none;border:none;color:var(--blu);text-decoration:underline;cursor:pointer;padding:8px 2px}
.griglia{list-style:none;margin:0;padding:4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;max-height:440px;overflow-y:auto}
.pagina{display:flex;flex-direction:column;gap:6px}
.anteprima{position:relative;border:2px solid var(--linea);border-radius:10px;background:var(--fondo);aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;max-width:100%}
.pagina.scelta .anteprima{border-color:var(--blu)}
.anteprima img{width:100%;height:100%;object-fit:contain;background:#fff}
.anteprima .carica{width:22px;height:22px;border:3px solid var(--linea);border-top-color:var(--blu);border-radius:50%;animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.pagina-piede{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:14px}
.pagina-piede label{display:flex;align-items:center;gap:6px;cursor:pointer;min-height:32px}
.pagina-piede input{width:18px;height:18px;margin:0;accent-color:var(--blu)}
.solo{background:none;border:none;cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--blu)}
.solo:hover{background:var(--fondo)}
.ris-qualita{justify-content:flex-start;margin:18px 4px 0}
.fatto{margin:16px 0 0;background:var(--notte);color:#fff;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;animation:entra .35s ease-out}
.fatto::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--blu);opacity:.55;right:-70px;top:-90px;pointer-events:none}
.fatto > *{position:relative;z-index:1}
@keyframes entra{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.fatto-testa{display:flex;gap:14px;align-items:center}
.spunta{flex:none;width:48px;height:48px;border-radius:50%;background:var(--giallo);display:flex;align-items:center;justify-content:center;animation:pop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes pop{from{transform:scale(.4)}to{transform:scale(1)}}
.fatto-titolo{margin:0;font-family:var(--f-titoli);font-weight:800;font-size:30px;line-height:1;letter-spacing:-0.6px;display:flex;align-items:baseline;color:#fff}
.fatto-titolo i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--giallo);margin-left:3px}
.fatto-sub{margin:4px 0 0;font-size:15px;color:var(--su-notte)}
.file-chip{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 12px;min-width:0}
.file-ic{flex:none;width:40px;height:46px;border-radius:6px 14px 6px 6px;background:var(--giallo);color:var(--notte);font-family:var(--f-titoli);font-weight:800;font-size:12px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px}
.file-nome{flex:1 1 auto;min-width:0;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-peso{flex:none;font-size:14px;color:var(--su-notte);font-variant-numeric:tabular-nums}
.fatto-aiuto{margin:0;font-size:15px;line-height:1.55;color:var(--su-notte)}
.fatto-aiuto strong{color:#fff}
.in-linea{font:inherit;background:none;border:none;padding:0;color:var(--giallo);text-decoration:underline;cursor:pointer}
.dopo{margin:0;font-size:15px;line-height:1.5;background:var(--carta);color:var(--testo);border-radius:14px;padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.dopo:empty{display:none}
.dopo span{flex:1 1 220px;min-width:0}
.dopo a{flex:none;background:var(--giallo);color:var(--notte);text-decoration:none;font-weight:700;border-radius:999px;padding:10px 16px;white-space:nowrap}
.dopo a:hover{background:var(--giallo-scuro);color:var(--notte)}
.dopo .pillola{flex:none;background:var(--linea);color:var(--testo-2);font-weight:700;border-radius:999px;padding:10px 16px;white-space:nowrap}
.dopo small{display:block;font-size:13px;color:var(--testo-2)}
.esporta{margin:16px 4px 0;background:var(--fondo);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.esporta-testo{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.esporta-barra{width:100%;height:12px;background:var(--linea)}
.esporta-barra i{background:repeating-linear-gradient(-45deg,var(--blu) 0 12px,#4448EE 12px 24px);background-size:34px 34px;animation:scorre 1s linear infinite}
@keyframes scorre{to{background-position:34px 0}}
.ris-bottoni{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}
.ris-bottoni .btn-giallo{flex:1 1 240px}
.consiglio{margin:14px 4px 0;font-size:15px;color:var(--testo-2)}

@media (max-width:420px){.fatto{padding:18px}.fatto-titolo{font-size:26px}.strumento{border-radius:22px;padding:10px}.zona{padding:32px 16px 28px}}
@media (max-width:600px){.griglia{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.pagina-piede{font-size:14px}.pagina-piede .parola{display:none}.ris-bottoni .btn{flex:1 1 100%}.ris-azioni{gap:2px 12px}}

/* Foto in PDF: elenco foto e opzioni */
.lista-testa{display:flex;justify-content:space-between;align-items:baseline;gap:8px 14px;flex-wrap:wrap;padding:4px 4px 2px}
.lista-testa .titolo{font-size:24px;margin:0;color:var(--testo)}
.lista-testa p{margin:0;font-size:15px;color:var(--testo-2)}
.lista-aiuto{margin:0 4px 12px;font-size:14px;color:var(--testo-2)}
.lista-foto{list-style:none;margin:0;padding:4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;max-height:470px;overflow-y:auto}
.foto{position:relative;background:var(--fondo);border:2px solid transparent;border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:6px}
.foto[draggable="true"]{cursor:grab}
.foto.trascino{opacity:.35}
.foto.bersaglio{border-color:var(--blu);border-style:dashed}
.foto-img{aspect-ratio:1/1;background:var(--carta);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.foto-img img{max-width:100%;max-height:100%;transition:transform .2s;pointer-events:none}
.foto-num{position:absolute;z-index:2;top:4px;left:4px;min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:var(--notte);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.foto-nome{margin:0;font-size:12px;color:var(--testo-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.foto-azioni{display:flex;justify-content:space-between;gap:2px}
.foto-azioni button{flex:1 1 0;height:34px;min-width:0;border:none;border-radius:8px;background:var(--carta);color:var(--notte);cursor:pointer;display:flex;align-items:center;justify-content:center}
.foto-azioni button:hover{background:var(--linea)}
.foto-azioni button:disabled{opacity:.35;cursor:default;background:var(--carta)}
.foto-azioni .togli:hover{background:var(--errore-fondo);color:var(--errore)}
.aggiungi-tessera{border:2px dashed #C9CBE0;border-radius:14px;background:transparent;color:var(--blu);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:150px;padding:12px}
.aggiungi-tessera:hover{border-color:var(--blu);background:#EEF0FF}
.opzioni{margin:16px 4px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 18px}
.opzione{display:flex;flex-direction:column;gap:6px;min-width:0}
.opzione > span,.opzione > label{font-size:14px;font-weight:700;color:var(--testo)}
.opzione .interr{align-self:flex-start}
.opzione input[type="text"]{font:inherit;font-size:15px;border:2px solid var(--linea);border-radius:12px;padding:10px 12px;min-height:44px;width:100%;color:var(--testo);background:var(--carta)}
.opzione input[type="text"]:focus{border-color:var(--blu);outline:none}
.opzione small{font-size:13px;color:var(--testo-2)}
.dopo .azione{flex:none;background:var(--giallo);color:var(--notte);border:none;font:inherit;font-weight:700;border-radius:999px;padding:10px 16px;cursor:pointer;white-space:nowrap}
.dopo .azione:hover{background:var(--giallo-scuro)}
@media (max-width:600px){.lista-foto{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.opzioni{grid-template-columns:1fr}}

/* Riduci peso foto */
.limite{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}
.limite > span{font-size:14px;color:var(--testo-2)}
.interr.a-capo{flex-wrap:wrap;justify-content:center;border-radius:22px}
.altro-campi{display:flex;align-items:center;gap:8px}
.altro-campi input{font:inherit;font-size:15px;width:96px;border:2px solid var(--linea);border-radius:12px;padding:8px 10px;min-height:44px;color:var(--testo);background:var(--carta)}
.altro-campi select{font:inherit;font-size:15px;border:2px solid var(--linea);border-radius:12px;padding:8px 10px;min-height:44px;color:var(--testo);background:var(--carta)}
.altro-campi input:focus,.altro-campi select:focus{border-color:var(--blu);outline:none}
.limite.a-sinistra{align-items:flex-start;margin:16px 4px 0}
.limite.a-sinistra .interr.a-capo{justify-content:flex-start}
.lista-ridotte{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto}
.riga-foto{display:flex;align-items:center;gap:12px;background:var(--fondo);border-radius:14px;padding:8px 8px 8px 10px;min-width:0}
.riga-ante{flex:none;width:52px;height:52px;object-fit:cover;border-radius:8px;background:var(--carta)}
.riga-info{flex:1 1 auto;min-width:0}
.riga-nome{margin:0;font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.riga-dati{margin:2px 0 0;font-size:13px;color:var(--testo-2);font-variant-numeric:tabular-nums}
.riga-badge{flex:none;font-size:13px;font-weight:700;border-radius:999px;padding:4px 10px;background:var(--giallo);color:var(--notte);font-variant-numeric:tabular-nums}
.riga-badge.neutro{background:var(--linea);color:var(--testo-2)}
.riga-badge.allerta{background:var(--errore-fondo);color:var(--errore)}
.solo.togli:hover{background:var(--errore-fondo);color:var(--errore)}
.avviso{margin:12px 4px 0;font-size:14px;color:var(--errore);background:var(--errore-fondo);border-radius:12px;padding:10px 12px}
@media (max-width:600px){.riga-foto{flex-wrap:wrap}.riga-info{flex-basis:calc(100% - 64px)}.riga-badge{margin-left:64px}.riga-foto .solo{margin-left:auto}.riga-foto .solo.togli{margin-left:0}}

/* Unisci PDF */
.voce-info{margin:-2px 0 0;font-size:12px;color:var(--testo);font-weight:700;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-variant-numeric:tabular-nums}
.voce-bloccato{position:absolute;right:5px;bottom:5px;font-weight:700;font-size:11px;border-radius:999px;padding:2px 7px;background:var(--giallo);color:var(--notte);cursor:help}
.voce-pdf .foto-img{position:relative;background:#E4E6F2;padding:8px}
.voce-pdf .foto-img img{box-shadow:0 1px 4px rgba(14,18,64,.25)}
.nota-blocchi{display:block;margin-top:4px;font-size:13px;color:var(--su-notte)}

/* Comprimi PDF */
.riga-pdf{flex:none;width:44px;height:52px;border-radius:6px 14px 6px 6px;background:var(--giallo);color:var(--notte);font-family:var(--f-titoli);font-weight:800;font-size:12px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}
.avviso.neutro{color:var(--testo-2);background:var(--fondo)}
.limite .nota[data-spiega-livello]{max-width:320px;text-align:center}
.limite.a-sinistra .nota[data-spiega-livello]{text-align:left;max-width:none}