:root{--color-neutro-0:#ffffff;--color-neutro-50:#f7f7f8;--color-neutro-100:#eeeef1;--color-neutro-200:#dcdce2;--color-neutro-300:#b9b9c4;--color-neutro-400:#8e8e9c;--color-neutro-500:#6c6c7a;--color-neutro-600:#53535f;--color-neutro-700:#3e3e48;--color-neutro-800:#2a2a31;--color-neutro-900:#17171b;--color-fondo:#ffffff;--color-fondo-tenue:#f7f7f8;--color-fondo-alto:#ffffff;--color-testo:#17171b;--color-testo-tenue:#53535f;--color-testo-inverso:#ffffff;--color-bordo:#dcdce2;--color-bordo-forte:#b9b9c4;--color-accento:#2a2a31;--color-accento-testo:#ffffff;--color-ok:#1a7f45;--color-attenzione:#9a6700;--color-guasto:#b42318;--color-informazione:#1f5fa9;--spacing-0:0px;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-px:1px;--radius-none:0px;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--duration-rapida:120ms;--duration-media:200ms;--duration-lenta:320ms}*{box-sizing:border-box}body{margin:0;padding:var(--spacing-10) var(--spacing-6);background:var(--color-fondo-tenue);color:var(--color-testo);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5}main{max-width:44rem;margin:0 auto;padding:var(--spacing-8);background:var(--color-fondo);border:1px solid var(--color-bordo);border-radius:var(--radius-lg)}h1{margin:0 0 var(--spacing-2);font-size:var(--text-2xl)}p{margin:0 0 var(--spacing-6);color:var(--color-testo-tenue)}dl{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--spacing-2) var(--spacing-6);gap:var(--spacing-2) var(--spacing-6);margin:0;font-family:var(--font-mono);font-size:var(--text-sm)}dt{color:var(--color-testo-tenue)}dd{margin:0}.vistaStaff{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-attenzione);color:var(--color-testo);border-bottom:2px solid var(--color-bordo-forte);font-size:var(--text-sm)}.vistaStaff form{margin:0 0 0 auto}.guscio{display:grid;grid-template-columns:216px 1fr;min-height:100vh;align-items:start}.laterale{position:-webkit-sticky;position:sticky;top:0;padding:var(--spacing-6) var(--spacing-4);border-right:1px solid var(--color-bordo);background:var(--color-fondo)}.laterale .marchio{display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1);margin-bottom:var(--spacing-8)}.laterale .studio{font-size:var(--text-sm);color:var(--color-testo-tenue)}.laterale .cliente{font-weight:600}.laterale .piano{font-size:var(--text-sm);color:var(--color-testo-tenue)}.laterale .gruppo{margin-bottom:var(--spacing-6)}.laterale h2{margin:0 0 var(--spacing-2);font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-testo-tenue);font-weight:600}.laterale ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1)}.laterale .comeLink,.laterale a{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-1) var(--spacing-2);border:0;border-radius:var(--radius-sm);background:none;color:var(--color-testo);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.laterale .comeLink:hover,.laterale a:hover{background:var(--color-fondo-tenue)}.laterale .comeLink:focus-visible,.laterale a:focus-visible{outline:2px solid var(--color-accento);outline-offset:2px}.laterale .quante{min-width:1.5em;padding:0 var(--spacing-1);border-radius:var(--radius-sm);background:var(--color-accento);color:var(--color-accento-testo);font-size:var(--text-xs);text-align:center}.guscio main{max-width:44rem;margin:0;padding:var(--spacing-8);background:none;border:0}.guscio section{margin-bottom:var(--spacing-8)}.guscio h2{font-size:var(--text-lg);margin:0 0 var(--spacing-3)}.nota,.vuoto{color:var(--color-testo-tenue)}.nota{font-size:var(--text-sm)}.carte{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--spacing-4);gap:var(--spacing-4)}.carte>li{padding:var(--spacing-4);border:1px solid var(--color-bordo);border-radius:var(--radius-lg);background:var(--color-fondo)}.carte h3{margin:0 0 var(--spacing-2);font-size:var(--text-base)}.carte p{margin:0;color:var(--color-testo-tenue)}.righe{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--spacing-2);gap:var(--spacing-2)}.righe>li{display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-bordo)}.righe .titolo{font-weight:500}.righe .nota{font-size:var(--text-sm)}.passi{list-style:none;margin:0 0 var(--spacing-3);padding:0;display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1)}.passi .fatto{color:var(--color-testo)}.passi li{color:var(--color-testo-tenue)}.passi .inCorso{color:var(--color-testo);font-weight:500}.inBasso{display:none}@media (max-width:40rem){.guscio{grid-template-columns:1fr}.laterale{position:static;border-right:0;border-bottom:1px solid var(--color-bordo);padding:var(--spacing-4)}.laterale .gruppo{display:none}.laterale .marchio{margin-bottom:0}.guscio main{padding:var(--spacing-6) var(--spacing-4) calc(var(--spacing-10) + 3.5rem)}.inBasso{display:block;position:fixed;inset:auto 0 0 0;background:var(--color-fondo);border-top:1px solid var(--color-bordo);padding-bottom:env(safe-area-inset-bottom,0)}.inBasso ul{display:flex;list-style:none;margin:0;padding:0}.inBasso li{flex:1 1}.inBasso a{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);min-height:3.25rem;padding:var(--spacing-2);color:var(--color-testo);text-decoration:none;font-size:var(--text-sm)}.inBasso a:focus-visible{outline:2px solid var(--color-accento);outline-offset:-2px}}main form{display:grid;grid-gap:var(--spacing-2);gap:var(--spacing-2);margin:var(--spacing-6) 0;max-width:24rem}main form label{font-size:var(--text-sm);color:var(--color-testo-tenue)}main input[type=email]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-bordo-forte);border-radius:var(--radius-sm);background:var(--color-fondo);color:var(--color-testo);font:inherit;font-size:max(1rem,var(--text-base))}main button[type=submit]{padding:var(--spacing-3) var(--spacing-5);border:0;border-radius:var(--radius-sm);background:var(--color-accento);color:var(--color-accento-testo);font:inherit;font-weight:500;cursor:pointer;justify-self:start}main button:focus-visible,main input[type=email]:focus-visible{outline:2px solid var(--color-accento);outline-offset:2px}main [role=status]{padding:var(--spacing-3) var(--spacing-4);border-left:3px solid var(--color-accento);border-radius:var(--radius-sm);background:var(--color-fondo-tenue)}.guscio main form{max-width:none}.guscio main input[type=text],.guscio main select,.guscio main textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--color-bordo-forte);border-radius:var(--radius-sm);background:var(--color-fondo);color:var(--color-testo);font:inherit;font-size:max(1rem,var(--text-base))}.guscio main textarea{resize:vertical;min-height:6rem}.guscio main label{font-size:var(--text-sm);color:var(--color-testo-tenue)}.guscio main input:focus-visible,.guscio main select:focus-visible,.guscio main textarea:focus-visible{outline:2px solid var(--color-accento);outline-offset:2px}.carte .gesti{display:grid;grid-gap:var(--spacing-2);gap:var(--spacing-2);margin-top:var(--spacing-3)}.carte .bottoni{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.carte .bottoni button{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-accento);border-radius:var(--radius-sm);background:var(--color-accento);color:var(--color-accento-testo);font:inherit;cursor:pointer}.carte .bottoni .secondario{background:none;color:var(--color-accento)}.carte .bottoni button:focus-visible{outline:2px solid var(--color-accento);outline-offset:2px}.cifre{display:flex;flex-wrap:wrap;gap:var(--spacing-3) var(--spacing-6);margin:0 0 var(--spacing-4)}.cifre>div{min-width:8rem}.cifre dt{font-size:var(--text-sm);color:var(--color-testo-tenue);text-transform:uppercase;letter-spacing:.04em}.cifre dd{margin:0;font-size:var(--text-lg)}.cifre dd .nota{display:block;font-size:var(--text-sm)}.scorre{overflow-x:auto;margin:0 0 var(--spacing-4)}.scorre table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.scorre th{text-align:left;font-size:var(--text-sm);font-weight:500;color:var(--color-testo-tenue);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-bordo);white-space:nowrap}.scorre td,.scorre th{padding:var(--spacing-1) var(--spacing-3) var(--spacing-1) 0}.scorre td{border-bottom:1px solid var(--color-fondo-tenue);vertical-align:top}.vistaBozza{border:1px solid var(--color-attenzione);color:var(--color-attenzione);border-radius:var(--radius-sm);padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm)}.revisione{max-width:78rem;margin:0 auto;padding:var(--spacing-6) var(--spacing-4)}.visore{border:1px solid var(--color-bordo);border-radius:var(--radius-sm);overflow:hidden;margin-block:var(--spacing-6)}.visore-file{display:flex;flex-wrap:wrap;gap:var(--spacing-1);padding:var(--spacing-2);border-bottom:1px solid var(--color-bordo)}.visore-file button{background:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--spacing-1) var(--spacing-3);font:inherit;color:var(--color-testo-tenue);cursor:pointer}.visore-file button.attivo{border-color:var(--color-bordo);color:var(--color-testo);font-weight:600}.pallino-numero{display:inline-block;margin-left:var(--spacing-2);min-width:1.4em;padding:0 .35em;border-radius:1em;background:var(--color-accento);color:var(--color-fondo);font-size:var(--text-sm);text-align:center}.visore-barra{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-bordo)}.visore-zoom{font-size:var(--text-sm);color:var(--color-testo-tenue)}.visore-corpo{display:grid;grid-template-columns:1fr}@media (min-width:60rem){.visore-corpo{grid-template-columns:minmax(0,1fr) 22rem}.visore-lato{border-left:1px solid var(--color-bordo);border-top:0;max-height:80vh;overflow-y:auto}}.visore-tela{background:var(--color-fondo-tenue);padding:var(--spacing-4);max-height:80vh;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.visore-tela.zoom-0 .foglio{width:100%}.foglio{position:relative;line-height:0;box-shadow:0 1px 4px rgb(0 0 0/.18);background:#fff}.foglio-contenuto{display:block;width:100%;height:auto}.visore-tela:not(.zoom-0) .foglio-contenuto{width:auto;max-width:none}.foglio-spilli{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.foglio-numero{position:absolute;right:var(--spacing-2);bottom:var(--spacing-2);font-size:var(--text-sm);line-height:1;color:var(--color-testo-tenue);background:var(--color-fondo);border-radius:var(--radius-sm);padding:.15em .45em}.spillo circle{fill:var(--color-accento);fill-opacity:.85;stroke:#fff;stroke-width:2;cursor:pointer}.spillo text{fill:#fff;font-size:15px;font-weight:600;text-anchor:middle;pointer-events:none}.mirino line{stroke:var(--color-accento);stroke-width:2}.foglio-spilli:focus-visible{outline:3px solid var(--color-accento);outline-offset:2px}.spillo:focus-visible circle{stroke:var(--color-accento);stroke-width:4}.spillo.risolto circle{fill:var(--color-testo-tenue);fill-opacity:.45}.spillo.acceso circle{fill-opacity:1;stroke-width:4}.spillo.nuovo circle{fill:none;stroke:var(--color-accento);stroke-width:3}.visore-lato{border-top:1px solid var(--color-bordo);padding:var(--spacing-4)}.visore-lato .nuovo-commento{margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-bordo)}.visore-lato .pronto{font-weight:600}.visore-lato textarea{width:100%}.commenti li .numero{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.6em;height:1.6em;border-radius:50%;background:var(--color-accento);color:var(--color-fondo);font-size:var(--text-sm);font-weight:600}.commenti li.risolto .numero{background:var(--color-testo-tenue)}.commenti li.acceso{background:var(--color-fondo-tenue);border-radius:var(--radius-sm)}.commenti{list-style:none;padding:0;line-height:1.5}.commenti,.commenti li{margin-block:var(--spacing-3)}.commenti li{display:flex;gap:var(--spacing-3);padding:var(--spacing-2)}.commenti li p{margin:.2em 0 0}.commenti li.risolto{color:var(--color-testo-tenue)}.commenti li.risolto .numero:after{content:"✓";margin-left:.1em;font-size:.8em}.nuovo-commento label{display:block;margin-block:var(--spacing-2)}.nuovo-commento textarea{display:block;width:100%;margin-top:var(--spacing-1)}button:disabled,button[disabled],main button:disabled{opacity:.45;cursor:not-allowed}