/* Verde bosco continuo; gli accenti neon richiamano i tubi delle lampade. */
body.gestionale{--fondo:#071f19;--inchiostro:#eff8ec;--secondario:#abc2b2;--bordo:#2b4b3b;--chiaro:#153d2e;--lime:#dbfa9c;color-scheme:dark;background:var(--fondo);color:var(--inchiostro);font-size:16px}
.gestionale .area-lavoro,.gestionale.vista-statistiche .area-lavoro{min-height:100vh;min-width:0;color:var(--inchiostro);background:radial-gradient(ellipse at 95% 0,#3c673a26,transparent 40%),radial-gradient(ellipse at 0 40%,#15604016,transparent 55%),var(--fondo)}
.gestionale .laterale{background:linear-gradient(165deg,#0e3024,#061b16 80%);border-right:1px solid #36523c80}
.gestionale .laterale nav a{font-size:13px;min-height:44px;position:relative}
.gestionale .laterale nav a[aria-current=page]{background:#d9f7a2;box-shadow:0 0 25px #c3ef7a13}
.gestionale .laterale nav a[aria-current=page]::after{content:'';position:absolute;right:13px;width:4px;height:16px;border-radius:3px;background:#28432b}
.gestionale .laterale .ritorno{border-top:1px solid #2b4b3b;margin-top:28px;padding-top:22px;color:#a7c2a4;font-size:12px}
.gestionale .barra,.gestionale.vista-statistiche .barra{background:#0a251de6;border-color:#2b4b3b;color:#b8cdb9;backdrop-filter:blur(18px);min-height:78px}
.gestionale #saluto{display:flex;gap:10px;align-items:center;font-size:12px}
.gestionale #saluto::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #c3f28077;flex-shrink:0}
.gestionale .barra .chip,.gestionale.vista-statistiche .barra .chip{color:#c7d8b8;border-color:#496344;font-size:9px;letter-spacing:.07em}
.gestionale #pannello{padding:38px 34px 55px;min-width:0}
.gestionale #pannello>h1,.gestionale.vista-statistiche #pannello>h1{color:#f0f9ec;font-size:clamp(2.3rem,3.5vw,3.4rem);font-weight:400;letter-spacing:-.065em;margin-bottom:0}
.gestionale #pannello>.occhiello,.gestionale.vista-statistiche #pannello>.occhiello{color:#a4c38d;font:9px/1.6 ui-monospace,monospace;letter-spacing:.13em;display:flex;gap:12px;align-items:center;margin-bottom:18px}
.gestionale #pannello>.occhiello::before{content:'';height:18px;width:3px;border-radius:3px;background:var(--lime);box-shadow:0 0 10px #c3f28066}
.gestionale #pannello>.intro,.gestionale.vista-statistiche #pannello>.intro{color:#afc4b1;max-width:720px;font-size:14px;line-height:1.7;margin:18px 0 30px}
.gestionale h2{font-size:clamp(1.5rem,2.2vw,2rem);color:#e8f4e1;letter-spacing:-.055em}.gestionale h3{color:#e8f4e1;letter-spacing:-.035em}
.gestionale a{color:#d3efac}.gestionale a:hover{color:#edffdb}
.gestionale .nota,.gestionale .compatto,.gestionale .scheda p{color:#afc4b1;line-height:1.75}.gestionale .nota{font-size:13px}.gestionale .occhiello,.gestionale .scheda .occhiello{color:#a9c58e}
.gestionale .riga-titolo{margin:30px 0 17px}.gestionale .riga-titolo h2{color:#e6f5df}.gestionale .riga-titolo>a,.gestionale.vista-statistiche .riga-titolo>a{color:#cceca7;font-size:13px}
/* Pulsanti, campi e finestre usano gli stessi materiali in ogni sezione. */
.gestionale button,.gestionale .pulsante{background:#d8f5a4;color:#183421;border:1px solid #d8f5a4;border-radius:12px;min-height:44px;padding:12px 18px;font-size:13px;font-weight:600;letter-spacing:-.015em;transition:background .2s,border-color .2s,box-shadow .2s}
.gestionale button:hover,.gestionale .pulsante:hover{background:#e8ffc2;border-color:#e8ffc2;box-shadow:0 0 24px #bff27a18;transform:none;color:#183421}
.gestionale button.secondario,.gestionale .pulsante.secondario,.gestionale.vista-statistiche .barra button{background:#153d2b;color:#d6edc8;border-color:#456341}
.gestionale button.secondario:hover,.gestionale .pulsante.secondario:hover{background:#214c34;border-color:#8cad69;color:#edffdf}
.gestionale button:disabled,.gestionale button:disabled:hover{opacity:.4;background:#234c35;border-color:#3d5a3d;color:#c4d4bf;box-shadow:none;cursor:not-allowed}
.gestionale button.pericolo{color:#ffd1c6;background:#4d2c26;border-color:#825545}.gestionale button.testo{background:transparent;border-color:transparent;color:#d2efa8}
.gestionale :focus-visible{outline:2px solid #d5f59e;outline-offset:4px}
.gestionale label{color:#bdd2b8;font-size:12px;font-weight:500;letter-spacing:.01em}
.gestionale input,.gestionale select,.gestionale textarea{color-scheme:dark;background:#082219;color:#ecf6e4;border:1px solid #3e5e45;border-radius:11px;padding:12px 13px;min-height:47px;font-size:15px;box-shadow:inset 0 1px 4px #00000010}
.gestionale input::placeholder,.gestionale textarea::placeholder{color:#7f9c84;opacity:1}
.gestionale input:focus,.gestionale select:focus,.gestionale textarea:focus{border-color:#bde782;outline:2px solid #bde78266;outline-offset:2px;box-shadow:0 0 20px #bde7820b}
.gestionale input[readonly]{color:#94ac95;background:#102b20;border-style:dashed}
.gestionale input[type=checkbox]{accent-color:#cdeba4;width:20px;height:20px;min-height:20px;padding:0;margin:1px 5px 0 0}
.gestionale option{background:#0b281e;color:#eff9e8}.gestionale .check{align-items:center;font-size:13px;min-height:30px;margin:10px 0 15px}.gestionale textarea{resize:vertical;line-height:1.6}
.gestionale .scheda,.gestionale .voce,.gestionale #pannello .scheda{background:linear-gradient(135deg,#123224,#0c281f 80%);border:1px solid #31513a;border-radius:22px;color:#e7f4e0;box-shadow:0 10px 35px #0000000d;padding:26px;position:relative}
.gestionale .scheda:hover{border-color:#456a44;box-shadow:0 10px 35px #0000000d}
.gestionale .scheda>h2,.gestionale .scheda>h3{margin-bottom:24px}
.gestionale .scheda>h2::before,.gestionale .scheda>h3::before{content:'';display:block;width:28px;height:3px;border-radius:5px;background:#c8ed9b;box-shadow:0 0 12px #c8ed9b44;margin-bottom:18px}
.gestionale .scheda .numero{color:#e7facd;font-variant-numeric:tabular-nums}
.gestionale .riquadro,.gestionale .credito{background:#163c2a;border:1px solid #3e5b3d;color:#d0e3c7;border-radius:13px}.gestionale .credito{padding:15px 17px}
.gestionale fieldset{border-color:#36593d}.gestionale legend{color:#d0e8b6}.gestionale hr{border-color:#34503a}
.gestionale details>summary{color:#d5edbb;padding:12px 0;font-size:14px}.gestionale details[open]>summary{border-bottom:1px solid #385439;margin-bottom:20px}
.gestionale details.scheda>.scheda{border:0;box-shadow:none;background:transparent;padding:20px 0 0!important}
.gestionale .moduli{gap:20px;margin-bottom:28px}
.gestionale #form-orari .riga{padding:14px 0;border-bottom:1px solid #2e4f37;gap:18px;align-items:center}.gestionale #form-orari .riga>b{width:100px;font-weight:500;font-size:14px;color:#d7e9cd}.gestionale #form-orari .riga label{margin:0;min-width:125px}.gestionale #form-orari>button{margin-top:24px}
.gestionale #form-operatore{margin-top:25px;max-width:740px}.gestionale .modifica-operatore{min-width:180px}.gestionale .forma-segnalazione{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.gestionale .forma-segnalazione label{min-width:190px;margin-bottom:0}
.gestionale .filtri,.gestionale .strumenti-clienti{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;background:linear-gradient(115deg,#123726,#0c2a20);border:1px solid #36583d;border-radius:19px;padding:20px;margin:25px 0 22px}
.gestionale .filtri label{min-width:145px;flex:1;margin-bottom:0;font-size:11px;color:#aec89d}.gestionale .filtri select,.gestionale .filtri input{font-size:14px;background:#082219}.gestionale .filtri button{font-size:13px;white-space:nowrap}
.gestionale .strumenti-clienti label{margin:0;max-width:520px;flex:1;min-width:230px}
.gestionale .strumenti-clienti input{padding-left:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%239ebc8b' stroke-width='1.5'%3E%3Ccircle cx='7.5' cy='7.5' r='5'/%3E%3Cpath d='m11.5 11.5 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:13px center}
.gestionale #conteggio-clienti{margin:0 0 12px auto;font:11px ui-monospace,monospace;color:#b3cc9d}
.gestionale .indicatori-operativi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}
.gestionale .indicatore-operativo{margin:0;border:1px solid #36553c;border-radius:17px;background:linear-gradient(130deg,#153626,#0c291f);padding:20px 22px;position:relative;overflow:hidden}
.gestionale .indicatore-operativo::after{content:'';position:absolute;right:16px;top:20px;bottom:20px;width:2px;background:currentColor;opacity:.75;border-radius:3px;box-shadow:0 0 10px currentColor}
.gestionale .indicatore-operativo:nth-child(1){color:#d5f59e}.gestionale .indicatore-operativo:nth-child(2){color:#75eaff}.gestionale .indicatore-operativo:nth-child(3){color:#c3a2ff}
.gestionale .indicatore-operativo dt{font:10px/1.4 ui-monospace,monospace;color:#a9c299;margin-bottom:15px;letter-spacing:.03em}.gestionale .indicatore-operativo dd{margin:0;color:#edf8e6;font-size:2rem;font-weight:400;letter-spacing:-.06em;line-height:1.15;font-variant-numeric:tabular-nums}
/* Tabelle e stati, comprese le viste senza risultati. */
.gestionale .tabella,.gestionale.vista-statistiche .tabella{background:#0c291f;border:1px solid #31543b;border-radius:20px;box-shadow:0 12px 32px #0000000a;overscroll-behavior-x:contain}
.gestionale table{font-variant-numeric:tabular-nums}
.gestionale th,.gestionale.vista-statistiche th{background:#153b29;color:#b4cb9c;border-color:#31533a;font:10px/1.6 ui-monospace,monospace;letter-spacing:.06em;padding:17px 18px;white-space:nowrap}
.gestionale td,.gestionale.vista-statistiche td{background:transparent;color:#c8dbc0;border-color:#244b33;padding:19px 18px;font-size:13px;vertical-align:middle;line-height:1.6}
.gestionale tbody tr:hover td,.gestionale.vista-statistiche tr:hover td{background:#173b28}.gestionale td:first-child{color:#ecf8e0;font-weight:500}
.gestionale .tabella td button,.gestionale.vista-statistiche .tabella td button{font-size:11px;padding:8px 11px;min-height:34px;background:#cceca2;border-color:#cceca2;color:#17331f;border-radius:9px;white-space:nowrap;margin:3px}
.gestionale .tabella td button.secondario,.gestionale.vista-statistiche .tabella td button.secondario{background:#183c29;color:#d1e6ba;border-color:#496841}.gestionale .tabella td button:disabled{opacity:.38;cursor:not-allowed}
.gestionale .badge,.gestionale.vista-statistiche .tabella td .badge{background:#1d452c;border-color:#526b3e;color:#d9efbd;font:10px/1.4 ui-monospace,monospace;padding:5px 9px;white-space:nowrap}
.gestionale .badge[data-stato=completata]{color:#b5f3cd;background:#143f2d;border-color:#3d7d53}.gestionale .badge[data-stato=annullata],.gestionale .badge[data-stato=no-show]{color:#ffbca5;background:#422f24;border-color:#805b3d}
.gestionale .macchina-agenda{display:inline-flex;gap:9px;align-items:center;min-width:140px;font-size:12px;line-height:1.5}
.gestionale .macchina-agenda::before{content:'';background:var(--neon-macchina,#dbfa9c);width:3px;height:25px;border-radius:4px;box-shadow:0 0 9px var(--neon-macchina,#dbfa9c);flex-shrink:0}
.gestionale .macchina-agenda[data-macchina=doccia]{--neon-macchina:#b78aff}.gestionale .macchina-agenda[data-macchina=esafacciale]{--neon-macchina:#8fb9ff}.gestionale .macchina-agenda[data-macchina=lettino]{--neon-macchina:#75eaff}.gestionale .macchina-agenda[data-macchina=collagene]{--neon-macchina:#ff83ba}
.gestionale .nome-cliente{display:flex;gap:12px;align-items:center;min-width:150px}.gestionale .iniziali-cliente{border:1px solid #4f6742;background:#1d432d;color:#d7edb6;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;font-size:11px;flex-shrink:0}
.gestionale .stato-pagina{display:flex;gap:13px;align-items:center;min-height:100px;color:#bad1aa;font-size:14px}
.gestionale .spia-caricamento{height:22px;width:3px;border-radius:3px;background:#d0f1a3;box-shadow:0 0 13px #d0f1a366;animation:caricamento-verde 1s ease-in-out infinite alternate}
.gestionale .stato-vuoto{padding:38px 26px;color:#b7cdae;text-align:center}.gestionale .stato-vuoto strong{display:block;font-size:18px;font-weight:500;color:#e0f0d3;margin-bottom:8px}.gestionale .stato-vuoto p{font-size:13px;margin:0;color:#a4bd99}.gestionale .segno-vuoto{display:block;width:30px;height:3px;border-radius:3px;margin:0 auto 22px;background:#d0f1a3;box-shadow:0 0 13px #d0f1a344}
/* Cassa: un riepilogo leggibile del prodotto selezionato, senza registrare vendite. */
.gestionale .cassa-colonne{grid-template-columns:1.1fr 1fr;align-items:start}.gestionale .passaggio-cassa{font:10px/1.5 ui-monospace,monospace;color:#aec88e;letter-spacing:.1em;margin-bottom:22px}.gestionale #form-cassa h2{font-size:1.8rem;margin-bottom:27px}.gestionale #form-cassa>button{width:100%;margin-top:8px;min-height:50px}
.gestionale .scheda-acquisto{background:radial-gradient(ellipse at 100% 0,#355a2544,transparent 70%),#103022!important}
.gestionale .prezzo-acquisto{font-size:clamp(2.8rem,4.5vw,4rem);letter-spacing:-.075em;color:#e8facb;font-weight:400;line-height:1.1;margin:22px 0}
.gestionale .dettagli-acquisto{margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:19px 0;border-top:1px solid #3b583b;border-bottom:1px solid #3b583b}.gestionale .dettagli-acquisto dt{font:10px/1.5 ui-monospace,monospace;color:#9eb98e;margin-bottom:6px}.gestionale .dettagli-acquisto dd{margin:0;font-size:15px;color:#d7eac7}
.gestionale .istruzioni-cassa{display:grid;gap:14px;margin:25px 0;list-style:none;counter-reset:passaggio;padding:0}.gestionale .istruzioni-cassa li{display:flex;align-items:flex-start;gap:12px;color:#b5cba8;font-size:13px;line-height:1.65;counter-increment:passaggio}.gestionale .istruzioni-cassa li::before{content:'0' counter(passaggio);font:10px/1.9 ui-monospace,monospace;color:#d2edac;border:1px solid #4a643e;border-radius:7px;min-width:26px;text-align:center}
.gestionale #esito-cassa:not(:empty){padding:18px;background:#1c4d32;color:#e4ffcd;border:1px solid #69934b;border-radius:12px;font-size:13px;overflow-wrap:anywhere;margin-top:15px}
.gestionale #dialogo{background:linear-gradient(145deg,#153626,#0a261d);color:#e8f5dd;border:1px solid #5c7548;border-radius:24px;padding:30px;width:min(600px,calc(100vw - 32px));box-shadow:0 30px 120px #00120dd9}
.gestionale #dialogo::backdrop{background:#00130ed6;backdrop-filter:blur(10px)}.gestionale #dialogo .chiudi{float:right;margin:-8px -8px 8px 15px;background:#234c32;color:#d9efbc;border:1px solid #526e42;border-radius:50%;height:36px;min-height:36px;width:36px;padding:0;line-height:1;font-size:25px}
.gestionale #dettaglio>h2{font-size:2rem;letter-spacing:-.06em;padding-right:25px;margin:10px 0 18px}.gestionale #dettaglio>h3{font-size:1rem;margin-top:25px;color:#d4e9bd}.gestionale #dettaglio>p{color:#a9c09f;font-size:14px}
.gestionale #messaggio{background:#234b30;color:#f0ffdc;border:1px solid #7da159;border-radius:14px;box-shadow:0 0 40px #b9ef7912;font-size:14px}.gestionale .errore{color:#ffc6b8}.gestionale .codice{color:#bdd1b0}.gestionale .salta{background:#daf6a5;color:#153420}
/* Gli stessi materiali verdi sotto ai grafici esistenti. */
.gestionale .cruscotto-neon{color:#e8f5de}.gestionale .comandi-statistiche{border-color:#34503a}.gestionale .identita-statistiche{color:#b5cba6}
.gestionale .periodi-neon{background:#0b291e;border-color:#48613e}.gestionale .cruscotto-neon .periodi-neon button{color:#adc29f;border-color:transparent;background:transparent;min-height:40px}.gestionale .cruscotto-neon .periodi-neon button:hover{background:#24472f;color:#eaffd8}.gestionale .cruscotto-neon .periodi-neon button[aria-pressed=true]{background:#2c4f33;color:#e8ffcb;border-color:#8eac63;box-shadow:inset 0 0 20px #c3ef7a08,0 0 15px #c3ef7a08}
.gestionale .cruscotto-neon input,.gestionale .cruscotto-neon select{background:#0a291e;border-color:#43603d;color:#d9ecc6;min-height:40px}.gestionale .cruscotto-neon .data-statistiche,.gestionale .cruscotto-neon .misura-grafico{color:#abc394}
.gestionale .cruscotto-neon .naviga-periodi button{background:#143827;border-color:#4b6641;color:#d0e3b9;min-height:40px}.gestionale .cruscotto-neon .naviga-periodi button:hover{background:#284c32;border-color:#99b56b;color:#edffda}
.gestionale .etichetta-periodo,.gestionale .stato-statistiche,.gestionale .codice-grafico{color:#98b18a}.gestionale #pannello .cruscotto-neon h2{color:#f0f9e9}.gestionale #pannello .cruscotto-neon h3{color:#e6f2dc}
.gestionale .dato-neon{background:linear-gradient(135deg,#173927,#0b291f);border-color:#3b573d}.gestionale .dato-neon strong{color:#effbe5}.gestionale .titolo-dato{color:#bbcea9}.gestionale .dato-neon small{color:#a3bb96;font-size:11px}
.gestionale .pannello-neon{background:linear-gradient(145deg,#123324,#0a261d 75%);border-color:#34553a;box-shadow:0 10px 40px #00150d1c}.gestionale .pannello-neon::before{background:linear-gradient(90deg,transparent,#b9da8f88,transparent)}
.gestionale .griglia-neon{stroke:#31543b}.gestionale .asse-neon{fill:#acc299}.gestionale .tubo-spento{fill:#123c29;stroke:#2c5438}.gestionale .dettaglio-neon{color:#aac49b;border-color:#34533a}.gestionale .legenda-singola{color:#adc69b}
.gestionale .anello-esterno{stroke:#3b5b3c}.gestionale .anello-spento{stroke:#20482f}.gestionale .centro-anello strong{color:#edfce4}.gestionale .centro-anello span{color:#aec39e}.gestionale .nome-legenda,.gestionale .voce-legenda b{color:#d4e6c5}.gestionale .nome-legenda small{color:#9bb68d}
.gestionale .cruscotto-neon .voce-legenda:hover{background:#b3d7910b}.gestionale .metodo-neon span{color:#c2d7b2}.gestionale .metodo-neon b{color:#e8f8dc}.gestionale .metodo-neon small{color:#a0bb8d}.gestionale .binario-metodo{fill:#285039}.gestionale .nota-statistiche{color:#a4bc97}.gestionale .tabella-statistiche summary{color:#c6dfa8}
.gestionale .cruscotto-neon .voce-legenda{background:transparent;border:0;min-height:44px;padding:8px 0;border-radius:0;box-shadow:none}
.gestionale .cruscotto-neon .neon-0{color:var(--cyan)}.gestionale .cruscotto-neon .neon-1{color:var(--viola)}.gestionale .cruscotto-neon .neon-2{color:var(--rosa)}.gestionale .cruscotto-neon .neon-3{color:#8fb9ff}.gestionale .cruscotto-neon .neon-4{color:#dbfa9c}
.gestionale .barra-anteprima button{min-height:0;padding:5px 12px;border:1px solid #ffffff24;border-radius:20px;font-size:12px;color:#dfeddc;background:transparent;box-shadow:none}
.gestionale .barra-anteprima button:hover{background:#dcf6ad;color:#10392c}
@keyframes caricamento-verde{to{opacity:.3;box-shadow:0 0 3px #d0f1a333}}
@media(max-width:1100px){.gestionale #pannello{padding:30px 24px 45px}.gestionale .filtri button{width:100%}.gestionale .cassa-colonne{grid-template-columns:1fr}.gestionale .indicatori-operativi{gap:12px}.gestionale .indicatore-operativo{padding:18px}.gestionale .dato-neon small{font-size:10px}}
@media(max-width:740px){
  .gestionale .laterale{border-right:0;border-bottom:1px solid #3a563b}.gestionale .laterale nav a{font-size:13px;min-height:44px;padding-right:25px}.gestionale .laterale nav a[aria-current=page]::after{right:10px;height:12px;width:3px}
  .gestionale #pannello,.gestionale.vista-statistiche #pannello{padding:28px 17px 40px}.gestionale #pannello>h1{font-size:2.55rem}.gestionale #pannello>.intro{font-size:14px}.gestionale #pannello>.occhiello{font-size:8px}
  .gestionale .barra{min-height:64px;padding:15px 18px;align-items:center}.gestionale #saluto{font-size:11px}.gestionale .barra button{min-height:36px}
  .gestionale .filtri{gap:15px;padding:18px}.gestionale .filtri label{min-width:130px}.gestionale .filtri input,.gestionale .filtri select{font-size:16px}.gestionale .filtri button{width:100%}.gestionale .strumenti-clienti{padding:18px}.gestionale .strumenti-clienti label{min-width:100%}.gestionale #conteggio-clienti{margin:0}
  .gestionale .indicatori-operativi{grid-template-columns:1fr;gap:10px}.gestionale .indicatore-operativo{display:flex;align-items:center;justify-content:space-between;padding:16px 28px 16px 18px;gap:12px}.gestionale .indicatore-operativo dt{margin:0;font-size:10px}.gestionale .indicatore-operativo dd{font-size:1.8rem}
  .gestionale td,.gestionale.vista-statistiche td{font-size:13px;padding:16px 14px}.gestionale th{padding:15px 14px}.gestionale .tabella td button{min-height:44px;padding:10px 12px}
  .gestionale #pannello .scheda{padding:23px}.gestionale #form-orari .riga{gap:12px}.gestionale #form-orari .riga>b{width:100%}.gestionale #form-orari .riga label{min-width:110px;flex:1}
  .gestionale #dialogo{padding:25px 21px}.gestionale #dettaglio>h2{font-size:1.85rem}.gestionale #dialogo button:not(.chiudi){min-height:47px}.gestionale .cruscotto-neon .naviga-periodi button,.gestionale .cruscotto-neon .periodi-neon button{min-height:44px}.gestionale .titolo-dato{font-size:9px}.gestionale .dato-neon small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.gestionale .spia-caricamento{animation:none}.gestionale *,.gestionale *::before,.gestionale *::after{transition:none!important;animation:none!important}}
/* ANTEPRIMA · lo stesso linguaggio dell’app, con priorità alla lettura al banco. */
body.gestionale{--verde:#67f58e;--fondo:#0c0f0d;--inchiostro:#f1f5f0;--secondario:#b0bcb3;--bordo:#35423a;--chiaro:#1d2b22;--lime:#9dffb8;--bosco:#0b140e;font-family:'Manrope',system-ui,sans-serif;color:#f1f5f0;background:#0c0f0d;color-scheme:dark;letter-spacing:-.015em}
.gestionale .area-lavoro,.gestionale.vista-statistiche .area-lavoro{background:#0c0f0d;color:#f1f5f0}
.gestionale .laterale{width:242px;background:#111713;border-right:1px solid #334238;padding:28px 20px;box-shadow:none}
.gestionale .area-lavoro{margin-left:242px;width:calc(100% - 242px)}
.gestionale .marchio{color:#f1f5ef;font-family:'Manrope',sans-serif;font-size:26px;font-weight:700}.gestionale .simbolo-logo{mix-blend-mode:screen;border-radius:0}.gestionale .sottologo{color:#a8b8ac;font-size:9px}
.gestionale .laterale .occhiello{font-size:9px;letter-spacing:.12em;color:#9aad9e;margin:30px 7px 18px;line-height:1.8}
.gestionale .laterale nav{gap:5px}.gestionale .laterale nav a{color:#b8c4bc;min-height:44px;padding:12px 14px;font-size:13px;border-radius:10px;font-weight:500;letter-spacing:-.015em}
.gestionale .laterale nav a::before{display:none}.gestionale .laterale nav a:hover{background:#263a2c;color:#ecffef}.gestionale .laterale nav a[aria-current=page]{background:#9dffb8;color:#10321b;box-shadow:none;font-weight:700}.gestionale .laterale nav a[aria-current=page]::after{display:none}
.gestionale .laterale .ritorno{border-color:#36463c;color:#b7d1bf;font-size:12px;padding-top:24px}
.gestionale .barra,.gestionale.vista-statistiche .barra{background:#101613;border-bottom:1px solid #303d34;min-height:82px;padding:20px 36px;color:#c8d4cc}
.gestionale #saluto{font-size:13px;letter-spacing:0}.gestionale .barra .chip{font-size:9px;color:#b6d7c0;background:#203027;border:1px solid #435c4b}
.gestionale #pannello,.gestionale.vista-statistiche #pannello{padding:34px 36px 60px;max-width:1600px}
.gestionale h1,.gestionale h2,.gestionale h3{font-family:'Manrope',system-ui,sans-serif;color:#f2f6f1;font-weight:500;letter-spacing:-.045em}
.gestionale #pannello>h1{font-size:clamp(2.3rem,3.2vw,3.2rem);color:#f4f7f1;line-height:1.15}
.gestionale .occhiello,.gestionale #pannello>.occhiello,.gestionale .scheda .occhiello{font:600 10px/1.6 'Manrope',sans-serif;letter-spacing:.12em;color:#abc3b2}
.gestionale .intro,.gestionale #pannello>.intro,.gestionale .nota,.gestionale .compatto,.gestionale .scheda p{color:#aebfb3;font-size:14px;line-height:1.75}
.gestionale .riga-titolo h2{font-size:1.65rem}.gestionale .riga-titolo>a{font-size:13px;color:#bafbd0}
.gestionale .scheda,.gestionale .voce,.gestionale #pannello .scheda{background:#161e19;color:#edf6ee;border:1px solid #3b4b40;border-radius:16px;box-shadow:none;padding:26px}
.gestionale .scheda:hover{border-color:#55775f;box-shadow:none}.gestionale .scheda>h2::before,.gestionale .scheda>h3::before{display:none}.gestionale .scheda>h2,.gestionale .scheda>h3{margin-bottom:20px}
.gestionale .scheda .numero{color:#e9fff0;font-size:3.1rem}.gestionale #pannello .sfondo-verde{background:#1a3423;border:1px solid #567861;color:#e4fae9;box-shadow:none}.gestionale #pannello .sfondo-verde::before{display:none}
.gestionale button,.gestionale .pulsante{font:600 14px/1.5 'Manrope',sans-serif;color:#102718;background:#9dffb8;border:1px solid #9dffb8;border-radius:10px;padding:12px 18px;min-height:46px;filter:none;box-shadow:none;letter-spacing:-.02em;transition:background .18s,border-color .18s,transform .18s}
.gestionale button:hover,.gestionale .pulsante:hover{background:#c5ffd6;color:#14321d;border-color:#c5ffd6;box-shadow:none;transform:translateY(-1px);filter:none}
.gestionale button.secondario,.gestionale .pulsante.secondario,.gestionale .barra button{background:#1b2920;color:#e2f2e6;border-color:#56715e}
.gestionale button.secondario:hover,.gestionale .pulsante.secondario:hover{background:#2d4735;color:#fff;border-color:#8abf98}.gestionale button:disabled{opacity:.4;transform:none;cursor:not-allowed}
.gestionale button.pericolo{color:#ffd7d0;background:#372120;border-color:#85564d}
.gestionale .tabella,.gestionale.vista-statistiche .tabella{border:1px solid #43564a;background:#121b16;border-radius:14px;box-shadow:none;overflow:auto}
.gestionale th,.gestionale.vista-statistiche th{background:#24382a;color:#d1e4d7;font:600 10px/1.5 'Manrope',sans-serif;letter-spacing:.07em;padding:16px 18px;border-color:#3a5142}
.gestionale td,.gestionale.vista-statistiche td{background:#151f18;color:#e0eae2;font-size:14px;padding:17px 18px;border-bottom:1px solid #32463a;font-variant-numeric:tabular-nums}
.gestionale tr:nth-child(even) td{background:#1a271f}.gestionale tr:hover td,.gestionale.vista-statistiche tr:hover td{background:#2c4434;color:#f0fff2}
.gestionale .tabella td button,.gestionale.vista-statistiche .tabella td button{background:#9dffb8;color:#10331a;border-color:#9dffb8;font-size:12px;min-height:40px;padding:9px 12px;border-radius:8px}
.gestionale .tabella td button.secondario,.gestionale.vista-statistiche .tabella td button.secondario{background:#243a2c;color:#def5e4;border-color:#668371}
.gestionale .badge,.gestionale .chip,.gestionale.vista-statistiche .tabella td .badge{background:#243e2d;color:#c9f7d6;border-color:#5a7f64;border-radius:6px;font-size:11px;font-family:'Manrope',sans-serif}
.gestionale .stato-annullata,.gestionale .stato-no_show{background:#3c2622;color:#ffd4c9;border-color:#8d6255}
.gestionale .filtri,.gestionale .strumenti-clienti{background:#17251c;border:1px solid #3f5a47;border-radius:14px;padding:20px;gap:16px}
.gestionale label{font-size:14px;color:#c7d8cc;font-weight:500}.gestionale input,.gestionale select,.gestionale textarea{font-size:16px;color:#edf8ef;background:#0f1a13;border:1px solid #597460;border-radius:9px;padding:12px 14px;min-height:48px;box-shadow:none}
.gestionale input::placeholder,.gestionale textarea::placeholder{color:#a5bbad}.gestionale input:focus,.gestionale select:focus,.gestionale textarea:focus{outline:2px solid #9dffb866;outline-offset:2px;border-color:#9dffb8}
.gestionale option{background:#15221a;color:#f0f7f1}.gestionale input[type=checkbox]{accent-color:#9dffb8;min-height:21px}
.gestionale .riquadro,.gestionale .credito{background:#233c2b;color:#d2eada;border:1px solid #557b61;border-radius:12px}.gestionale .riquadro p{color:#bfd5c6}
.gestionale fieldset{border-color:#4b6955}.gestionale legend,.gestionale summary{color:#c5e7cf}.gestionale hr{border-color:#3a5141}.gestionale a{color:#bdfacf}
.gestionale #arrivi{background:linear-gradient(115deg,#1b3d28,#14251a);border:1px solid #6ca17b;border-left:4px solid #9dffb8;padding:26px;border-radius:18px;margin:26px 0 34px;position:relative}
.gestionale #arrivi>.riga-titolo{margin:0 0 20px}.gestionale #arrivi>.riga-titolo h2{color:#e3ffeb;font-size:1.8rem}.gestionale #arrivi .griglia{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.gestionale #arrivi .scheda{background:#132b1c;border:1px solid #486b52;padding:20px;min-height:0}.gestionale #arrivi .stato-vuoto{padding:8px 0}.gestionale #arrivi .stato-vuoto p{margin:5px 0;font-size:14px}.gestionale #form-codice{margin-top:22px;gap:14px}.gestionale #form-codice label{margin:0;flex:1;max-width:390px}.gestionale #form-codice input{text-transform:uppercase}
.gestionale .indicatore-operativo{background:#17271c;border-color:#496451;border-radius:14px;box-shadow:none}.gestionale .indicatore-operativo dd{color:#e1f9e8}.gestionale .indicatore-operativo dt{color:#b0c7b7;font-size:11px}
.gestionale .giorno-agenda h3{color:#d9f5e2;font-size:1.4rem}.gestionale .scheda-acquisto{background:#1a2d20!important}
.gestionale #dialogo{background:#17251c;color:#e9f5ec;border:1px solid #63826b;border-radius:20px;box-shadow:0 30px 100px #000a}.gestionale #dialogo::backdrop{background:#000b;backdrop-filter:blur(4px)}.gestionale .chiudi{background:#2f4837;color:#e5f7eb;border:1px solid #789782;border-radius:50%;width:40px;height:40px;min-height:40px;padding:0;font-size:26px}
.gestionale .errore{color:#ffb6a8}.gestionale :focus-visible{outline:2px solid #9dffb8;outline-offset:4px}
/* Dati luminosi su superfici sobrie; restano etichette e legenda. */
.gestionale .cruscotto-neon{--cyan:#9dffb8;--viola:#49c673;--rosa:#e4eeaa;--menta:#bfd6c6;color:#e6f4e9}
.gestionale .dato-neon,.gestionale .grafico-neon,.gestionale .scheda-grafico,.gestionale .scheda-dato{background:#142019;border-color:#3b5744;box-shadow:none;border-radius:16px}
.gestionale .dato-neon strong{color:#effff1;text-shadow:0 0 16px #83ffa722}.gestionale .dato-neon small,.gestionale .titolo-dato{color:#b5d0be;font-size:12px}.gestionale .spia-neon{background:#a1ffb9;box-shadow:0 0 12px #7dff9c66}
.gestionale .comandi-statistiche{border-color:#3c5745}.gestionale .identita-statistiche{color:#badac5}.gestionale .periodi-neon button,.gestionale .naviga-periodi button{background:#1c3023;color:#cde9d6;border-color:#57755f;min-height:42px;font-size:12px}
.gestionale .periodi-neon button[aria-pressed=true]{background:#9dffb8;color:#13351e;border-color:#9dffb8}
.gestionale .barra-anteprima{background:#192d20;border-color:#3c5a45;color:#cee5d5}
@media(max-width:1100px){.gestionale .laterale{width:218px;padding:24px 15px}.gestionale .area-lavoro{margin-left:218px;width:calc(100% - 218px)}.gestionale #pannello{padding:30px 24px}.gestionale .barra{padding:20px 24px}}
@media(max-width:740px){.gestionale .laterale{position:relative;width:100%;padding:18px 16px;border-right:0;border-bottom:1px solid #425a49}.gestionale .area-lavoro{margin:0;width:100%}.gestionale .laterale nav{flex-direction:row;gap:7px;margin-top:20px}.gestionale .laterale nav a{white-space:nowrap;padding:12px 15px;font-size:13px;min-height:44px}.gestionale .laterale .occhiello,.gestionale .laterale .ritorno{display:none}.gestionale .barra{min-height:66px;padding:16px 20px}.gestionale #pannello,.gestionale.vista-statistiche #pannello{padding:26px 17px 40px}.gestionale #pannello>h1{font-size:2.45rem}.gestionale #arrivi{padding:22px 18px}.gestionale #arrivi .griglia{grid-template-columns:1fr}.gestionale #pannello .scheda{padding:22px}.gestionale #pannello .griglia{grid-template-columns:1fr}.gestionale .filtri{padding:17px}.gestionale #form-codice button{width:100%}.gestionale td{font-size:13px}.gestionale .tabella td button{min-height:44px}.gestionale #dialogo{padding:26px 22px}.gestionale .indicatore-operativo dt{font-size:11px}}

/* Tavole di anteprima: superficie grafite e colori dei tubi distinguibili. */
.gestionale .cruscotto-neon{--cyan:#9dffb8;--viola:#c8a8ff;--rosa:#f5c981;--menta:#75eaff}
.gestionale .pannello-neon{background:linear-gradient(145deg,#1a251f,#101814 75%);border-color:#3e5145;box-shadow:inset 0 1px 0 #dbffe708}
.gestionale .cruscotto-neon .neon-3{color:#75eaff}
.gestionale #tubo-incassi stop:nth-child(1){stop-color:#248146}
.gestionale #tubo-incassi stop:nth-child(2){stop-color:#8bffad}
.gestionale #tubo-incassi stop:nth-child(3){stop-color:#f1fff5}
.gestionale #tubo-incassi stop:nth-child(4){stop-color:#43c872}
.gestionale .griglia-neon{stroke:#52645a;opacity:.45}
.gestionale .asse-neon{fill:#bdcec3;font-size:12px}