/* schemi/schemi.css — gli schemi di taglio (SPEC_GestioneCommesse_v2 A.9; struttura da Specifiche/mockup/Demo_schemi_di_taglio.html).
   Solo i token di app.css (:root): le zone sopra l'immagine sono i colori dell'app mescolati con la trasparenza. Grande al tocco. */
.sch-barra{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin-bottom:var(--s3)}
.sch-num{font-size:var(--t4);font-weight:700}
.sch-file{padding:var(--s4);margin-bottom:var(--s4)}
.sch-file-testa{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin-bottom:var(--s3)}
.sch-pannelli{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--s3)}
.sch-pann{display:grid;gap:4px;text-align:left;padding:var(--s3);border:1px solid var(--line);border-radius:var(--r);background:var(--card);
  cursor:pointer;min-height:120px;font:inherit;color:inherit}
.sch-pann:hover{box-shadow:var(--shadow-md)}
.sch-pann.da_verificare{border-color:var(--materiale-line);background:var(--materiale-soft)}
.sch-pann-n{font-weight:700;font-size:var(--t3)}
.sch-banda{border-radius:8px;padding:var(--s2) var(--s3);margin:var(--s2) 0}
.sch-banda.gialla{background:var(--materiale-soft);color:var(--materiale-ink);border:1px solid var(--materiale-line)}
.sch-banda.rossa{background:var(--alert-soft);color:var(--alert);border:1px solid var(--alert-line)}
.sch-testa{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:baseline;margin-bottom:var(--s2)}
.sch-testa h2{margin:0}
.sch-azioni{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0}
.sch-azioni .btn{min-height:44px}
.sch-griglia{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s4);align-items:start}
.sch-foglio{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--card);touch-action:manipulation;
  user-select:none}
.sch-foglio img{display:block;width:100%;height:auto}
.sch-zona{position:absolute;padding:0;margin:0;border:0;background:transparent;cursor:pointer;
  outline:1px solid color-mix(in srgb,var(--sezione) 35%,transparent);outline-offset:-1px}
.sch-zona:hover,.sch-zona.scelta{outline:3px solid var(--sezione);outline-offset:-2px}
.sch-zona.tagliato{background:color-mix(in srgb,var(--margine) 45%,transparent)}
.sch-zona.da_scarto{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink-30) 55%,transparent) 0 6px,transparent 6px 12px)}
.sch-zona.dubbio,.sch-zona.da_riassegnare,.sch-zona.nuovo{outline:2px solid var(--materiale);outline-offset:-2px}
.sch-zona.dubbio:not(.tagliato),.sch-zona.da_riassegnare:not(.tagliato){background:color-mix(in srgb,var(--materiale) 30%,transparent)}
.sch-lato{display:grid;gap:var(--s3);align-content:start}
.sch-pezzo h2{margin:0 0 var(--s2)}
.sch-bottoni .btn{width:100%;min-height:44px;margin-top:var(--s2)}
@media (max-width:1000px){.sch-griglia{grid-template-columns:minmax(0,1fr)}}
/* il segno libero su un pezzo non riconosciuto: il punto toccato, come l'evidenziatore (A.9 difesa 3) */
.sch-segno{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;pointer-events:none;
  background:color-mix(in srgb,var(--margine) 70%,transparent);border:2px solid var(--card)}
/* SPEC_SchemiCondivisi: il riquadro dell'abbinamento, i colori per arredo e la legenda */
.sch-abb{padding:var(--s4);margin-bottom:var(--s4)}
.sch-abb h2{margin:0 0 var(--s2)}
.sch-abb-righe{display:grid;gap:var(--s2);margin-top:var(--s3)}
.sch-abb-riga{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(160px,1fr) minmax(0,1fr);gap:var(--s3);align-items:center;
  padding:var(--s2);border-bottom:1px solid var(--line-soft)}
