:root,:root[data-tema=scuro]{--sfondo: #0b0b0b;--superficie: #181818;--bordo: #343434;--testo: #f7f1e6;--tenue: #bdb2a4;--accento: #c8283c;--accento-testo: #f26b79;--campo: #101010;--ok-sfondo: rgba(60, 160, 70, .22);--ok-testo: #86da91;--att-sfondo: rgba(250, 200, 20, .18);--att-testo: #fac814;--err-sfondo: rgba(200, 40, 60, .26);--err-testo: #ff8a96;color-scheme:dark}:root[data-tema=chiaro]{--sfondo: #faf4e8;--superficie: #ffffff;--bordo: #e0d2ba;--testo: #1c1616;--tenue: #5c5049;--accento: #c8283c;--accento-testo: #b0202f;--campo: #ffffff;--ok-sfondo: #e3f2e5;--ok-testo: #1f6b28;--att-sfondo: #fff2c2;--att-testo: #6e5200;--err-sfondo: #fbe1e4;--err-testo: #9e1c2d;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--sfondo);color:var(--testo);font-family:Work Sans,system-ui,sans-serif;font-size:16px;line-height:1.5}a{color:var(--accento-testo)}h1{font-size:clamp(26px,4vw,34px);line-height:1.15;margin:0 0 12px}h2{font-size:19px;margin:0 0 12px}:focus-visible{outline:3px solid var(--accento-testo);outline-offset:2px}.pagina{min-height:100vh;display:flex;flex-direction:column}.intestazione{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(16px,3vw,40px);border-bottom:1px solid var(--bordo)}.intestazione-destra{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.marchio{display:inline-flex;align-items:center;gap:10px;color:var(--testo);text-decoration:none;font-weight:700;font-size:20px}.marchio-punto{width:14px;height:14px;border-radius:50%;background:var(--accento)}.marchio-sotto{font-weight:400;color:var(--tenue);font-size:15px}.chi{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.etichetta{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:600;background:var(--superficie);border:1px solid var(--bordo);color:var(--tenue)}.etichetta.ok{background:var(--ok-sfondo);color:var(--ok-testo);border-color:transparent}.etichetta.attenzione{background:var(--att-sfondo);color:var(--att-testo);border-color:transparent}.centrata{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:clamp(24px,6vw,72px) 16px}.centrata .scheda{width:100%;max-width:440px}.contenuto{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:28px clamp(16px,3vw,40px) 48px;display:flex;flex-direction:column;gap:16px}.griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.scheda{background:var(--superficie);border:1px solid var(--bordo);border-radius:16px;padding:24px}.sottotitolo{margin:0 0 20px;color:var(--tenue)}.nota{color:var(--tenue);font-size:14px;margin:12px 0 0}.sotto-form{margin:16px 0 0}.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.campo label{font-weight:600;font-size:15px}.campo input{min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--bordo);background:var(--campo);color:var(--testo);font:inherit}.aiuto{margin:0;font-size:14px;color:var(--tenue)}.bottone{min-height:44px;padding:0 16px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}.bottone:disabled{opacity:.6;cursor:wait}.bottone.principale{border:0;background:var(--accento);color:#fff}.bottone.secondario{border:1px solid var(--bordo);background:transparent;color:var(--testo)}.bottone.piccolo{min-height:40px;font-size:14px}.bottone.pieno{width:100%;min-height:48px}.avviso{padding:12px 14px;border-radius:12px;margin:0 0 16px;font-size:15px}.avviso.errore{background:var(--err-sfondo);color:var(--err-testo)}.avviso.ok{background:var(--ok-sfondo);color:var(--ok-testo)}.dati{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0}.dati dt{color:var(--tenue)}.dati dd{margin:0;font-weight:600}.attesa{padding:40px;text-align:center;color:var(--tenue)}.contenuto.stretto{max-width:720px}.conferma{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-weight:600}.conferma input{width:20px;height:20px;margin-top:2px}input[type=file]{font:inherit;color:var(--testo)}.numeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.numero{border:1px solid var(--bordo);border-radius:12px;padding:14px 16px}.numero-valore{font-size:28px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.numero-etichetta{margin-top:6px;font-weight:600}.numero-nota{margin-top:4px;font-size:13px;color:var(--tenue)}
