:root{--background: oklch(1 0 0);--foreground: oklch(.28 .045 250);--superficie: oklch(.99 .003 240);--muted: oklch(.968 .008 240);--muted-foreground: oklch(.498 .03 245);--primary: oklch(.5 .115 242);--primary-foreground: oklch(.99 .005 240);--border: oklch(.9 .012 240);--ring: oklch(.5 .115 242);--ok: oklch(.48 .13 150);--ok-fondo: oklch(.96 .03 150);--attenzione: oklch(.52 .13 75);--attenzione-fondo: oklch(.96 .05 85);--grave: oklch(.52 .22 27.325);--grave-fondo: oklch(.96 .03 25);--neutro-fondo: oklch(.955 .008 240);--raggio: 8px;--passo: 8px;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root{--background: oklch(.17 .015 250);--foreground: oklch(.97 .003 240);--superficie: oklch(.205 .012 250);--muted: oklch(.26 .012 250);--muted-foreground: oklch(.72 .02 245);--primary: oklch(.7 .12 240);--primary-foreground: oklch(.18 .025 250);--border: oklch(.3 .015 250);--ring: oklch(.7 .12 240);--ok: oklch(.78 .15 150);--ok-fondo: oklch(.28 .05 150);--attenzione: oklch(.82 .14 85);--attenzione-fondo: oklch(.3 .06 85);--grave: oklch(.75 .17 22);--grave-fondo: oklch(.3 .07 22);--neutro-fondo: oklch(.26 .012 250);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3{text-wrap:balance;margin:0;font-weight:600}h1{font-size:clamp(20px,1.2vw + 16px,24px);letter-spacing:-.01em}h2{font-size:18px}h3{font-size:15px}a{color:var(--primary)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}.pagina{max-width:1400px;margin:0 auto;padding:calc(var(--passo) * 3)}.testata{display:flex;flex-wrap:wrap;gap:calc(var(--passo) * 2);align-items:baseline;justify-content:space-between;padding-bottom:calc(var(--passo) * 2);border-bottom:1px solid var(--border);margin-bottom:calc(var(--passo) * 3)}.testata .chi{color:var(--muted-foreground);font-size:13px;display:flex;align-items:center;gap:var(--passo)}.schede{display:flex;gap:var(--passo);flex-wrap:wrap;margin-bottom:calc(var(--passo) * 3)}.schede button{font:inherit;padding:10px 14px;min-height:44px;border:1px solid var(--border);border-radius:var(--raggio);background:var(--superficie);color:var(--foreground);cursor:pointer}.schede button[aria-current=page]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}section+section{margin-top:calc(var(--passo) * 4)}.avviso{border:1px solid var(--border);border-left-width:4px;border-radius:var(--raggio);padding:calc(var(--passo) * 1.5) calc(var(--passo) * 2);margin-bottom:calc(var(--passo) * 2);background:var(--neutro-fondo)}.avviso.ok{border-left-color:var(--ok);background:var(--ok-fondo)}.avviso.attenzione{border-left-color:var(--attenzione);background:var(--attenzione-fondo)}.avviso.grave{border-left-color:var(--grave);background:var(--grave-fondo)}.avviso p{margin:0}.avviso p+p{margin-top:var(--passo)}.scorre{overflow-x:auto;border:1px solid var(--border);border-radius:var(--raggio);background:var(--superficie)}table{width:100%;min-width:940px;border-collapse:collapse;font-variant-numeric:tabular-nums}caption{text-align:left;padding:calc(var(--passo) * 1.5) calc(var(--passo) * 2);color:var(--muted-foreground);font-size:13px;border-bottom:1px solid var(--border)}th,td{text-align:left;padding:calc(var(--passo) * 1.5) calc(var(--passo) * 2);border-bottom:1px solid var(--border);vertical-align:top}thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);font-weight:600;white-space:nowrap;position:sticky;top:0;background:var(--superficie)}tbody tr:last-child td{border-bottom:0}td.numero,th.numero{text-align:right}.nome-studio{font-weight:600}.sotto{color:var(--muted-foreground);font-size:12.5px;display:block;margin-top:2px}.mono{font-family:var(--mono);font-size:12px}.stato{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent}.stato.ok{background:var(--ok-fondo);color:var(--ok);border-color:var(--ok)}.stato.attenzione{background:var(--attenzione-fondo);color:var(--attenzione);border-color:var(--attenzione)}.stato.grave{background:var(--grave-fondo);color:var(--grave);border-color:var(--grave)}.stato.neutro{background:var(--neutro-fondo);color:var(--muted-foreground);border-color:var(--border)}.accesso{max-width:380px;margin:12vh auto;padding:calc(var(--passo) * 4);border:1px solid var(--border);border-radius:calc(var(--raggio) * 1.5);background:var(--superficie)}.accesso h1{margin-bottom:var(--passo)}.accesso .spiega{color:var(--muted-foreground);margin:0 0 calc(var(--passo) * 3);font-size:13px}label{display:block;margin-bottom:calc(var(--passo) * 2);font-weight:500}input{display:block;width:100%;margin-top:6px;padding:10px 12px;min-height:44px;font:inherit;font-size:16px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:var(--raggio)}input.codice{font-family:var(--mono);letter-spacing:.3em;text-align:center}button.principale{width:100%;min-height:44px;padding:12px;font:inherit;font-weight:600;color:var(--primary-foreground);background:var(--primary);border:1px solid var(--primary);border-radius:var(--raggio);cursor:pointer}button.principale[disabled]{opacity:.6;cursor:progress}button.leggera{font:inherit;padding:6px 10px;min-height:36px;color:var(--foreground);background:transparent;border:1px solid var(--border);border-radius:var(--raggio);cursor:pointer}.vuoto,.caricamento{padding:calc(var(--passo) * 6) calc(var(--passo) * 2);text-align:center;color:var(--muted-foreground)}.griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:calc(var(--passo) * 2)}.riquadro{border:1px solid var(--border);border-radius:var(--raggio);padding:calc(var(--passo) * 2);background:var(--superficie)}.riquadro .etichetta{color:var(--muted-foreground);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.riquadro .cifra{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:4px}.elenco-nudo{list-style:none;padding:0;margin:0}.elenco-nudo li{padding:var(--passo) 0;border-bottom:1px solid var(--border);display:flex;gap:var(--passo);justify-content:space-between;align-items:baseline;flex-wrap:wrap}.elenco-nudo li:last-child{border-bottom:0}.errore-testo{color:var(--grave);margin:0 0 calc(var(--passo) * 2)}@media(prefers-reduced-motion:no-preference){input,button.principale,button.leggera{transition:border-color .14s ease,background-color .14s ease}}button.apri-studio{font:inherit;font-weight:600;color:var(--primary);background:none;border:0;padding:0;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.dettaglio{margin-top:calc(var(--passo) * 3);border-left:4px solid var(--primary)}.testata-dettaglio{display:flex;gap:var(--passo);align-items:baseline;justify-content:space-between;margin-bottom:calc(var(--passo) * 2)}.dettaglio h4{margin:calc(var(--passo) * 3) 0 var(--passo);font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);font-weight:600}.istogramma li{display:grid;grid-template-columns:8rem 1fr 3rem;align-items:center;gap:var(--passo)}.istogramma .mese{color:var(--muted-foreground);font-size:13px}.istogramma .barra{display:block;background:var(--muted);border-radius:4px;height:14px;overflow:hidden}.istogramma .riempimento{display:block;height:100%;background:var(--primary);border-radius:4px;width:0}.istogramma .barra[data-quota="1"] .riempimento{width:10%}.istogramma .barra[data-quota="2"] .riempimento{width:20%}.istogramma .barra[data-quota="3"] .riempimento{width:30%}.istogramma .barra[data-quota="4"] .riempimento{width:40%}.istogramma .barra[data-quota="5"] .riempimento{width:50%}.istogramma .barra[data-quota="6"] .riempimento{width:60%}.istogramma .barra[data-quota="7"] .riempimento{width:70%}.istogramma .barra[data-quota="8"] .riempimento{width:80%}.istogramma .barra[data-quota="9"] .riempimento{width:90%}.istogramma .barra[data-quota="10"] .riempimento{width:100%}.istogramma .conteggio{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
