:root{--fondo: #0a0d18;--fondo-alto: #0e1222;--pannello: rgba(22, 28, 48, .72);--pannello-solido: #161c30;--bordo: rgba(122, 142, 200, .16);--bordo-vivo: rgba(122, 142, 200, .32);--testo: #e9ecf7;--tenue: #8a93b5;--accento: #6c8cff;--accento-caldo: #a78bfa;--verde: #37e0c8;--giallo: #f0b849;--rosso: #ff6b63;--raggio: 14px;--raggio-piccolo: 9px;--ombra: 0 18px 40px -24px rgba(0, 0, 0, .9)}*{box-sizing:border-box}body{margin:0;color:var(--testo);background:var(--fondo);font:14px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:.005em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(70rem 40rem at 12% -10%,rgba(108,140,255,.16),transparent 60%),radial-gradient(50rem 30rem at 95% 0%,rgba(167,139,250,.12),transparent 55%),linear-gradient(180deg,var(--fondo-alto),var(--fondo) 60%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(122,142,200,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(122,142,200,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(60rem 40rem at 50% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(60rem 40rem at 50% 0%,#000 20%,transparent 75%)}code,pre{font-family:ui-monospace,JetBrains Mono,Fira Code,SF Mono,Menlo,monospace;font-size:12px}code{color:#b9c6ff}pre{margin:.45rem 0 0;padding:.7rem .85rem;white-space:pre-wrap;word-break:break-word;color:var(--tenue);background:#080b1499;border:1px solid var(--bordo);border-radius:var(--raggio-piccolo)}*{scrollbar-width:thin;scrollbar-color:var(--bordo-vivo) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background:var(--bordo-vivo);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--tenue);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:var(--accento);background-clip:padding-box}.marchio polygon{fill:var(--testo)}.marchio .accento{fill:var(--accento);transform-origin:80px 39px}.marchio.vivo .accento{animation:respiro 2.6s ease-in-out infinite}@keyframes respiro{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.14);opacity:.78}}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.9rem 1.6rem;background:#0a0d18b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--bordo)}.insegna{display:flex;align-items:center;gap:.7rem}.insegna h1{margin:0;font-size:.95rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.insegna .sotto{font-size:11px;letter-spacing:.06em;color:var(--tenue);text-transform:uppercase}.pillola{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .7rem;border:1px solid var(--bordo-vivo);border-radius:999px;background:#141a2c99;font-size:12px;color:var(--tenue)}.pillola b{color:var(--testo);font-weight:600}.pillola .punto{width:.5rem;height:.5rem;border-radius:50%;background:var(--verde);box-shadow:0 0 #37e0c88c;animation:battito 2.2s ease-out infinite}.pillola.spenta .punto{background:var(--rosso);box-shadow:none;animation:none}button.pillola.nuova{font:inherit;font-size:12px;cursor:pointer;color:var(--testo);border-color:var(--accento);background:color-mix(in srgb,var(--accento) 16%,transparent)}button.pillola.nuova:hover{background:color-mix(in srgb,var(--accento) 26%,transparent)}button.pillola.nuova .punto{background:var(--accento);box-shadow:0 0 color-mix(in srgb,var(--accento) 55%,transparent);animation:battito-accento 2.2s ease-out infinite}@keyframes battito-accento{0%{box-shadow:0 0 color-mix(in srgb,var(--accento) 50%,transparent)}70%{box-shadow:0 0 0 .5rem transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes battito{0%{box-shadow:0 0 #37e0c880}70%{box-shadow:0 0 0 .5rem #37e0c800}to{box-shadow:0 0 #37e0c800}}.principali{position:sticky;top:3.6rem;z-index:9;display:flex;gap:.35rem;flex-wrap:wrap;padding:.9rem 1.6rem 0;background:linear-gradient(180deg,#0a0d18db,#0a0d1800)}.principali button{position:relative;padding:.42rem .95rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--tenue);font:inherit;font-size:13px;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}.principali button:hover{color:var(--testo);background:#6c8cff14}.principali button[aria-selected=true]{color:var(--testo);background:linear-gradient(180deg,#6c8cff38,#6c8cff14);border-color:#6c8cff73;box-shadow:0 0 22px -6px #6c8cffb3}main{display:grid;gap:1.15rem;padding:1.15rem 1.6rem 3rem}section{background:var(--pannello);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--bordo);border-radius:var(--raggio);box-shadow:var(--ombra);overflow:hidden;animation:entra .28s ease-out both}@keyframes entra{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}h2{display:flex;align-items:center;gap:.6rem;margin:0;padding:.85rem 1.1rem;font-size:.72rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--tenue);border-bottom:1px solid var(--bordo);background:linear-gradient(180deg,rgba(108,140,255,.06),transparent)}button.in-testata{margin-left:auto;padding:.2rem .7rem;font-size:11.5px;letter-spacing:normal;text-transform:none}h2:before{content:"";width:1.1rem;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accento),var(--accento-caldo))}h3{margin:1.4rem 0 .6rem;font-size:.72rem;font-weight:650;letter-spacing:.11em;text-transform:uppercase;color:var(--tenue)}.corpo{padding:.9rem 1.1rem 1.15rem;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:.45rem .65rem;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tenue)}td{padding:.6rem .65rem;border-top:1px solid rgba(122,142,200,.1);vertical-align:top}tbody tr{transition:background .14s ease}tbody tr:hover{background:#6c8cff0d}.stato{display:inline-flex;align-items:center;gap:.4rem;padding:.16rem .55rem;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.03em;border:1px solid transparent}.stato:before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.ok{color:var(--verde)}.attenzione{color:var(--giallo)}.guasto{color:var(--rosso)}.stato.ok{background:#37e0c81a;border-color:#37e0c840}.stato.attenzione{background:#f0b8491a;border-color:#f0b84940}.stato.guasto{background:#ff6b631a;border-color:#ff6b6340}.tenue{color:var(--tenue)}.pallino{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;margin-right:.5rem;box-shadow:0 0 10px currentColor}.schede{display:flex;gap:.35rem;flex-wrap:wrap;padding:.85rem 1.1rem 0}.schede button{border-radius:999px;border:1px solid var(--bordo);background:transparent;color:var(--tenue);padding:.28rem .8rem;font:inherit;font-size:12px;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.schede button:hover{color:var(--testo)}.schede button[aria-selected=true]{color:var(--testo);border-color:#6c8cff80;background:#6c8cff1f}label{display:block;margin-bottom:.9rem}label>span{display:block;margin-bottom:.3rem;font-size:12px;color:var(--tenue)}label em{display:block;font-style:normal;font-size:11.5px;opacity:.8}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;padding:.5rem .7rem;color:var(--testo);background:#080b148c;border:1px solid var(--bordo);border-radius:var(--raggio-piccolo);font:inherit;font-size:13px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.pillola.qui{margin-left:.5rem;padding:.1rem .5rem;font-size:11px;color:var(--accento);border-color:var(--accento);background:color-mix(in srgb,var(--accento) 14%,transparent)}input.cadenza{width:6.5rem}input:focus,select:focus,textarea:focus{outline:none;border-color:#6c8cff99;box-shadow:0 0 0 3px #6c8cff24;background:#080b14cc}input::placeholder{color:#8a93b58c}textarea{min-height:4.5rem;resize:vertical;font-family:ui-monospace,Menlo,monospace;font-size:12px}.griglia{display:grid;gap:0 1.1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.azioni{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}button{border-radius:999px;border:1px solid var(--bordo-vivo);background:#1e263e80;color:var(--tenue);padding:.4rem .95rem;font:inherit;font-size:12.5px;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .12s ease}button:hover:not(:disabled){color:var(--testo);border-color:#6c8cff80}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button.azione{color:#0a0d18;font-weight:650;border-color:transparent;background:linear-gradient(135deg,var(--accento),var(--accento-caldo));box-shadow:0 10px 26px -14px #6c8cffe6}button.azione:hover:not(:disabled){filter:brightness(1.08);color:#0a0d18}button.pericolo{color:var(--rosso);border-color:#ff6b6359;background:#ff6b6314}button.sola{border:0;background:transparent;padding:.15rem .4rem;font-size:12px}.pulsanti,.barra{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.barra{padding:.85rem 1.1rem;border-top:1px solid var(--bordo);background:#080b1459}.barra .tenue,.pulsanti .tenue{margin-right:auto;font-size:12px}.pulsanti{margin-top:1.5rem}.pulsanti .spazio{margin-left:auto}.avviso{position:relative;margin:.8rem 0;padding:.75rem .95rem;border-radius:var(--raggio-piccolo);border:1px solid rgba(240,184,73,.28);background:#f0b84912}.avviso:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px;background:var(--giallo)}.avviso.errore{border-color:#ff6b634d;background:#ff6b6312}.avviso.errore:before{background:var(--rosso)}.avviso.riuscito{border-color:#37e0c847;background:#37e0c812}.avviso.riuscito:before{background:var(--verde)}.avviso p:first-child{margin-top:0}.avviso p:last-child{margin-bottom:0}.vuoto{padding:1.4rem .7rem;color:var(--tenue);text-align:center;font-size:13px}details summary{cursor:pointer;color:var(--tenue);font-size:12.5px}details summary:hover{color:var(--testo)}.riquadro{margin-bottom:.9rem;padding:.95rem 1.05rem;border:1px solid var(--bordo);border-radius:var(--raggio-piccolo);background:#080b144d}.riquadro.spento{opacity:.55}.riquadro.stretto{padding:.7rem .9rem}.intestazioneRiquadro{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.7rem}.intestazioneRiquadro b{font-size:.95rem}.intestazioneRiquadro .tenue{margin-right:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:46rem){header,.principali,main{padding-left:1rem;padding-right:1rem}main{gap:.9rem}}.indicatori{display:grid;gap:1.15rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.tessera{position:relative;padding:1rem 1.15rem 1.1rem;background:var(--pannello);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--bordo);border-radius:var(--raggio);box-shadow:var(--ombra);overflow:hidden;animation:entra .28s ease-out both}.tessera:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(108,140,255,.55),transparent)}.tessera .etichetta{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--tenue)}.tessera .valore{margin:.35rem 0 .25rem;font-size:2.1rem;font-weight:650;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:proportional-nums}.tessera .nota{display:flex;align-items:center;gap:.4rem;font-size:12px;color:var(--tenue)}.tessera .nota .segno{width:.45rem;height:.45rem;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.tessera .nota.ok{color:var(--verde)}.tessera .nota.attenzione{color:var(--giallo)}.tessera .nota.guasto{color:var(--rosso)}.numerica{font-variant-numeric:tabular-nums;color:var(--tenue)}.tabellaTool td:first-child{width:22%}.tabellaTool td:nth-child(2){width:8.5rem}.tabellaTool td:nth-child(3),.tabellaTool td:nth-child(4){width:6rem}.tabellaTool td:last-child{width:6.5rem}.griglia label{display:flex;flex-direction:column}.griglia label>span{flex:1 0 auto}.griglia label>input,.griglia label>select,.griglia label>textarea{margin-top:auto}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%238a93b5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}select option{background:var(--pannello-solido);color:var(--testo)}input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accento)}:root:not([data-tema=scuro]){color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-tema=scuro]){color-scheme:light;--fondo: #f2f5fb;--fondo-alto: #ffffff;--pannello: rgba(255, 255, 255, .82);--pannello-solido: #ffffff;--bordo: rgba(30, 44, 82, .13);--bordo-vivo: rgba(30, 44, 82, .24);--testo: #141b2e;--tenue: #56607d;--accento: #3d5bd9;--accento-caldo: #7250e6;--verde: #067a68;--giallo: #8a5a00;--rosso: #c2362c;--ombra: 0 18px 34px -28px rgba(20, 32, 64, .55)}}:root[data-tema=chiaro]{color-scheme:light;--fondo: #f2f5fb;--fondo-alto: #ffffff;--pannello: rgba(255, 255, 255, .82);--pannello-solido: #ffffff;--bordo: rgba(30, 44, 82, .13);--bordo-vivo: rgba(30, 44, 82, .24);--testo: #141b2e;--tenue: #56607d;--accento: #3d5bd9;--accento-caldo: #7250e6;--verde: #067a68;--giallo: #8a5a00;--rosso: #c2362c;--ombra: 0 18px 34px -28px rgba(20, 32, 64, .55)}@media(prefers-color-scheme:light){:root:not([data-tema=scuro]) body:before{background:radial-gradient(70rem 40rem at 12% -10%,rgba(61,91,217,.1),transparent 60%),radial-gradient(50rem 30rem at 95% 0%,rgba(114,80,230,.08),transparent 55%),linear-gradient(180deg,var(--fondo-alto),var(--fondo) 55%)}:root:not([data-tema=scuro]) body:after{opacity:.18}}:root[data-tema=chiaro] body:before{background:radial-gradient(70rem 40rem at 12% -10%,rgba(61,91,217,.1),transparent 60%),radial-gradient(50rem 30rem at 95% 0%,rgba(114,80,230,.08),transparent 55%),linear-gradient(180deg,var(--fondo-alto),var(--fondo) 55%)}:root[data-tema=chiaro] body:after{opacity:.18}@media(prefers-color-scheme:light){:root:not([data-tema=scuro]) header,:root:not([data-tema=scuro]) .binario,:root:not([data-tema=scuro]) .principali{background:#ffffffc7}:root:not([data-tema=scuro]) .pillola,:root:not([data-tema=scuro]) .tema,:root:not([data-tema=scuro]) button:not(.azione){background:#ffffffd9}:root:not([data-tema=scuro]) .tema button[aria-pressed=true]{background:#3d5bd924}:root:not([data-tema=scuro]) input,:root:not([data-tema=scuro]) select,:root:not([data-tema=scuro]) textarea,:root:not([data-tema=scuro]) pre,:root:not([data-tema=scuro]) .riquadro,:root:not([data-tema=scuro]) .riga,:root:not([data-tema=scuro]) .barra{background:#f4f7fde6}:root:not([data-tema=scuro]) code{color:#3b4bb8}:root:not([data-tema=scuro]) button.azione{color:#fff}:root:not([data-tema=scuro]) .passo[aria-current=step] .numero{color:#fff}}:root[data-tema=chiaro] header,:root[data-tema=chiaro] .binario,:root[data-tema=chiaro] .principali{background:#ffffffc7}:root[data-tema=chiaro] .pillola,:root[data-tema=chiaro] .tema,:root[data-tema=chiaro] button:not(.azione){background:#ffffffd9}:root[data-tema=chiaro] .tema button[aria-pressed=true]{background:#3d5bd924}:root[data-tema=chiaro] input,:root[data-tema=chiaro] select,:root[data-tema=chiaro] textarea,:root[data-tema=chiaro] pre,:root[data-tema=chiaro] .riquadro,:root[data-tema=chiaro] .riga,:root[data-tema=chiaro] .barra{background:#f4f7fde6}:root[data-tema=chiaro] code{color:#3b4bb8}:root[data-tema=chiaro] button.azione{color:#fff}:root[data-tema=chiaro] .passo[aria-current=step] .numero{color:#fff}@media(prefers-color-scheme:light){:root:not([data-tema=scuro]) .stato:before,:root:not([data-tema=scuro]) .pallino,:root:not([data-tema=scuro]) .tessera .nota .segno{box-shadow:none}}:root[data-tema=chiaro] .stato:before,:root[data-tema=chiaro] .pallino,:root[data-tema=chiaro] .tessera .nota .segno{box-shadow:none}.tema{display:inline-flex;padding:2px;gap:2px;border:1px solid var(--bordo);border-radius:999px;background:#080b1459}.tema button{border:0;border-radius:999px;padding:.18rem .6rem;background:transparent;color:var(--tenue);font-size:12px;line-height:1.5}.tema button[aria-pressed=true]{color:var(--testo);background:#6c8cff2e}.spiegazione{color:var(--tenue);font-size:13px;margin:0 0 .9rem}.elenco{display:flex;flex-direction:column;gap:.55rem}.riga{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.7rem .85rem;border:1px solid var(--bordo);border-radius:var(--raggio-piccolo);background:#080b1459}.riga .principale{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:14rem;flex:1 1 auto}.riga .dettaglio{display:flex;gap:.9rem;flex-wrap:wrap;font-size:12px;color:var(--tenue);flex:1 1 100%}.riga .azioni{display:flex;gap:.4rem;margin-left:auto}.etichetta{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tenue);border:1px solid var(--bordo);border-radius:999px;padding:.05rem .5rem}.versione{font-size:12px;color:var(--tenue);font-variant-numeric:tabular-nums}.pallino.viva{color:var(--verde);background:var(--verde)}.pallino.muta{color:var(--tenue);background:var(--tenue);box-shadow:none}.pallino.attesa{color:var(--giallo);background:var(--giallo)}button.sola.nome{color:var(--testo);font-size:14px}button.sola.nome:hover{color:var(--accento)}.attesa-direttiva{color:var(--giallo)}.riga-campi{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.riga-campi input{flex:1 1 10rem;margin:0}.riga.domanda{flex-direction:column;align-items:stretch}.riga.domanda .principale{min-width:0}.contesto{margin:.2rem 0 0;font-size:12.5px;color:var(--tenue);white-space:pre-wrap}.risposta{display:flex;flex-direction:column;gap:.5rem;margin-top:.2rem}.risposta .riga-campi{gap:.4rem}.passi{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin:0 0 1rem;padding:0;list-style:none;font-size:12px;color:var(--tenue)}.passi li{display:flex;align-items:center;gap:.45rem}.passi .numero{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border:1px solid var(--bordo);border-radius:50%;font-size:11px}.passi li.qui{color:var(--testo);font-weight:600}.passi li.qui .numero{border-color:#6c8cff8c;background:#6c8cff1f}.accesso{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:1.5rem}.accesso h1{margin:0;font-size:20px;letter-spacing:.01em}.accesso p{margin:0;color:var(--tenue);max-width:30rem}.conferma{position:sticky;bottom:.7rem;margin-top:.9rem;padding:.9rem 1rem;border:1px solid var(--bordo-vivo);border-radius:var(--raggio-piccolo);background:var(--pannello-solido);box-shadow:var(--ombra)}.conferma p{margin:0 0 .7rem}.conferma .azioni{display:flex;gap:.5rem}.codice{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:22px;letter-spacing:.08em;-webkit-user-select:all;user-select:all;word-break:break-all;margin:.3rem 0 .6rem}.chi{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:12px;color:var(--tenue)}.tabellaDocumenti td:nth-child(2),.tabellaDocumenti td:nth-child(3){width:13rem}.tabellaDocumenti td:nth-child(4){width:15rem}.tabellaDocumenti td:last-child{width:5.5rem}.tabellaDocumenti .stato{margin-bottom:.2rem}
