/* magazzino.css — le schermate del magazzino (SPEC_Magazzino). Colori solo dai token di :root (app.css). */
.art-tab{width:100%;border-collapse:collapse}
.art-tab th{text-align:left;font-size:var(--t-meta);color:var(--ink-60);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line)}
.art-tab td{padding:8px 10px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
.art-tab th.r,.art-tab td.r{text-align:right}
.art-riga{cursor:pointer}
.art-riga:hover{background:var(--hover)}
.art-cerca{padding:var(--s3);border-bottom:1px solid var(--line)}
.art-cerca .cell{width:100%}
.art-mini{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--line);display:inline-flex;
  align-items:center;justify-content:center;background:var(--surface)}
.art-senza{color:var(--ink-30)}
.art-grande{width:100%;max-height:340px;object-fit:contain;border-radius:8px;border:1px solid var(--line);background:var(--surface);
  display:flex;align-items:center;justify-content:center;min-height:160px;font-size:var(--t3)}
.art-miniature{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s2)}
.art-mini-btn{padding:0;border:2px solid transparent;border-radius:8px;background:none;cursor:pointer}
.art-mini-btn.on{border-color:var(--ink)}
.art-codice{font-size:var(--t3);color:var(--ink-60)}
.art-scheda{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--s4)}
.art-opz{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--s4)}
.art-dato{display:flex;justify-content:space-between;gap:var(--s3);padding:6px 0;border-bottom:1px solid var(--line-soft)}
.art-campi{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s2)}
.art-file{display:flex;justify-content:space-between;align-items:center;padding:4px 0}
.art-est{margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:var(--s2)}
.art-scaglioni{display:flex;flex-direction:column;align-items:flex-end}
.art-avviso{border-color:var(--alert-line);background:var(--alert-soft);color:var(--alert);margin-bottom:var(--s4)}
.art-giacenza{display:flex;gap:var(--s5);flex-wrap:wrap;align-items:baseline;margin-bottom:var(--s4)}
.art-giacenza .num{font-size:var(--t4);font-weight:700}
.art-negativa{color:var(--alert);font-weight:600}
.num-interno{font-style:italic;color:var(--ink-60)}
@media (max-width:767px){.art-scheda{grid-template-columns:minmax(0,1fr)}}
/* Prelievi e resi: una colonna, campi grandi per il telefono */
.prel{max-width:640px;display:flex;flex-direction:column;gap:var(--s3)}
.prel-card{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}
.prel-grande{font-size:var(--t3);min-height:44px;width:100%}
.prel-risultato{display:flex;gap:var(--s3);align-items:center;width:100%;text-align:left;padding:8px;border:1px solid var(--line);
  border-radius:8px;background:var(--card);cursor:pointer;margin-bottom:var(--s1)}
.prel-risultato.on{border-color:var(--ink)}
.prel-articolo{display:flex;flex-direction:column;gap:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line)}
/* Ricevimenti (SPEC_Magazzino §8): il documento accanto alle righe; le righe da guardare risaltano */
.ric-scheda{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:var(--s4);align-items:start}
.ric-pagina{margin-top:var(--s2);max-height:none}
.ric-righe td{vertical-align:top}
.ric-righe .cell{padding:4px 6px}
.ric-dubbia td:first-child{box-shadow:inset 3px 0 0 var(--materiale)}
.ric-sconosciuta td:first-child,.ric-nuova_da_listino td:first-child{box-shadow:inset 3px 0 0 var(--alert)}
@media (max-width:1023px){.ric-scheda{grid-template-columns:minmax(0,1fr)}}
/* A.16: la lista «da validare» per motivo */
.dv-barra{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;padding:var(--s3);border-bottom:1px solid var(--line)}
.dv-testa{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap;padding:var(--s3) var(--s3) 0}
.dv-tutti{display:flex;gap:var(--s1);flex-wrap:wrap}
.dv-gemello{border-left:2px dashed var(--line)}
.dv-azioni{white-space:nowrap}
.dv-azioni-blocco{display:flex;gap:var(--s2);flex-wrap:wrap}
.art-spunta{width:32px}
/* SPEC_PreventivoMagazzino: la targhetta del magazzino nel preventivo, il filtro della tendina, «Collega», da prelevare */
.targhetta-mag{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:999px;background:var(--margine-soft);
  color:var(--margine-ink);font-size:var(--t1);white-space:nowrap}
.targhetta-mag.manca{background:var(--alert-soft);color:var(--alert)}
.art-micro{width:18px;height:18px;object-fit:cover;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;
  font-size:10px;color:var(--ink-30)}
.sugg .sugg-filtro{cursor:pointer;color:var(--ink-60);font-size:var(--t1);background:var(--surface)}
.collega-voce{display:flex;gap:var(--s2);align-items:center;padding:var(--s2);border:1px solid var(--line);border-radius:var(--r);
  margin-bottom:var(--s2);cursor:pointer}
.collega-voce.on{border-color:var(--margine);background:var(--margine-soft)}
.dp-stato{font-size:var(--t1);white-space:nowrap}
.dp-stato.prelevato{color:var(--ok)}
.dp-stato.manca{color:var(--alert)}

/* «Sfoglia il magazzino» dal preventivo (notte 01/10, parte 2): foto grandi, targhetta, costo */
.sm-barra{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.sm-barra>.cell{flex:1;min-width:200px}
.sm-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--s3);padding:var(--s3)}
.sm-carta{display:grid;gap:4px;align-content:start;text-align:left;padding:var(--s2);border:1px solid var(--line);border-radius:var(--r);
  background:var(--card);cursor:pointer;font:inherit;color:inherit}
.sm-carta:hover{box-shadow:var(--shadow-md);border-color:var(--margine-line)}
.sm-foto{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:var(--surface);display:grid;place-items:center}
.sm-descr{font-size:var(--t2);line-height:1.3}