:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--verde:#16a34a;--verde-testo:#15803d;--giallo:#ca8a04;--giallo-testo:#a16207;--rosso:#dc2626;--rosso-testo:#b91c1c;--nero:#171717;--nero-testo:#171717;--accento:#14496b;--su-accento:#fff;--inchiostro:#171717;--inchiostro-2:#525252;--inchiostro-3:#737373;--bordo:#e5e5e5;--bordo-campo:#919191;--fondo:#fafafa;--carta:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--fondo);color:var(--inchiostro);margin:0;font-size:16px;line-height:1.45;overflow:hidden}h1{color:var(--inchiostro);margin:0;font-size:22px;font-weight:650}h2{color:var(--inchiostro);margin:0 0 var(--s2);letter-spacing:.01em;font-size:15px;font-weight:650}h2 small{color:var(--inchiostro-3);margin-left:var(--s2);letter-spacing:0;font-size:13px;font-weight:400}.secondario{color:var(--inchiostro-3);font-size:13px;font-weight:400}.programma{flex-direction:column;height:100dvh;display:flex}.intestazione{order:0}main{order:2}nav{background:var(--carta);border-top:1px solid var(--bordo);padding-bottom:env(safe-area-inset-bottom);flex:none;order:3;display:flex}nav a{min-height:56px;color:var(--inchiostro-3);letter-spacing:.01em;padding:var(--s2) var(--s1);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;text-decoration:none;display:flex}nav a.attiva{color:var(--accento)}nav a:focus-visible{outline:2px solid var(--accento);outline-offset:-3px}main{-webkit-overflow-scrolling:touch;padding:var(--s4) var(--s3);padding-bottom:var(--s8);flex:1;overflow-y:auto}.contenuto{max-width:780px;margin:0 auto}.accesso{max-width:320px;padding:0 var(--s4);gap:var(--s4);flex-direction:column;margin:12vh auto;display:flex}.accesso label{gap:var(--s1);color:var(--inchiostro-2);flex-direction:column;font-size:13px;display:flex}.accesso input{min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--bordo-campo);background:var(--carta);color:var(--inchiostro);border-radius:8px;font-size:16px}.accesso input:focus-visible{outline:2px solid var(--accento);outline-offset:1px}.accesso button{background:var(--accento);min-height:44px;color:var(--su-accento);cursor:pointer;border:0;border-radius:8px;font-size:16px;font-weight:500}.accesso button:disabled{background:var(--inchiostro-3);cursor:default}.accesso button:focus-visible{outline:2px solid var(--accento);outline-offset:2px}.attesa,.vuoto,.errore{padding:var(--s6) var(--s3);text-align:center}.attesa{color:var(--inchiostro-3);font-size:15px}.vuoto{color:var(--inchiostro-2);font-size:15px}.vuoto strong{color:var(--inchiostro);margin-bottom:var(--s2);font-size:17px;font-weight:600;display:block}.errore{color:var(--rosso-testo);text-align:left;font-size:15px}.data{color:var(--inchiostro-3);margin:0 0 var(--s2);font-size:13px}.vuoto .data{margin-bottom:var(--s4)}.conteggi{gap:var(--s4);margin-bottom:var(--s6);flex-wrap:wrap;display:flex}.conteggio{align-items:baseline;gap:var(--s2);display:flex}.conteggio .numero{font-size:26px;font-weight:650;line-height:1}.conteggio .etichetta{color:var(--inchiostro-2);font-size:13px}.conteggio.nero .numero{color:var(--nero-testo)}.conteggio.rosso .numero{color:var(--rosso-testo)}.conteggio.giallo .numero{color:var(--giallo-testo)}.conteggio.zero .numero{color:var(--inchiostro-3)}section{margin-bottom:var(--s6)}.voci{background:var(--carta);border:1px solid var(--bordo);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.voci li{gap:var(--s1) var(--s3);padding:var(--s3);border-top:1px solid var(--bordo);grid-template-columns:10px 1fr auto;align-items:start;display:grid}.voci li:first-child{border-top:0}.pallino{border-radius:50%;width:10px;height:10px;margin-top:6px}.pallino.verde{background:var(--verde)}.pallino.giallo{background:var(--giallo)}.pallino.rosso{background:var(--rosso)}.pallino.nero{background:var(--nero)}.articolo{font-size:15px;font-weight:500}.dettaglio{color:var(--inchiostro-3);grid-column:2;align-self:center;font-size:13px}.stato{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:12px;font-weight:600}.stato.nero{color:var(--nero-testo)}.stato.rosso{color:var(--rosso-testo)}.stato.giallo{color:var(--giallo-testo)}.stato.verde{color:var(--verde-testo)}.quantita{color:var(--inchiostro-2);white-space:nowrap;font-size:14px}.manca{color:var(--rosso-testo);font-weight:600}.ricerca{width:100%;min-height:44px;padding:var(--s2) var(--s3);margin-bottom:var(--s4);border:1px solid var(--bordo-campo);background:var(--carta);color:var(--inchiostro);border-radius:8px;font-size:16px}.ricerca:focus-visible{outline:2px solid var(--accento);outline-offset:1px}.intestazione{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);padding-top:calc(var(--s2) + env(safe-area-inset-top));background:var(--accento);color:var(--su-accento);flex:none;display:flex}.intestazione .chi{min-width:0}.intestazione .titolo{letter-spacing:.01em;font-size:17px;font-weight:650;display:block}.intestazione .utente{opacity:.72;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.intestazione .comandi-testa{flex:none;display:flex}.intestazione .icona-testa{min-width:44px;min-height:44px;color:var(--su-accento);background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.intestazione .icona-testa:hover,.intestazione .icona-testa.active{background:#ffffff1f}.intestazione .icona-testa:focus-visible{outline:2px solid var(--su-accento);outline-offset:-2px}.impostazioni{margin:0 0 var(--s4);background:var(--carta);border:1px solid var(--bordo);border-radius:10px;padding:0;overflow:hidden}.impostazioni>div{padding:var(--s3)}.impostazioni>div+div{border-top:1px solid var(--bordo)}.impostazioni dt{color:var(--inchiostro-3);margin-bottom:2px;font-size:13px}.impostazioni dd{overflow-wrap:anywhere;margin:0;font-size:15px}.impostazioni dd .secondario{margin-top:2px;display:block}.avviso-aggiornamento{margin:0 0 var(--s4);padding:var(--s3);background:var(--fondo);border:1px solid var(--bordo);border-radius:8px;font-size:14px}.secondaria.esci{width:100%}.accessi{background:var(--carta);border:1px solid var(--bordo);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.accessi li{gap:var(--s1) var(--s3);padding:var(--s3);border-top:1px solid var(--bordo);grid-template-columns:1fr auto;align-items:baseline;display:grid}.accessi li:first-child{border-top:0}.accessi .nome{font-size:15px;font-weight:500}.accessi .quando{color:var(--inchiostro-2);text-align:right;font-size:14px}.accessi .secondario{grid-column:1/-1}.periodo{gap:var(--s2);margin-bottom:var(--s4);display:flex}.periodo button{min-height:44px;padding:0 var(--s4);border:1px solid var(--bordo-campo);background:var(--carta);color:var(--inchiostro-2);cursor:pointer;border-radius:999px;font-size:14px;font-weight:500}.periodo button.attivo{background:var(--accento);color:var(--su-accento);border-color:var(--accento)}.periodo button:focus-visible{outline:2px solid var(--accento);outline-offset:2px}.resoconto{background:var(--carta);border:1px solid var(--bordo);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.resoconto li{gap:var(--s1) var(--s3);padding:var(--s3);border-top:1px solid var(--bordo);grid-template-columns:1fr auto;align-items:baseline;display:grid}.resoconto li:first-child{border-top:0}.resoconto .nome{font-size:15px;font-weight:500}.resoconto .quando{color:var(--inchiostro-2);text-align:right;font-size:14px}.resoconto .secondario{grid-column:1/-1}.voci li.aperta{background:var(--fondo)}.apri{text-align:left;color:var(--inchiostro);cursor:pointer;background:0 0;border:0;align-items:center;min-height:44px;margin:-10px 0;padding:10px 0;font-size:15px;font-weight:500;display:flex}.apri:focus-visible{outline:2px solid var(--accento);outline-offset:2px}.apertura{margin-top:var(--s3);padding-top:var(--s3);border-top:1px dashed var(--bordo);gap:var(--s3);flex-direction:column;grid-column:1/-1;display:flex}.fornitura,.aggiungi{align-items:flex-end;gap:var(--s3);flex-wrap:wrap;display:flex}.aggiungi{border-top:1px solid var(--bordo);padding-top:var(--s3);padding-bottom:var(--s4)}.aggiungi .secondario{flex:1 0 100%;margin:0}.fornitura .quando{color:var(--inchiostro-2);flex:1 0 100%;font-size:13px}.apertura label{gap:var(--s1);flex-direction:column;display:flex}.etichetta-campo{color:var(--inchiostro-3);font-size:12px}.apertura input{width:88px;min-height:44px;padding:var(--s2);text-align:right;border:1px solid var(--bordo-campo);background:var(--carta);color:var(--inchiostro);border-radius:8px;font-size:16px}.apertura input:focus-visible{outline:2px solid var(--accento);outline-offset:1px}.apertura button{min-height:44px;padding:0 var(--s4);cursor:pointer;border-radius:8px;font-size:15px;font-weight:500}.aggiungi button{background:var(--accento);color:var(--su-accento);border:0}.aggiungi .scansione{flex:1 0 100%}.aggiungi .scansione button{border:1px solid var(--bordo-campo);color:var(--inchiostro-2);background:0 0}.butta{border:1px solid var(--bordo-campo);color:var(--rosso-testo);background:0 0}.apertura button:focus-visible{outline:2px solid var(--accento);outline-offset:2px}.apertura .errore{flex:1 0 100%;margin:0;padding:0}.apertura .correggi-nome{border:1px solid var(--bordo-campo);color:var(--inchiostro-2);background:0 0;align-self:flex-start}.esporta{margin-bottom:var(--s4)}.rinomina{align-items:flex-end;gap:var(--s3);flex-wrap:wrap;display:flex}.rinomina label{flex:1 0 100%}.apertura .rinomina input{text-align:left;width:100%}.rinomina button[type=submit]{background:var(--accento);color:var(--su-accento);border:0}.rinomina .annulla{border:1px solid var(--bordo-campo);color:var(--inchiostro-2);background:0 0}.azioni{justify-content:flex-end;place-self:center end;gap:var(--s2);flex-wrap:wrap;grid-column:3;display:flex}.azioni button{min-height:44px;padding:0 var(--s3);cursor:pointer;border:1px solid var(--bordo-campo);background:0 0;border-radius:8px;font-size:14px;font-weight:500}.azioni .butta{color:var(--rosso-testo)}.azioni .butta.pacata,.azioni .annulla{color:var(--inchiostro-2)}.azioni button:focus-visible{outline:2px solid var(--accento);outline-offset:2px}.principale,.secondaria{min-height:48px;padding:0 var(--s6);cursor:pointer;border-radius:10px;font-size:16px;font-weight:600}.principale{background:var(--accento);color:var(--su-accento);border:0}.secondaria{border:1px solid var(--bordo-campo);background:var(--carta);color:var(--inchiostro-2);font-weight:500}.secondaria:disabled{opacity:.45;cursor:default}.principale:focus-visible,.secondaria:focus-visible{outline:2px solid var(--accento);outline-offset:2px}.giro-avvio{text-align:center;gap:var(--s4);flex-direction:column;align-items:center;max-width:420px;margin:8vh auto;display:flex}.giro-avvio p{margin:0}.giro-avvio .principale{width:100%;max-width:280px}.giro-testa{margin-bottom:var(--s4)}.giro-testa .secondario{margin:0 0 var(--s2)}.avanzamento{background:var(--bordo);border-radius:3px;height:6px;overflow:hidden}.avanzamento .riempimento{background:var(--accento);height:100%;transition:width .2s}.giro-azioni{gap:var(--s3);margin-top:var(--s6);padding:var(--s3) 0;background:var(--fondo);border-top:1px solid var(--bordo);justify-content:space-between;display:flex;position:sticky;bottom:0}.giro-azioni .principale{flex:1}select{min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--bordo-campo);background:var(--carta);color:var(--inchiostro);border-radius:8px;max-width:100%;font-size:16px}select:focus-visible{outline:2px solid var(--accento);outline-offset:1px}.fascia-azione{margin-bottom:var(--s6)}.fila{gap:var(--s3);display:flex}.fila-larga{margin:var(--s4) 0;flex-wrap:wrap}.nuovo-ordine{gap:var(--s3);flex-direction:column;display:flex}.nuovo-ordine label{gap:var(--s1);flex-direction:column;display:flex}.briciole{margin:0 0 var(--s3);font-size:14px}.briciole a{color:var(--accento);text-decoration:none}.briciole a:hover{text-decoration:underline}.briciole a:focus-visible{outline:2px solid var(--accento);outline-offset:2px}.stato-ordine{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;color:var(--inchiostro-3);font-size:12px;font-weight:600}.stato-ordine.inviato,.stato-ordine.ricevuto_parziale{color:var(--accento)}.stato-ordine.completato{color:var(--verde-testo)}.riga-ordine .apri{color:var(--accento)}.voci li.riga-ordine{grid-template-columns:minmax(0,1fr) auto}.riga-ordine .dettaglio{text-align:left;grid-column:1}.anteprima-mail{padding:var(--s3);background:var(--carta);border:1px solid var(--bordo);color:var(--inchiostro-2);white-space:pre-wrap;border-radius:10px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;overflow-x:auto}.nuovo-fornitore{gap:var(--s3);padding:var(--s3);border:1px dashed var(--bordo);border-radius:10px;flex-direction:column;display:flex}.nuovo-fornitore label{gap:var(--s1);flex-direction:column;display:flex}.nuovo-fornitore input{min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--bordo-campo);background:var(--carta);color:var(--inchiostro);border-radius:8px;font-size:16px}.nuovo-fornitore input:focus-visible{outline:2px solid var(--accento);outline-offset:1px}.come-collegamento{cursor:pointer;min-height:44px;color:var(--accento);background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px;text-decoration:underline}.come-collegamento:focus-visible{outline:2px solid var(--accento);outline-offset:2px}.composizione{margin-top:var(--s8)}.aggiungi .dove{flex:1 0 100%}.aggiungi .dove select{width:100%}.nuovo-articolo{margin-bottom:var(--s8)}.nuovo-articolo form{gap:var(--s4);flex-direction:column;display:flex}.nuovo-articolo label{gap:var(--s1);flex-direction:column;display:flex}.nuovo-articolo input,.nuovo-articolo select{min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--bordo-campo);background:var(--carta);color:var(--inchiostro);border-radius:8px;width:100%;font-size:16px}.nuovo-articolo input:focus-visible,.nuovo-articolo select:focus-visible{outline:2px solid var(--accento);outline-offset:1px}.fila-campi{gap:var(--s3);flex-wrap:wrap;display:flex}.fila-campi label{flex:150px}.contenitore-nuovo{gap:var(--s3);padding:var(--s3);border:1px dashed var(--bordo);border-radius:10px;flex-direction:column;display:flex}.contenitore-nuovo .secondaria{align-self:flex-start}.nuovo-articolo .aifa{color:var(--verde-testo);margin:calc(-1 * var(--s2)) 0 0}.nuovo-articolo .suggerimenti{gap:var(--s1);margin:calc(-1 * var(--s2)) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.nuovo-articolo .suggerimenti button{text-align:left;width:100%;min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--bordo-campo);background:var(--carta);color:var(--inchiostro);border-radius:8px;font-size:15px;display:block}.riuscito{margin:var(--s3) 0 0;color:var(--verde-testo);font-size:14px}.campo-scadenza{gap:var(--s1);flex-direction:column;display:flex;position:relative}.campo-scadenza input{width:116px;min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--bordo-campo);background:var(--carta);color:var(--inchiostro);text-align:center;letter-spacing:.04em;border-radius:8px;font-size:16px}.campo-scadenza input:focus-visible{outline:2px solid var(--accento);outline-offset:1px}.aggiungi{container-type:inline-size}.eco{width:max-content;max-width:calc(100cqw - 100px);color:var(--inchiostro-3);font-size:12px;line-height:1.3;position:absolute;top:calc(100% + 2px);left:0}.eco-storta{color:var(--rosso-testo)}@media (width>=640px){main{padding:var(--s6) var(--s4)}nav{border-top:0;border-bottom:1px solid var(--bordo);order:1;justify-content:center;padding-bottom:0}nav a{gap:var(--s2);flex-direction:row;flex:0 auto;min-width:148px;min-height:48px;font-size:14px}nav a.attiva{box-shadow:inset 0 -2px 0 var(--accento)}.voci li{grid-template-columns:10px minmax(0,1fr) auto auto auto;align-items:center}.dettaglio{text-align:right;grid-column:auto}.azioni{grid-column:auto;justify-self:auto}}