:root{--verde: #1e7a46;--verde-scuro: #0f5132;--verde-notte: #0b3a25;--verde-tenue: #eaf4ee;--ambra: #e0952a;--ambra-tenue: #fbf1dd;--inchiostro: #14231a;--grigio: #5c6b61;--grigio-chiaro: #8a978d;--superficie: #f5f8f5;--card: #ffffff;--bordo: #e3eae4;--rosso: #c0392b;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--r: 10px;--r-s: 7px;--ombra: 0 1px 2px rgba(16, 60, 40, .04), 0 4px 16px rgba(16, 60, 40, .05);font-family:var(--font-body);color:var(--inchiostro);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--superficie);font-size:14px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--inchiostro)}.num,input[type=number]{font-variant-numeric:tabular-nums}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:linear-gradient(180deg,var(--verde-scuro),var(--verde-notte));color:#dcefe3;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:4px 10px 22px}.brand-mark{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:2px;color:#fff;display:block}.brand-sub{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#7fb79a}.menu{display:flex;flex-direction:column;gap:3px}.menu-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:transparent;border:none;color:#cfe6d9;padding:10px 12px;border-radius:var(--r-s);font-size:14px;font-family:var(--font-body);cursor:pointer;position:relative;transition:background .12s,color .12s}.menu-item .ico{font-size:16px;width:20px;text-align:center;filter:grayscale(.2)}.menu-item:hover{background:#ffffff0f;color:#fff}.menu-item.attivo{background:#ffffff1a;color:#fff;font-weight:600}.menu-item.attivo:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--ambra)}.sidebar-foot{margin-top:auto;padding:12px 10px 0;font-size:11px;color:#6ba588;line-height:1.6}.content{flex:1;min-width:0;padding:30px 40px 60px}.content>main{max-width:940px;margin:0 auto}.topbar{margin-bottom:22px}h1{font-size:24px;margin:0 0 4px}h2{font-size:16px;color:var(--verde-scuro);margin:18px 0 10px}.sottotitolo{color:var(--grigio);font-size:13px;margin:0 0 8px}.card,.wizard,.prod-card{background:var(--card);border:1px solid var(--bordo);border-radius:var(--r);box-shadow:var(--ombra);padding:20px 22px}.prod-card{margin-top:16px}.calcola,.secondario,.vedi-output,.accetta,.crm{font-family:var(--font-body);border-radius:var(--r-s);font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,box-shadow .12s,transform .05s}.calcola{background:var(--verde);color:#fff;border:none;padding:10px 20px}.calcola:hover{background:var(--verde-scuro)}.calcola:active{transform:translateY(1px)}.calcola.grande{font-size:15px;padding:12px 24px}.calcola:disabled{background:var(--grigio-chiaro);cursor:not-allowed}.secondario{background:#fff;color:var(--verde-scuro);border:1px solid var(--bordo);padding:10px 18px}.secondario:hover{border-color:var(--verde);background:var(--verde-tenue)}.vedi-output{background:var(--ambra);color:#3a2606;border:none;padding:8px 16px;font-size:13px}.vedi-output:hover{background:#cf8621}.accetta{background:#fff;color:var(--verde);border:1px solid var(--verde);padding:7px 14px;font-size:13px}.accetta:hover{background:var(--verde-tenue)}.crm{background:var(--verde-tenue);border:1px solid transparent;color:var(--verde-scuro);padding:8px 12px;font-size:13px;white-space:nowrap;height:38px}.crm:hover{border-color:var(--verde)}.link{background:none;border:none;color:var(--verde);cursor:pointer;font-size:13px;font-family:var(--font-body);padding:2px 4px}.link:hover{text-decoration:underline}.azioni{display:flex;gap:10px;align-items:center;margin-top:18px;flex-wrap:wrap}.campi{display:grid;gap:12px 18px;margin:12px 0}.campi.due{grid-template-columns:1fr 1fr}.campi.tre{grid-template-columns:1fr 2fr 1fr}.campo{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--grigio)}.campo.cresci{flex:1}.campo>span{font-weight:500;letter-spacing:.01em}input,select{font-family:var(--font-body);font-size:14px;color:var(--inchiostro);padding:8px 10px;border:1px solid var(--bordo);border-radius:var(--r-s);background:#fff;transition:border-color .12s,box-shadow .12s}input:focus,select:focus{outline:none;border-color:var(--verde);box-shadow:0 0 0 3px #1e7a461f}.cliente-riga{display:flex;gap:14px;align-items:flex-end}.cliente-riga .campi{flex:1;margin:12px 0}.flag{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--inchiostro);margin:12px 0;cursor:pointer}.flag input{width:auto;accent-color:var(--verde)}.flag em{color:var(--grigio-chiaro);font-size:12px}.tipo-sel{display:inline-flex;border:1px solid var(--verde);border-radius:999px;overflow:hidden;margin-bottom:8px;padding:2px;gap:2px;background:#fff}.tipo-sel button{background:transparent;border:none;color:var(--verde-scuro);padding:7px 22px;font-size:14px;font-family:var(--font-body);cursor:pointer;border-radius:999px}.tipo-sel button.attivo{background:var(--verde);color:#fff;font-weight:600}.numero-riga{display:flex;align-items:center;gap:12px;background:var(--ambra-tenue);border:1px solid #f0dcb6;border-radius:var(--r-s);padding:10px 14px;margin:10px 0 14px}.numero-eti{font-size:12px;color:#8a6a24}.numero-val{font-family:var(--font-display);font-size:20px;color:#8a6a24}.numero-input{width:130px;font-size:15px}.numero-nota{font-size:11px;color:#a98a44;margin-left:auto}.barra-wizard{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.barra-dx{display:flex;align-items:center;gap:12px}.salvataggio{font-size:12px;color:var(--grigio)}.badge-stato{font-size:11px;background:var(--verde-tenue);color:var(--verde-scuro);border-radius:999px;padding:3px 11px;font-weight:600}.passi{font-size:12px;color:var(--verde);font-weight:600;letter-spacing:.02em;margin-bottom:8px}.passi-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.passo{font-size:12px;color:var(--grigio);background:#fff;border:1px solid var(--bordo);border-radius:999px;padding:5px 13px;cursor:pointer;transition:all .12s}.passo:hover{border-color:var(--verde)}.passo.attivo{background:var(--verde);color:#fff;border-color:var(--verde);font-weight:600}.passo.fatto{color:var(--verde);border-color:var(--verde);background:var(--verde-tenue)}.prodotti,.catalogo{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border:1px solid var(--bordo);border-radius:var(--r);overflow:hidden;margin-top:8px}.prodotti th,.prodotti td,.catalogo th,.catalogo td{padding:10px 14px;border-bottom:1px solid var(--bordo);text-align:left}.prodotti thead th,.catalogo thead th{background:var(--verde-tenue);color:var(--verde-scuro);font-weight:600;font-size:12px;letter-spacing:.02em}.prodotti .num,.catalogo .num{text-align:right}.prodotti tbody tr:last-child td{border-bottom:none}.prodotti tfoot td{font-weight:700;border-top:2px solid var(--bordo);border-bottom:none;background:#fafcfa}.totale{color:var(--verde-scuro);font-family:var(--font-display)}.riga-click{cursor:pointer;transition:background .1s}.riga-click:hover{background:var(--verde-tenue)}input.qta{width:74px;text-align:right;padding:5px 7px}.prod-card input{width:100%}.prod-card .qta{width:80px}.indirizzo{position:relative;margin:12px 0}.suggerimenti{list-style:none;margin:3px 0 0;padding:4px;border:1px solid var(--bordo);border-radius:var(--r);background:#fff;box-shadow:var(--ombra);max-height:230px;overflow-y:auto;position:absolute;z-index:5;width:100%}.suggerimenti li{padding:8px 12px;font-size:13px;cursor:pointer;border-radius:var(--r-s)}.suggerimenti li:hover{background:var(--verde-tenue)}.sugg-nota{font-size:12px;color:var(--grigio);margin-top:4px}.coord{font-size:12px;color:var(--grigio);margin-top:6px}.coord.ok{color:var(--verde);font-weight:500}.riepilogo{background:var(--verde-tenue);border:1px solid var(--bordo);border-radius:var(--r);padding:14px 16px;font-size:14px;margin:12px 0}.risultato{background:linear-gradient(180deg,var(--verde-tenue),#fff);border:1px solid #cfe6d9;border-radius:var(--r);padding:24px;margin-bottom:16px}.guadagno{display:flex;flex-direction:column;align-items:center;text-align:center}.guadagno .etichetta{font-size:13px;color:var(--verde-scuro);letter-spacing:.02em}.guadagno .cifra{font-family:var(--font-display);font-size:44px;font-weight:700;color:var(--verde-scuro);line-height:1.1}.guadagno .nota{font-size:12px;color:var(--grigio);margin-top:4px}.griglia{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.box{background:#fff;border:1px solid var(--bordo);border-radius:var(--r-s);padding:12px;text-align:center}.box-t{display:block;font-size:11px;color:var(--grigio)}.box-v{display:block;font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--verde-scuro);margin-top:3px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:4px 0 26px;background:#fff;border:1px solid var(--bordo);border-radius:var(--r);box-shadow:var(--ombra);overflow:hidden}.stage{padding:18px 16px;position:relative;border-right:1px solid var(--bordo)}.stage:last-child{border-right:none}.stage:after{content:"→";position:absolute;right:-9px;top:50%;transform:translateY(-50%);color:var(--ambra);font-size:16px;z-index:2;background:#fff;width:18px;text-align:center}.stage:last-child:after{content:none}.stage-nome{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--grigio)}.stage-conta{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--verde-scuro);line-height:1.1;margin-top:2px}.stage-sotto{font-size:11px;color:var(--grigio-chiaro)}.stage.allerta .stage-conta,.errore{color:var(--rosso)}.attesa{color:var(--grigio);font-size:13px;padding:8px 0}.sotto{color:var(--rosso);font-size:12px;font-weight:600}@media (max-width: 860px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 16px}.brand{padding:0 16px 0 4px}.menu{flex-direction:row;flex-wrap:wrap;flex:1}.menu-item.attivo:before{content:none}.sidebar-foot{display:none}.content{padding:20px 16px 40px}.campi.due,.campi.tre,.griglia,.pipeline{grid-template-columns:1fr 1fr}.stage:after{content:none}}