/* ═══ PASSO 4 · SCARICA — elenco delle tavole, anteprima, azioni ═══
   280 + 1fr + 320, spazio 8 px; il foglio A3 sta nella tela con il suo bordo. */
.sca { position: absolute; inset: 0; display: grid; grid-template-columns: 280px minmax(0, 1fr) 320px; gap: 8px; }
.sca-sx { padding: 16px 12px; overflow: auto; display: flex; flex-direction: column; gap: 2px; }
.sca-f { display: flex; flex-direction: column; gap: 6px; padding: 0 8px 12px; font-size: 13px; font-weight: 500; }
.sca-f input { height: 32px; padding: 0 10px; border: 1px solid var(--control); border-radius: var(--radius-control); background: var(--surface); font-size: 14px; }
.sca-f input:focus { outline: none; border-color: var(--accent); }
.sca-f input::placeholder { color: var(--faint); }
.sca-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.sca-lista button {
  display: flex; align-items: center; gap: 10px; width: 100%; height: 36px; padding: 0 8px;
  border: 0; border-radius: var(--radius-control); background: none; text-align: left; font-size: 14px; font-weight: 500; color: var(--text);
}
.sca-lista button .num { width: 18px; color: var(--muted); font-size: 13px; text-align: right; }
.sca-lista button:hover { background: var(--raised); }
.sca-lista button.is-on { background: var(--active); font-weight: 600; }
.sca-att { padding: 8px; color: var(--muted); font-size: 13px; }

.sca-ant { position: relative; overflow: hidden; display: grid; place-items: center; padding: 24px; }
.sca-foglio { width: 100%; max-height: 100%; aspect-ratio: 420 / 297; background: #fff; border: 1px solid var(--border); }
.sca-foglio img { display: block; width: 100%; height: 100%; }

.sca-dx { display: flex; flex-direction: column; overflow: hidden; }
.sca-dx-in { flex: 1; overflow: auto; padding: 20px; display: flex; flex-direction: column; gap: 20px; }
.sca-dx-in h3 { margin: 0; font-size: var(--fs-section); line-height: 22px; font-weight: 600; }
.sca-az { display: flex; flex-direction: column; gap: 6px; }
.sca-az .btn { width: 100%; height: 40px; }

/* stampa: solo le tavole, una per pagina */
#stampaTavole { display: none; }
@media print {
  @page { size: 420mm 297mm; margin: 0; }
  html, body { height: auto !important; background: #fff !important; }
  body > *:not(#stampaTavole) { display: none !important; }
  #stampaTavole { display: block; }
  #stampaTavole .st-pag { width: 420mm; height: 297mm; overflow: hidden; page-break-after: always; break-after: page; }
  #stampaTavole .st-pag:last-child { page-break-after: auto; break-after: auto; }
  #stampaTavole svg { display: block; width: 420mm; height: 297mm; }
}

@media (max-width: 1180px) { .sca { grid-template-columns: 240px minmax(0, 1fr) 280px; } }
@media (max-width: 900px) { .sca { grid-template-columns: 210px minmax(0, 1fr) 240px; } .sca-ant { padding: 12px; } }