/* Neon ispirato ai tubi delle lampade: azzurro UV, viola e rosa collagene. */
.gestionale.vista-statistiche .area-lavoro{background:radial-gradient(ellipse at 95% 0,#29204355,transparent 45%),radial-gradient(ellipse at 0 30%,#083d472e,transparent 50%),#080f19;color:#e8f5fb}
.gestionale.vista-statistiche .barra{background:#0e1722;border-color:#233342;color:#a3bacb}.gestionale.vista-statistiche .barra button{color:#d4e7ed;border-color:#3d5462}.gestionale.vista-statistiche .barra .chip{color:#a4c1c5;border-color:#344b51}.gestionale.vista-statistiche #pannello>.occhiello{color:#86afbf}.gestionale.vista-statistiche #pannello>.intro{color:#9eb3c6}.gestionale.vista-statistiche #pannello>h1{color:#edfaff}
.cruscotto-neon{--cyan:#75eaff;--viola:#b78aff;--rosa:#ff83ba;--menta:#9bf5c2;color:#e5f1fb;margin:20px 0 38px;letter-spacing:-.015em;min-width:0}.cruscotto-neon .neon-0{color:var(--cyan)}.cruscotto-neon .neon-1{color:var(--viola)}.cruscotto-neon .neon-2{color:var(--rosa)}.cruscotto-neon .neon-3{color:var(--menta)}.cruscotto-neon .neon-4{color:#ffd296}
.comandi-statistiche{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #263643;flex-wrap:wrap}.identita-statistiche{font:10px/1.5 ui-monospace,monospace;letter-spacing:.17em;display:flex;align-items:center;gap:12px;color:#a9c7d8}.spia-neon{width:5px;height:24px;border-radius:3px;background:#e1fcff;box-shadow:0 0 6px #85e8ff,0 0 22px #3490ff99}
.periodi-neon{display:flex;border:1px solid #384559;padding:4px;gap:4px;border-radius:14px;background:#101925}.cruscotto-neon .periodi-neon button{border-radius:10px;background:transparent;padding:10px 20px;color:#a2b4c8;font-size:13px;box-shadow:none;border:1px solid transparent;transform:none}.cruscotto-neon .periodi-neon button:hover{color:#efffff;background:#1a2937}.cruscotto-neon .periodi-neon button[aria-pressed=true]{background:linear-gradient(140deg,#163849,#26233f);color:#d5faff;border-color:#5ebccc85;box-shadow:inset 0 0 15px #5bd6ff0a,0 0 20px #5bd6ff0a}
.cruscotto-neon .data-statistiche{color:#91a8bb;font-size:9px;margin:0;letter-spacing:.03em}.cruscotto-neon input{color-scheme:dark;background:#101c29;color:#dbedf6;border-color:#354a5d;font-size:13px;padding:9px 12px;min-height:40px;margin-top:5px}
.intestazione-periodo{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 5px}.etichetta-periodo{color:#758da5;font:9px/1.4 ui-monospace,monospace;letter-spacing:.13em;margin-bottom:10px}.gestionale #pannello .cruscotto-neon h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;color:#f0f7ff;letter-spacing:-.055em;font-weight:400;margin:0;text-transform:capitalize}.naviga-periodi{display:flex;gap:6px}.cruscotto-neon .naviga-periodi button{border:1px solid #334456;background:#111e2b;color:#b6cedc;border-radius:10px;padding:8px 12px;min-height:38px;font-size:12px}.cruscotto-neon .naviga-periodi button:hover{border-color:#65cadd;color:white;background:#1d303f;box-shadow:none}
.stato-statistiche{font-size:10px;color:#7894a8;margin:9px 0 24px;letter-spacing:.02em}.risultati-statistiche[aria-busy=true]{opacity:.55;transition:opacity .2s}
.indicatori-neon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.dato-neon{border:1px solid #2b3e51;position:relative;background:linear-gradient(130deg,#142131,#0c1522);border-radius:18px;padding:22px 19px 26px;overflow:hidden;min-width:0}.dato-neon::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 0,currentColor,transparent 68%);opacity:.045;pointer-events:none}.titolo-dato{font:9px/1.4 ui-monospace,monospace;letter-spacing:.07em;color:#a8b8cd;display:block;margin-bottom:21px}.dato-neon strong{display:block;font-size:clamp(1.5rem,2.75vw,3.1rem);font-weight:400;color:#effbff;letter-spacing:-.07em;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}.dato-neon small{display:block;font-size:9px;color:#849daf;margin-top:13px;min-height:15px}.bulbo-dato{position:absolute;bottom:0;left:20px;right:20px;height:3px;background:currentColor;border-radius:3px;box-shadow:0 0 9px currentColor,0 0 24px currentColor;opacity:.9}
.griglia-grafici{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pannello-neon{border:1px solid #293b4e;border-radius:22px;background:linear-gradient(145deg,#101d2c,#0b1421 70%);padding:24px 22px 19px;position:relative;min-width:0;box-shadow:inset 0 1px 0 #d9faff05,0 12px 40px #00000012}.pannello-neon::before{content:'';position:absolute;top:-1px;left:32px;width:70px;height:1px;background:linear-gradient(90deg,transparent,#a0b8d477,transparent)}.titolo-grafico{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:26px;min-height:70px}.codice-grafico{font:8px/1.4 ui-monospace,monospace;letter-spacing:.16em;color:#708ea6}.gestionale #pannello .cruscotto-neon h3{font-size:1.3rem;font-weight:400;line-height:1.2;color:#dfedf8;letter-spacing:-.045em;margin:12px 0 0}.cruscotto-neon .misura-grafico{margin:0;color:#7794ad;font-size:8px;max-width:140px;flex-shrink:0}.cruscotto-neon select{background:#111f2d;border-color:#314960;color:#b9d4e6;font-size:10px;padding:8px 10px;min-height:34px;border-radius:9px;margin-top:5px;color-scheme:dark;max-width:140px}
.scorri-grafico{overflow-x:auto;overscroll-behavior-x:contain;margin:0 -8px}.tracciato-neon{display:block;width:100%;height:auto;min-width:380px;overflow:visible}.griglia-neon{stroke:#26394c;stroke-width:1;stroke-dasharray:3 7;opacity:.7}.asse-neon{fill:#91a7bf;font:14px Arial,sans-serif}.tubo-spento{fill:#112233;stroke:#263b4b;stroke-width:1}.tubo-acceso{filter:drop-shadow(0 0 5px #46baff88);animation:accendi-tubo .7s ease-out both;transform-box:fill-box;transform-origin:center bottom}.nucleo-tubo{stroke:#e6ffff;stroke-width:1.4;opacity:.55}.tracciato-neon [role=button]{cursor:pointer;outline:none}.tracciato-neon [role=button]:focus-visible{outline:2px solid #a4eeff;outline-offset:4px}.tracciato-neon [role=button]:hover .tubo-acceso{filter:drop-shadow(0 0 9px #69deff)}.tracciato-neon [role=button]:hover .punto-neon{fill:#fff;stroke-width:4}
.linea-neon{fill:none;stroke:#c8a8ff;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 4px #9d68ff88)}.alone-linea{stroke:#7145f1;stroke-width:12;opacity:.13;filter:blur(5px)}.punto-neon{fill:#eee1ff;stroke:#a86bff;stroke-width:2}.legenda-singola{display:flex;gap:7px;align-items:center;font-size:9px;color:#9db2cb;padding-top:8px}.legenda-singola i{display:inline-block;width:13px;height:3px;border-radius:4px;background:currentColor;box-shadow:0 0 7px currentColor}.dettaglio-neon{font-size:10px;line-height:1.6;color:#90abc0;border-top:1px solid #27394b;margin:12px 0 0;padding-top:13px;min-height:30px}
.distribuzione-macchine{display:grid;grid-template-columns:minmax(135px,.9fr) 1.15fr;align-items:center;gap:10px;min-height:235px}.anello-statistiche{position:relative;max-width:230px;aspect-ratio:1;margin:auto;width:100%}.anello-statistiche svg{width:100%;height:auto;overflow:visible}.anello-esterno{fill:none;stroke:#263d4e;stroke-width:1;stroke-dasharray:1 7}.anello-spento{fill:none;stroke:#182a3b;stroke-width:14}.arco-neon{fill:none;stroke:currentColor;stroke-width:14;transform:rotate(-90deg);transform-origin:110px 110px;filter:drop-shadow(0 0 5px currentColor);stroke-linecap:round;opacity:.9}.centro-anello{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.centro-anello strong{font-weight:400;font-size:3rem;line-height:1;color:#effaff;letter-spacing:-.075em}.centro-anello span{color:#91a7bf;font-size:9px;margin-top:10px}.legenda-macchine{display:grid;gap:9px}.cruscotto-neon .voce-legenda{display:flex;align-items:center;gap:10px;padding:8px 0;background:transparent;border:0;border-radius:0;text-align:left;box-shadow:none;transform:none}.cruscotto-neon .voce-legenda:hover{background:#86a4c40a}.pallino-neon{width:5px;height:22px;display:block;border-radius:4px;background:currentColor;box-shadow:0 0 9px currentColor;flex-shrink:0}.nome-legenda{flex:1;font-size:11px;color:#c5d8e9;font-weight:400;line-height:1.4}.nome-legenda small{display:block;color:#718ea8;font-size:8px;margin-top:4px}.voce-legenda b{font-size:16px;font-weight:400;color:#dbeefa;min-width:22px;text-align:right}
.metodi-neon{display:grid;gap:23px;padding:6px 0 12px}.metodo-neon>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:9px}.metodo-neon span{color:#b5cce0;font-size:12px}.metodo-neon b{color:#e9f7ff;font-weight:400;font-size:21px;letter-spacing:-.045em}.metodo-neon svg{width:100%;height:10px;overflow:visible;display:block}.binario-metodo{fill:#1e3041}.barra-metodo{fill:currentColor;filter:drop-shadow(0 0 4px currentColor)}.metodo-neon small{display:block;font-size:9px;color:#7590ab;margin-top:7px}
.nota-statistiche{font-size:10px;color:#809ab0;line-height:1.8;margin:23px 0 18px;max-width:940px}.tabella-statistiche summary{font-size:12px;color:#a5c9db;cursor:pointer;margin:18px 0}.gestionale.vista-statistiche .tabella{background:#111e2c;border-color:#2a4052}.gestionale.vista-statistiche th{background:#142433;color:#88a8bd;border-color:#253b4d}.gestionale.vista-statistiche td{background:#0e1b29;color:#bfcedc;border-color:#223747;font-size:12px}.gestionale.vista-statistiche tr:hover td{background:#15293a}.gestionale.vista-statistiche .riga-titolo>a{color:#85d6e9}.gestionale.vista-statistiche .tabella td .badge{background:#243647;color:#bbd4df;border-color:#344f60}.gestionale.vista-statistiche .tabella td button{background:#1c3d45;color:#d0f8f2;border-color:#345a61}.gestionale.vista-statistiche .tabella td button.secondario{background:transparent;color:#a7c5d8;border-color:#3c5365}.errore-statistiche{padding:30px;color:#ffc4c1;border:1px solid #874b58;border-radius:18px}
.cruscotto-neon .neon-3{color:#8fb9ff}.cruscotto-neon .neon-4{color:#dbfa9c}.titolo-dato{font-size:10px}.dato-neon small{font-size:11px}.dettaglio-neon{font-size:11px}.nome-legenda{font-size:13px}.nome-legenda small{font-size:10px}.metodo-neon small{font-size:11px}
@keyframes accendi-tubo{from{transform:scaleY(.04);opacity:.2}to{transform:scaleY(1);opacity:1}}
@media(min-width:1550px){.tracciato-neon{min-height:240px}}
@media(max-width:1150px){.comandi-statistiche{gap:16px}.identita-statistiche{font-size:8px;letter-spacing:.1em}.cruscotto-neon .periodi-neon button{padding:10px 14px}.griglia-grafici{grid-template-columns:1fr}.indicatore-neon{min-width:0}.dato-neon{padding:18px 15px 23px}.dato-neon strong{font-size:2rem}.titolo-dato{font-size:8px;letter-spacing:.02em}.dato-neon small{font-size:8px}.titolo-grafico{min-height:0}.distribuzione-macchine{grid-template-columns:1fr 1.4fr;gap:25px}.anello-statistiche{max-width:230px}.metodi-neon{grid-template-columns:repeat(3,1fr);gap:22px}.metodo-neon>div{flex-direction:column;align-items:flex-start;gap:10px}.tracciato-neon{max-height:320px}}
@media(max-width:740px){.gestionale.vista-statistiche #pannello{padding:27px 17px}.cruscotto-neon{margin-top:24px}.comandi-statistiche{gap:18px;align-items:flex-start}.identita-statistiche{width:100%;font-size:9px}.periodi-neon{width:100%;justify-content:space-between}.cruscotto-neon .periodi-neon button{flex:1;font-size:13px;padding:12px 16px}.cruscotto-neon .data-statistiche{font-size:10px;width:100%}.cruscotto-neon input{font-size:15px;width:100%;min-height:45px}.intestazione-periodo{align-items:flex-start;flex-direction:column;gap:18px;margin-top:25px}.gestionale #pannello .cruscotto-neon h2{font-size:2.15rem}.naviga-periodi{align-self:stretch;justify-content:flex-end}.cruscotto-neon .naviga-periodi button{min-height:44px;min-width:44px;font-size:14px}.naviga-periodi button[data-oggi]{margin-right:auto;margin-left:0}.etichetta-periodo{font-size:8px}.stato-statistiche{font-size:10px;margin-bottom:20px}.indicatori-neon{grid-template-columns:1fr 1fr;gap:11px}.dato-neon{padding:20px 16px 26px}.titolo-dato{font-size:8px;margin-bottom:19px;letter-spacing:.04em}.dato-neon strong{font-size:clamp(1.65rem,7.6vw,2.5rem)}.dato-neon small{font-size:9px;line-height:1.5;min-height:27px}.griglia-grafici{gap:15px}.pannello-neon{padding:23px 18px 18px;border-radius:20px}.titolo-grafico{gap:10px;margin-bottom:25px}.gestionale #pannello .cruscotto-neon h3{font-size:1.35rem}.codice-grafico{font-size:8px}.cruscotto-neon .misura-grafico{max-width:112px;font-size:8px}.cruscotto-neon select{font-size:10px;max-width:112px;padding:8px;min-height:36px}.dettaglio-neon{font-size:11px;min-height:46px}.distribuzione-macchine{grid-template-columns:1fr;gap:15px}.anello-statistiche{max-width:240px}.legenda-macchine{gap:5px}.cruscotto-neon .voce-legenda{padding:10px 4px;min-height:53px}.nome-legenda{font-size:14px}.nome-legenda small{font-size:10px}.voce-legenda b{font-size:21px}.metodi-neon{grid-template-columns:1fr;gap:25px}.metodo-neon>div{flex-direction:row;align-items:center}.metodo-neon span{font-size:14px}.metodo-neon b{font-size:24px}.metodo-neon small{font-size:10px}.nota-statistiche{font-size:11px;line-height:1.75}.tabella-statistiche summary{font-size:13px;padding:8px 0}.legenda-singola{font-size:10px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.cruscotto-neon *{animation:none!important;transition:none!important}}
.elenco-macchina{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.elenco-macchina li{display:flex;gap:10px;align-items:baseline;font-size:12px;color:#d6e6dc;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.04)}.elenco-macchina li span{color:#9db2cb;min-width:110px}.elenco-macchina li small{color:#90abc0;margin-left:auto}