:root{--ink: #14161a;--grigio: #4a505a;--linea: #d5d9de;--fondo: #f5f6f7;--carta: #ffffff;--blu: #2456c9;--verde: #1b7a43;--rosso: #b3261e;--ambra: #8f5700;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--fondo);font-size:16px;line-height:1.4}button,input,select{font:inherit}input,select{width:100%;min-height:44px;padding:8px 10px;border:1px solid #b9bec6;border-radius:6px;background:var(--carta);color:var(--ink)}input[type=checkbox]{width:22px;min-height:22px;height:22px}input[type=file]{border:0;padding:8px 0}label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--grigio)}label.spunta{flex-direction:row;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--ink)}button{min-height:44px;padding:8px 16px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:#fff;font-weight:600;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button.secondario{background:var(--carta);color:var(--ink)}button.pericolo{background:var(--carta);color:var(--rosso);border-color:var(--rosso)}button.testo{background:none;border:0;color:var(--blu);padding:8px 4px;min-height:40px;font-weight:600}:focus-visible{outline:3px solid var(--blu);outline-offset:2px}.app{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:var(--ink)}header nav{display:flex;gap:6px}header nav button{background:transparent;border-color:#4a505a;min-height:40px}header nav button.attivo{background:#fff;color:var(--ink);border-color:#fff}.utente{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px}.utente .testo{color:#fff;text-decoration:underline}.pagina{max-width:720px;margin:0 auto;padding:12px 12px 96px;display:flex;flex-direction:column;gap:12px}.pagina.larga{max-width:960px}.scheda-ui{background:var(--carta);border:1px solid var(--linea);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px}h1,h2,h3{margin:0;line-height:1.2}h2{font-size:18px}h3{font-size:16px}.piccolo{font-size:13px;color:var(--grigio)}.vuoto{text-align:center;color:var(--grigio);padding:24px}.riga{display:flex;gap:8px}.riga input{flex:1;font-family:ui-monospace,IBM Plex Mono,monospace;font-size:20px;letter-spacing:.04em}.griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.largo{grid-column:1 / -1}.azioni{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.intestazione{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.codice-grande{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:24px}.badge{display:inline-block;padding:2px 10px;border:2px solid;border-radius:12px;font-size:13px;font-weight:700;white-space:nowrap}.errore{background:#fdecea;color:var(--rosso);border:1px solid #f1b7b2;border-radius:6px;padding:10px 12px;font-weight:600}.ok{background:#e6f4ea;color:#14532d;border:1px solid #b6dcc2;border-radius:6px;padding:10px 12px;font-weight:600}.avviso{background:#fff4d6;border:1px solid #ecd48a;border-radius:6px;padding:10px 12px;font-size:14px}.lavorazione{border:1px solid var(--linea);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px}.lavorazione.completata{background:#f3faf5;border-color:#b6dcc2}.cliente-scelto{display:flex;justify-content:space-between;align-items:center;gap:8px}.elenco-clienti{list-style:none;margin:0;padding:0;border:1px solid var(--linea);border-radius:6px}.elenco-clienti li+li{border-top:1px solid var(--linea)}.elenco-clienti button{width:100%;text-align:left;background:var(--carta);color:var(--ink);border:0;border-radius:0;font-weight:400;display:flex;justify-content:space-between}.barra-salva{position:fixed;left:0;right:0;bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#f5f6f7f5;border-top:1px solid var(--linea);display:flex;flex-direction:column;gap:8px;max-width:720px;margin:0 auto}.barra-salva button{width:100%;background:var(--verde);border-color:var(--verde);font-size:17px}.esito{text-align:center;align-items:center}.filtri{display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips button{min-height:36px;padding:4px 12px;background:var(--carta);color:var(--ink);border-color:#b9bec6;font-weight:500;font-size:14px}.chips button.attivo{background:var(--ink);color:#fff;border-color:var(--ink)}.lista-schede{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lista-schede button{width:100%;display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;text-align:left;background:var(--carta);color:var(--ink);border:1px solid var(--linea);font-weight:400;padding:10px 12px}.lista-schede .codice{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:14px}.lista-schede .chi{display:flex;flex-direction:column;min-width:0}.lista-schede .a-destra{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.paginazione{display:flex;justify-content:space-between;align-items:center}@media (max-width: 560px){.lista-schede button{grid-template-columns:1fr auto}.lista-schede .codice{grid-column:1 / -1}}.storico{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.storico li{display:grid;grid-template-columns:90px 1fr;gap:2px 10px;padding-bottom:6px;border-bottom:1px solid var(--linea)}.storico li span:last-child{grid-column:2}.miniature{display:flex;gap:8px;flex-wrap:wrap}.miniatura{width:96px;height:96px;padding:0;overflow:hidden;background:#e5e7eb;color:var(--grigio)}.miniatura img{width:100%;height:100%;object-fit:cover}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#000000e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff}.lightbox img{max-width:96vw;max-height:86vh;object-fit:contain}.carica{display:inline-flex;flex-direction:column;color:var(--blu);font-size:15px}.carica input{position:absolute;width:1px;height:1px;opacity:0}.camera{display:flex;flex-direction:column;gap:8px}.camera video{width:100%;max-height:50vh;background:#000;border-radius:8px}.camera-msg{font-size:14px;color:var(--grigio);text-align:center}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login form{width:min(380px,100%)}