/* Shared visual finish. Ellemultiverse srl — no business logic. */
:root{--elle-ink:#0a0d1b;--elle-line:#343d5c;--elle-muted:#a7b2ce;--elle-spectrum:linear-gradient(110deg,#22d3ee,#567cf5 38%,#9a61e9 68%,#ec4899)}
body{background-color:var(--elle-ink);background-image:radial-gradient(ellipse at 95% 5%,#67328124,transparent 48%),radial-gradient(ellipse at 5% 55%,#17485c1c,transparent 50%);background-attachment:fixed}
:is(#vista,#content){position:relative;isolation:isolate}
:is(#vista,#content)::before{content:'';position:absolute;right:2%;top:5px;width:270px;height:120px;pointer-events:none;z-index:-1;opacity:.6;background:radial-gradient(ellipse at 44% 50%,transparent 48%,#788adc35 49%,transparent 50%),radial-gradient(ellipse at 64% 50%,transparent 48%,#be5cbf35 49%,transparent 50%);transform:rotate(-12deg)}
:is(#vista,#content) h1{letter-spacing:-.04em;line-height:1.2}
:is(#vista,#content) :is(.scheda,.kpi,.ph-panel,.ph-mix,.dist-card,.ph-machine){border:1px solid #3a436166;border-top-color:#7484ad44;background:linear-gradient(145deg,#1a2137e8,#111729f5);box-shadow:inset 0 1px 0 #ffffff05,0 16px 34px #00000024;border-radius:20px}
:is(#vista,#content) .scheda{padding:24px}.scheda.scorre{overflow:auto}
:is(#vista,#content) :is(.griglia,.dist-grid,.ph-fleet){gap:18px}
:is(.dist-card,.ph-machine){position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
:is(.dist-card,.ph-machine)::after{content:'';position:absolute;right:-30px;top:-30px;width:115px;height:115px;border:1px solid #869ce225;border-radius:50%;pointer-events:none}
:is(.dist-card,.ph-machine):hover{transform:translateY(-3px);border-color:#8a9cd377;box-shadow:0 16px 35px #0005}
:is(.dist-card-icon,.ph-icon){background:linear-gradient(135deg,#27507566,#64357455);border:1px solid #63779966;border-radius:14px;color:#86e2ef}
:is(.dist-card-foot,.ph-machine-meta){border-color:#3c486555;color:#b2bdd6}.dist-arrow,.ph-machine-arrow{color:#c7b5f4}.serial{color:#a2afcc;font-variant-numeric:tabular-nums}
:is(.side,.sidebar){background:linear-gradient(170deg,#141a30,#0c1021);border-right:1px solid #37426366}
.side .logo{display:block;margin:8px 6px 24px}.side .logo img,.marchio img{width:100%;height:auto;display:block}.side .logo small{display:block;font-size:10px;color:#a6b3d3;letter-spacing:.08em;margin-top:10px}
.side .gest-brand{background:linear-gradient(135deg,#23365355,#38295055);border-color:#4e5c8066;border-radius:16px;padding:14px 12px}.side .gest-brand .nm{line-height:1.45}
.side a.nav{font-size:13px;min-height:44px;border:1px solid transparent;margin-bottom:5px;border-radius:12px}.side a.nav.on{background:linear-gradient(100deg,#23486466,#66336644);border-color:#6876a266;box-shadow:inset 2px 0 #22d3ee}.side a.nav.on svg{color:#62d9eb}.side .utente{color:#a5b2d0;padding-top:20px}
#content h1:not(.premium-home h1){font-size:clamp(28px,3vw,40px);margin:0 0 14px;padding-top:28px;position:relative;overflow-wrap:anywhere}
#content h1[data-area]::before{content:attr(data-area);position:absolute;top:0;left:0;font-size:10px;line-height:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--section-accent,#78d6e8);font-weight:650}
#content .sotto{color:#aebbd5;line-height:1.75;font-size:13px;max-width:90ch;margin-bottom:25px}
#content :is(.scheda h2,.ph-section-head h2){font-size:16px;letter-spacing:-.02em;color:#eef2ff}
:is(#vista,#content) table{border-collapse:separate;border-spacing:0;font-size:13px;font-variant-numeric:tabular-nums}
:is(#vista,#content) th{background:#10172b;color:#aebbd7;font-size:10px;letter-spacing:.09em;padding:14px;border-bottom:1px solid #46577a77}
:is(#vista,#content) td{padding:14px;background:transparent;border:0;border-bottom:1px solid #39456266}
:is(#vista,#content) tr:last-child td{border-bottom:0}:is(#vista,#content) tr.clic:hover td{background:#5e85c512}
.btn{background:linear-gradient(115deg,#4964d9,#8151d5 65%,#b044b4);box-shadow:inset 0 1px #ffffff26,0 5px 16px #452a8e25;border-radius:11px;transition:filter .16s,transform .16s;min-height:38px;font-size:13px;letter-spacing:.005em}.btn:hover{filter:brightness(1.1)}
.btn:is(.ghost,.secondario){background:#1a233888;border:1px solid #4a597966;color:#c9d4ed;box-shadow:none}.btn:is(.ghost,.secondario):hover{background:#27334b}.btn:disabled{filter:none;transform:none;cursor:default}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#0d1528;border:1px solid #41527488;border-radius:11px;color:#eef3ff;padding:12px 14px;font:inherit;min-width:0}
:where(input,select,textarea):focus-visible{outline:2px solid #91a6f0;outline-offset:2px}:where(button,a,[tabindex]):focus-visible{outline:2px solid #66d9ee;outline-offset:4px}
input[type=checkbox],input[type=radio]{width:17px;height:17px;min-width:17px;accent-color:#9574ee;box-shadow:none}input::placeholder,textarea::placeholder{color:#8e9bb8}
#content .kpi{padding:24px}.kpi .n{font-size:34px;letter-spacing:-.045em}.kpi .l{font-size:12px;color:#aab7d2;margin-top:10px}
#content :is(.device-tabs,.tabs){display:flex;gap:6px;padding:7px;border:1px solid #44547788;border-radius:15px;background:#10182b;box-shadow:none;margin:24px 0 20px}
#content :is(.device-tabs,.tabs) button{padding:12px 15px;border:1px solid transparent;border-radius:10px;background:transparent;color:#b6c3dd;font-size:12px;margin:0}
#content :is(.device-tabs,.tabs) button:is(.on,.attivo){background:linear-gradient(115deg,#294d7266,#5f396c88);border-color:#879bc56b;color:#fff;box-shadow:none}
#content .cella{background:linear-gradient(145deg,#1e2b44,#171b32);border-color:#4e628377;border-radius:15px;padding:14px;min-height:105px}#content .cella:hover{border-color:#70ccdf}.cella .sel{color:#a4b5d3}.cella .pr{color:#c2cde4}
.modale{background:#050a17bd;backdrop-filter:blur(9px)}.modale .box{background:linear-gradient(145deg,#202a43,#131a2c);border:1px solid #63769b88;border-radius:24px;padding:24px;box-shadow:0 30px 100px #0008}.modale .rigahead{padding-bottom:16px;border-bottom:1px solid #4b5b7c66;margin-bottom:20px}.modale .rigahead h2{font-size:21px!important;letter-spacing:-.035em}.modale .campo label{color:#bfcae1;font-size:12px}.modale .azioni-modale{border-top:1px solid #4b5b7c66;padding-top:18px;margin-top:22px}.modale .hint{font-size:12px;color:#a7b6d3;line-height:1.7}
:is(.pill,.badge){font-size:11px;border-radius:999px;padding:5px 10px;font-weight:600}.pill.ok{color:#92e7c9;background:#1f50414d;border:1px solid #5d9b8155}
#content .vuoto{padding:30px 20px;border:1px dashed #4c5c7b;border-radius:15px;background:#17213755;color:#aebbd5}.indietro{padding:8px 0;color:#99cfe0}.avviso{border-radius:13px;line-height:1.7;font-size:13px}
.ph-hero{background:radial-gradient(ellipse at 95% 5%,#b252a22a,transparent 55%),linear-gradient(125deg,#17364a,#272039)!important;border-color:#6c82a388!important;box-shadow:0 20px 50px #0003!important}.ph-total{letter-spacing:-.06em}.ph-eyebrow{letter-spacing:.13em;color:#a6dce7}.ph-period{background:#1a2338;border-color:#546b9280;border-radius:14px}.ph-ring{box-shadow:0 0 0 10px #93ace706,0 0 0 11px #93ace710}.ph-link{color:#bddaf9}.ph-utility{border-bottom:1px solid #49597855}.ph-utility:hover{background:#708bb20a}
@media(max-width:760px){:is(#vista,#content)::before{width:140px;opacity:.3}:is(#vista,#content) .scheda{padding:17px;border-radius:16px}.main{padding:20px 16px 50px!important}.modale .box{padding:18px;border-radius:18px}.modale .rigahead h2{font-size:18px!important}#content :is(.tabs,.device-tabs){flex-wrap:nowrap;overflow-x:auto}#content :is(.tabs,.device-tabs) button{flex:none}#content h1:not(.premium-home h1){font-size:28px}.ph-total{font-size:clamp(38px,10vw,64px)}.side .logo img{max-width:205px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Replace legacy heading stripe rather than inheriting its 4px width. */
#content[class*="section-"] h1[data-area]{padding-left:0}
#content[class*="section-"] h1[data-area]::before{width:auto;height:auto;bottom:auto;right:auto;top:0;background:none;box-shadow:none;border:0;border-radius:0;white-space:nowrap;transform:none}