.sch-abb-riga.gruppo{background:var(--surface)}
.sch-abb-riga select{min-height:40px}
.sch-abb-chiuso{margin:0 0 var(--s3)}
@media (max-width:700px){.sch-abb-riga{grid-template-columns:minmax(0,1fr)}}
.sch-zona.ar-1,i.ar-1{background:color-mix(in srgb,var(--arredo-1) 45%,transparent)}
.sch-zona.ar-2,i.ar-2{background:color-mix(in srgb,var(--arredo-2) 45%,transparent)}
.sch-zona.ar-3,i.ar-3{background:color-mix(in srgb,var(--arredo-3) 45%,transparent)}
.sch-zona.ar-4,i.ar-4{background:color-mix(in srgb,var(--arredo-4) 45%,transparent)}
.sch-zona.ar-5,i.ar-5{background:color-mix(in srgb,var(--arredo-5) 45%,transparent)}
.sch-zona.ar-6,i.ar-6{background:color-mix(in srgb,var(--arredo-6) 45%,transparent)}
.sch-zona.ar-extra,i.ar-extra{background:color-mix(in srgb,var(--ink-30) 40%,transparent)}
.sch-zona.ar-x,i.ar-x{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--alert) 30%,transparent) 0 5px,transparent 5px 10px)}
.sch-zona.ar.tagliato{outline:3px solid var(--margine);outline-offset:-3px}
.sch-legenda{display:flex;flex-wrap:wrap;gap:var(--s3);margin:0 0 var(--s3)}
.sch-legenda span{display:flex;align-items:center;gap:6px}
.sch-legenda i{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid var(--line)}
/* SPEC_ListaPezziCSV: la lista pezzi e gli avvisi del doppio controllo */
.sch-zona.lista-rosso{outline:3px solid var(--alert);outline-offset:-3px;background:color-mix(in srgb,var(--alert) 25%,transparent)}
.lst-blocco{padding:var(--s4);margin-top:var(--s4)}
.lst-blocco h2{margin:0 0 var(--s2)}
.lst-blocco h3{margin:var(--s3) 0 var(--s1);font-size:var(--t3)}
.lst-tab{width:100%;border-collapse:collapse}
.lst-tab th,.lst-tab td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.lst-avviso{color:var(--materiale-ink)}
.lst-bordi{margin-top:var(--s3);display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.lst-pagina{background:var(--card);padding:var(--s4)}
@media print{.lst-pagina .lst-blocco{break-inside:avoid-page;box-shadow:none}}
/* SPEC_MotoreTaglio: la ri-ottimizzazione e il disegno del foglio generato (SVG a mano, misure in decimi di mm) */
.sch-pann.sostituito{opacity:.55;border-style:dashed}
.rio-mat{padding:var(--s4);margin-top:var(--s3)}
.rio-testa{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}
.rio-scelta{margin-top:var(--s3);border-top:1px solid var(--line);padding-top:var(--s3)}
.rio-scarto{display:flex;gap:var(--s2);align-items:center;margin-top:4px}
.rio-scarto .cell.num{width:110px}
.rio-proposta{margin:var(--s3) 0;font-size:var(--t3)}
.rio-fogli{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s3)}
.rio-foglio{border:1px solid var(--line);border-radius:8px;padding:var(--s2);background:var(--card)}
.rio-svg{display:block;width:100%;height:auto}
.rio-lastra{fill:var(--materiale-soft);stroke:var(--ink-60,#555);stroke-width:8}
.rio-area{fill:none;stroke:var(--ink-30,#999);stroke-dasharray:40 30;stroke-width:6}
.rio-scarto-r{fill:color-mix(in srgb,var(--ink-30,#999) 35%,transparent)}
.rio-pezzo rect{fill:var(--card);stroke:var(--ink,#111);stroke-width:8}
.rio-pezzo text{fill:var(--ink,#111);pointer-events:none}
.rio-pezzo .rio-n{font-weight:700}
.rio-pezzo.tagliato rect{fill:color-mix(in srgb,var(--margine) 45%,var(--card))}
.rio-pezzo.da_scarto rect{fill:color-mix(in srgb,var(--ink-30,#999) 45%,var(--card))}
.rio-pezzo.scelto rect{stroke:var(--sezione);stroke-width:30}
.rio-disegno .rio-pezzo{cursor:pointer}
.rio-quota{fill:var(--ink-60,#555)}
.rio-tagli{width:100%;font-size:var(--t1,12px)}
.rio-tagli td,.rio-tagli th{padding:2px 6px}
.rio-eccezione{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:end;border-top:1px solid var(--line);padding-top:var(--s2);margin-top:var(--s2)}
.rio-eccezione .cell.num{width:80px}