.modale__velo{z-index:50;background:#0f172a73;justify-content:center;align-items:flex-start;padding:60px 20px 20px;display:flex;position:fixed;inset:0;overflow:auto}.modale{box-shadow:var(--ombra-alta);background:#fff;border-radius:10px;max-width:100%}.modale__testata{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;padding:12px 12px 12px 18px;display:flex}.modale__testata h3{font-size:15px}.modale__corpo{padding:18px}.form-ordine{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-ordine>.larga{grid-column:1/-1}.form-ordine input,.form-ordine textarea{width:100%}.form-ordine fieldset{border:1px solid var(--slate-200);border-radius:var(--raggio);grid-column:1/-1;margin:0;padding:12px}.form-ordine legend{letter-spacing:.03em;text-transform:uppercase;color:var(--slate-500);padding:0 6px;font-size:11px;font-weight:600}.riga-bozza{grid-template-columns:1fr auto;align-items:end;gap:8px;margin-bottom:8px;display:grid}.riga-bozza label{font-size:10px}.form-ordine__azioni{border-top:1px solid var(--slate-200);grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.suggerimenti{border:1px solid var(--slate-200);border-radius:var(--raggio);background:var(--slate-50);grid-column:1/-1;max-height:160px;margin:-8px 0 0;padding:4px;list-style:none;overflow:auto}.suggerimenti button{text-align:left;background:0 0;border:none;width:100%;height:28px;padding:0 8px;font-weight:400}.suggerimenti button:hover{background:var(--slate-200)}.clienti__nuovo{border-bottom:1px solid var(--slate-200);align-items:flex-end;gap:8px;margin-bottom:14px;padding-bottom:14px;display:flex}.clienti__nuovo>div{flex:1}.clienti__nuovo input{width:100%}.clienti__elenco{max-height:45vh;margin:0;padding:0;list-style:none;overflow:auto}.clienti__elenco li{border-bottom:1px solid var(--slate-100);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 4px;display:grid}.clienti__elenco .nome{font-weight:500}.clienti__elenco .note{color:var(--slate-500);font-size:12px;display:block}.clienti__modifica{grid-column:1/-1;align-items:flex-end;gap:8px;display:flex}.clienti__modifica>div{flex:1}.clienti__modifica textarea{width:100%}.importazione{flex-direction:column;gap:16px;max-width:900px;display:flex}.importazione__mappatura{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.importazione__mappatura select{width:100%}.importazione table{border-collapse:collapse;width:100%;font-size:12px}.importazione th,.importazione td{border:1px solid var(--slate-200);text-align:left;white-space:nowrap;padding:6px 8px}.importazione th{background:var(--slate-50);text-transform:uppercase;letter-spacing:.03em;color:var(--slate-500);font-size:11px}.progresso{border:1px solid var(--slate-200);border-radius:var(--raggio);background:#fff;padding:14px}.progresso progress{width:100%;height:8px}.riquadro{border:1px solid var(--slate-200);border-radius:var(--raggio);background:#fff;padding:16px}.clienti__conteggio{color:var(--slate-500);margin:0;font-size:12px}.clienti__elenco li:last-child{border-bottom:none}.clienti__vuoto{text-align:center;color:var(--slate-500);padding:24px;display:block}.form-cliente{flex-direction:column;gap:14px;display:flex}.form-cliente input,.form-cliente textarea{width:100%}.form-cliente__azioni{border-top:1px solid var(--slate-200);justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.dettaglio{flex-direction:column;gap:14px;display:flex}.dettaglio__testata{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dettaglio__testata input{width:100%}.dettaglio__statico{height:var(--altezza-controllo);color:var(--slate-700);align-items:center;margin:0;display:flex}.dettaglio__righe{border:1px solid var(--slate-200);border-radius:var(--raggio);margin:0;padding:10px 12px}.dettaglio__righe legend{letter-spacing:.03em;text-transform:uppercase;color:var(--slate-500);padding:0 6px;font-size:11px;font-weight:600}.dettaglio__riga{letter-spacing:0;text-transform:none;color:var(--slate-900);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0;padding:5px 0;font-size:13px;font-weight:400;display:grid}.dettaglio__riga input[type=checkbox]{width:15px;height:15px;accent-color:var(--ambra-scura);margin:0}.dettaglio__riga .evasa{color:var(--slate-400);text-decoration:line-through}.dettaglio__data{color:var(--slate-500);font-size:11px}.dettaglio__evasione{border:1px solid var(--slate-200);border-radius:var(--raggio);background:var(--slate-50);align-items:flex-end;gap:24px;padding:10px 12px;display:flex}.dettaglio textarea{width:100%}.dettaglio__azioni{border-top:1px solid var(--slate-200);justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.griglia__apri{height:22px;padding:0 8px;font-size:11px}.righe{border:1px solid var(--slate-200);border-radius:var(--raggio);background:#fff;overflow:hidden}.righe__intestazione,.righe__riga{grid-template-columns:1fr 34px;align-items:center;gap:8px;padding:6px 10px;display:grid}.righe--evasione .righe__intestazione,.righe--evasione .righe__riga{grid-template-columns:22px 1fr 140px 34px}.righe__intestazione{background:var(--slate-50);border-bottom:1px solid var(--slate-200);letter-spacing:.05em;text-transform:uppercase;color:var(--slate-500);font-size:10px;font-weight:600}.righe__riga+.righe__riga{border-top:1px solid var(--slate-100)}.righe__riga:hover{background:var(--slate-50)}.righe__riga textarea{width:100%;min-height:32px;font-family:var(--mono);resize:vertical;background:0 0;border-color:#0000;padding:6px 8px;font-size:12px}.righe__riga textarea:hover:not(:disabled){border-color:var(--slate-200);background:#fff}.righe__riga textarea:focus{background:#fff}.righe__riga input[type=checkbox]{width:16px;height:16px;accent-color:var(--ambra-scura);cursor:pointer;margin:0}.righe__riga input[type=date]{font-family:var(--mono);font-size:12px}.righe__riga input[type=date]:disabled{color:var(--slate-300);background:0 0;border-color:#0000}.righe__riga--evasa textarea{color:var(--slate-400);text-decoration:line-through}.righe__togli{width:26px;height:26px;color:var(--slate-400);padding:0}.righe__togli:hover:not(:disabled){color:var(--rosso);background:#fee2e2}.righe__aggiungi{border:none;border-top:1px solid var(--slate-200);background:var(--slate-50);width:100%;height:34px;color:var(--slate-700);border-radius:0;font-weight:500}.righe__aggiungi:hover{background:var(--slate-100)}.griglia{border:1px solid var(--slate-200);border-radius:var(--raggio);min-height:0;box-shadow:var(--ombra);background:#fff;flex:1;overflow:auto}.griglia__intestazione{-webkit-user-select:none;user-select:none;z-index:2;background:var(--slate-50);border-bottom:1px solid var(--slate-200);letter-spacing:.05em;text-transform:uppercase;height:30px;color:var(--slate-500);align-items:center;font-size:10px;font-weight:600;display:grid;position:sticky;top:0}.griglia__riga{height:var(--altezza-riga);border-bottom:1px solid var(--slate-100);cursor:default;align-items:center;display:grid}.griglia__riga:hover{background:var(--slate-50)}.griglia__cella{text-overflow:ellipsis;white-space:nowrap;padding:0 10px;overflow:hidden}.griglia__cella--mono{font-family:var(--mono);font-size:12px}.griglia__cella--numero{text-align:right;font-variant-numeric:tabular-nums}.riga--da-evadere{font-weight:700}.riga--evaso{background:var(--slate-50);color:var(--slate-400);text-decoration:line-through}.riga--evaso:hover{background:var(--slate-100)}.riga--archivio{color:var(--slate-800)}.riga--selezionata,.riga--selezionata:hover{background:var(--ambra-tenue);box-shadow:inset 3px 0 0 var(--ambra)}.pastiglia{font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;min-width:22px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.pastiglia--attesa{background:var(--ambra-tenue);color:var(--ambra-scura)}.pastiglia--fatto{background:var(--slate-100);color:var(--slate-500)}.griglia__altre{background:var(--slate-200);color:var(--slate-500);font-variant-numeric:tabular-nums;border-radius:4px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:600}.riga--evaso .griglia__altre{background:var(--slate-200);color:var(--slate-400)}.griglia__intestazione .griglia__cella{position:relative}.griglia__maniglia{z-index:3;cursor:col-resize;touch-action:none;width:8px;height:100%;position:absolute;top:0;right:-4px}.griglia__maniglia:after{content:"";background:0 0;border-radius:1px;width:2px;transition:background .12s;position:absolute;top:6px;bottom:6px;left:3px}.griglia__maniglia:hover:after,.griglia__maniglia:active:after{background:var(--ambra)}.griglia__intestazione .griglia__cella{border-right:1px solid var(--slate-200)}.griglia__riga .griglia__cella{border-right:1px solid var(--slate-100)}.griglia__intestazione .griglia__cella:last-child,.griglia__riga .griglia__cella:last-child{border-right:none}.griglia__testata{padding:0}.griglia__ordina{width:100%;height:100%;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:4px;padding:0 10px;display:flex;overflow:hidden}.griglia__cella--numero .griglia__ordina{justify-content:flex-end}.griglia__ordina:hover{background:var(--slate-100);color:var(--slate-900)}.griglia__ordina:focus-visible{outline-offset:-2px}.griglia__testata--attiva .griglia__ordina{color:var(--slate-900);background:var(--ambra-tenue)}.griglia__freccia{color:var(--ambra-scura);font-size:8px}:root{--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--ambra:#f59e0b;--ambra-scura:#b45309;--ambra-tenue:#fef3c7;--rosso:#dc2626;--verde:#059669;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--altezza-riga:30px;--altezza-controllo:32px;--raggio:6px;--ombra:0 1px 2px #0f172a0f, 0 1px 3px #0f172a1a;--ombra-alta:0 10px 15px -3px #0f172a26, 0 4px 6px -4px #0f172a1a}*{box-sizing:border-box}body{background:var(--slate-100);color:var(--slate-900);-webkit-font-smoothing:antialiased;margin:0;font:13px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}button{height:var(--altezza-controllo);border:1px solid var(--slate-300);border-radius:var(--raggio);color:var(--slate-800);font:inherit;cursor:pointer;white-space:nowrap;background:#fff;padding:0 14px;font-weight:500;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:var(--slate-50);border-color:var(--slate-400)}button:disabled{opacity:.45;cursor:not-allowed}button.primario{background:var(--slate-900);border-color:var(--slate-900);color:#fff}button.primario:hover:not(:disabled){background:var(--slate-700);border-color:var(--slate-700)}button.accento{background:var(--ambra);border-color:var(--ambra);color:var(--slate-900)}button.accento:hover:not(:disabled){background:var(--ambra-scura);border-color:var(--ambra-scura);color:#fff}button.tenue{color:var(--slate-500);background:0 0;border-color:#0000;padding:0 8px}button.tenue:hover:not(:disabled){background:var(--slate-100);color:var(--slate-900)}input,select,textarea{height:var(--altezza-controllo);border:1px solid var(--slate-300);border-radius:var(--raggio);color:var(--slate-900);font:inherit;background:#fff;padding:0 10px}textarea{resize:vertical;height:auto;padding:7px 10px;line-height:1.5}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--ambra);outline-offset:-1px;border-color:var(--ambra)}label{letter-spacing:.03em;text-transform:uppercase;color:var(--slate-500);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.mono{font-family:var(--mono)}.app{flex-direction:column;height:100vh;display:flex}.barra-alta{background:var(--slate-900);color:#fff;flex-shrink:0;align-items:center;gap:4px;height:46px;padding:0 14px;display:flex}.barra-alta__marchio{letter-spacing:-.02em;align-items:center;gap:8px;margin-right:18px;font-size:15px;font-weight:600;display:flex}.barra-alta__marchio span{color:var(--slate-400);font-weight:400}.barra-alta nav{gap:2px;display:flex}.barra-alta a{border-radius:var(--raggio);color:var(--slate-300);padding:6px 12px;font-weight:500;text-decoration:none;transition:background .12s,color .12s}.barra-alta a:hover{background:var(--slate-800);color:#fff}.barra-alta a.attivo{background:var(--slate-700);color:#fff}.barra-alta__azioni{gap:8px;margin-left:auto;display:flex}main{flex-direction:column;flex:1;min-height:0;padding:14px;display:flex}.pagina{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.strumenti{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.strumenti h2{margin-right:4px;font-size:16px}.strumenti__conteggio{background:var(--slate-200);color:var(--slate-700);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.strumenti__spinta{align-items:center;gap:8px;margin-left:auto;display:flex}.campo-ricerca{flex:1;min-width:200px;max-width:420px;position:relative}.campo-ricerca input{width:100%;padding-left:30px}.campo-ricerca:before{content:"⌕";color:var(--slate-400);pointer-events:none;font-size:15px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.suggerimento-tasti{color:var(--slate-500);font-size:11px}.suggerimento-tasti kbd{border:1px solid var(--slate-300);font-family:var(--mono);background:#fff;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:10px}.vuoto{border:1px dashed var(--slate-300);border-radius:var(--raggio);color:var(--slate-500);background:#fff;flex:1;justify-content:center;align-items:center;display:flex}.annullabile{background:var(--slate-900);color:#fff;box-shadow:var(--ombra-alta);z-index:60;border-radius:8px;align-items:center;gap:14px;padding:10px 10px 10px 16px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.annullabile button{border-color:var(--slate-700);height:26px;color:var(--ambra);background:0 0}.annullabile button:hover{background:var(--slate-800);border-color:var(--slate-700)}.banner-lock{border:1px solid var(--ambra);border-radius:var(--raggio);background:var(--ambra-tenue);color:var(--slate-800);padding:8px 12px;font-weight:500}p[role=alert]{border-radius:var(--raggio);color:var(--rosso);background:#fee2e2;margin:0;padding:8px 12px;font-weight:500}.accesso-sfondo{background:var(--slate-900);justify-content:center;align-items:center;min-height:100vh;display:flex}.accesso{width:320px;box-shadow:var(--ombra-alta);background:#fff;border-radius:10px;flex-direction:column;gap:14px;padding:28px;display:flex}.accesso__marchio{align-items:center;gap:10px;margin-bottom:4px;display:flex}.accesso h1{font-size:20px}.accesso h1 span{color:var(--slate-500);font-weight:400}.accesso input{width:100%}.accesso button{width:100%;height:36px}.barra-alta button.tenue.chiaro{color:var(--slate-300)}.barra-alta button.tenue.chiaro:hover{background:var(--slate-800);color:#fff}.nota{border-radius:var(--raggio);background:var(--slate-50);color:var(--slate-500);margin:0;padding:8px 10px;font-size:12px}.menu-utente{border-left:1px solid var(--slate-700);margin-left:10px;padding-left:10px;position:relative}.menu-utente__apri{height:var(--altezza-controllo);color:var(--slate-300);background:0 0;border-color:#0000;align-items:center;gap:5px;padding:0 6px 0 4px;display:flex}.menu-utente__apri:hover:not(:disabled){background:var(--slate-800);color:#fff;border-color:#0000}.menu-utente__iniziale{background:var(--slate-700);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.menu-utente__freccia{font-size:9px}.menu-utente__tendina{z-index:40;border:1px solid var(--slate-200);min-width:210px;box-shadow:var(--ombra-alta);background:#fff;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.menu-utente__chi{border-bottom:1px solid var(--slate-100);color:var(--slate-500);margin:0 0 6px;padding:6px 8px;font-size:11px}.menu-utente__chi strong{color:var(--slate-900);font-size:13px;font-family:var(--mono);display:block}.menu-utente__tendina button{border-radius:var(--raggio);text-align:left;background:0 0;border:none;width:100%;height:30px;padding:0 8px;font-weight:400}.menu-utente__tendina button:hover{background:var(--slate-100)}.menu-utente__esci{color:var(--rosso)}.menu-utente__esci:hover{background:#fee2e2!important}