/* Colori del sito (palette «Profonda»): una tinta per fase della dispo, uguale in gestione, area operatore, area clienti,
   scheda di lavorazione e PDF. Rosso/giallo dei coloranti (R reattivi, A acidi) e arancio CB (ColorBlend) restano a parte.
   --f-* = tinta piena (bordi, barre, etichette piene); --t-* = fondo chiaro; --s-* = testo sul fondo chiaro. */
:root {
  --f-ricevuta: #7a7f87;   --t-ricevuta: #eceeef;   --s-ricevuta: #464b52;
  --f-tessuto: #d4a017;    --t-tessuto: #f7efd6;    --s-tessuto: #6b4f00;
  --f-tirella: #6a3d9a;    --t-tirella: #ebe4f3;    --s-tirella: #4b2a6e;
  --f-stampa: #1f4e9c;     --t-stampa: #e1e7f3;     --s-stampa: #173c78;
  --f-stampata: #0f6e72;   --t-stampata: #dcebec;   --s-stampata: #0b5357;
  --f-consegnata: #1e7a46; --t-consegnata: #dfeee4; --s-consegnata: #155c34;
  --f-ferma: #b3261e;      --t-ferma: #f6e3e1;      --s-ferma: #8f1e18;
  --cb: #ffa31a; --col-a: #ffeb3b; --col-r: #c62828;
}
@media (prefers-color-scheme: dark) {
  :root {
    --f-ricevuta: #8d929a;   --t-ricevuta: #24272b;   --s-ricevuta: #c5c9ce;
    --f-tessuto: #d9ab2a;    --t-tessuto: #33290d;    --s-tessuto: #ecd18a;
    --f-tirella: #8459b8;    --t-tirella: #261c33;    --s-tirella: #cdb6ea;
    --f-stampa: #3a6cc4;     --t-stampa: #16233a;     --s-stampa: #9bb8ea;
    --f-stampata: #1f8a8f;   --t-stampata: #132e30;   --s-stampata: #7cc4c7;
    --f-consegnata: #2e9152; --t-consegnata: #15291c; --s-consegnata: #8fd0a6;
    --f-ferma: #d0443a;      --t-ferma: #3a1d1b;      --s-ferma: #f0a39c;
  }
}
/* etichetta piena di una fase: <span class="fase f-stampa">In stampa</span> */
.fase { display: inline-block; padding: 1px 8px; font-size: 12px; line-height: 1.6; white-space: nowrap; color: #ffffff; background: var(--f-ricevuta); border: 1px solid transparent; }
.fase.f-ricevuta { background: var(--f-ricevuta); } .fase.f-tessuto { background: var(--f-tessuto); color: #1a171b; }
.fase.f-tirella { background: var(--f-tirella); } .fase.f-stampa { background: var(--f-stampa); }
.fase.f-stampata { background: var(--f-stampata); } .fase.f-consegnata { background: var(--f-consegnata); }
.fase.f-ferma { background: var(--f-ferma); } .fase.f-annullata { background: none; color: inherit; border-color: currentColor; opacity: .6; text-decoration: line-through; }
/* etichetta leggera (fondo chiaro, testo della fase) */
.fase.chiara { border: 1px solid transparent; }
.fase.chiara.f-ricevuta { background: var(--t-ricevuta); color: var(--s-ricevuta); } .fase.chiara.f-tessuto { background: var(--t-tessuto); color: var(--s-tessuto); }
.fase.chiara.f-tirella { background: var(--t-tirella); color: var(--s-tirella); } .fase.chiara.f-stampa { background: var(--t-stampa); color: var(--s-stampa); }
.fase.chiara.f-stampata { background: var(--t-stampata); color: var(--s-stampata); } .fase.chiara.f-consegnata { background: var(--t-consegnata); color: var(--s-consegnata); }
.fase.chiara.f-ferma { background: var(--t-ferma); color: var(--s-ferma); }
/* indicatore discreto «sto lavorando»: una linea sottile con un tratto che scorre */
.lavora { display: block; height: 2px; background: var(--line, #e4e2dd); position: relative; overflow: hidden; margin: 8px 0 0; max-width: 360px; }
.lavora::after { content: ""; position: absolute; top: 0; bottom: 0; left: -35%; width: 35%; background: var(--fg, #1a171b); animation: lavora 1.3s ease-in-out infinite; }
@keyframes lavora { to { left: 100%; } }
@media (prefers-reduced-motion: reduce) { .lavora::after { animation-duration: 3.5s; } }