/* Utility generate dagli attributi style="" che c'erano nelle viste (CSP: style-src senza 'unsafe-inline').
 * !important di proposito: un attributo style batte ogni regola normale, e queste classi devono fare lo stesso
 * (altrimenti .field, .btn, .card… riprenderebbero il sopravvento). Una regola per riga: si trovano con grep.
 * Non aggiungere style="" nelle viste: la CSP lo blocca. Usa una classe (qui o nei CSS di sezione). */
.sx-1 { font-size:14px !important; margin:0 0 16px !important; }
.sx-2 { color:var(--error) !important; }
.sx-3 { margin-bottom:28px !important; }
.sx-4 { font-size:13px !important; }
.sx-5 { margin:0 !important; font-size:16px !important; }
.sx-6 { margin:0 0 6px !important; font-size:16px !important; }
.sx-7 { margin-top:0 !important; font-size:13px !important; }
.sx-8 { border:0 !important; cursor:pointer !important; margin:2px !important; }
.sx-9 { font-size:12px !important; text-transform:uppercase !important; letter-spacing:.05em !important; margin:0 0 6px !important; }
.sx-10 { width:100% !important; height:520px !important; border:1px solid var(--border-subtle) !important; border-radius:var(--radius-card) !important; background:#fff !important; }
.sx-11 { margin:0 0 16px !important; font-size:16px !important; }
.sx-12 { max-width:640px !important; }
.sx-13 { margin-top:0 !important; font-size:15px !important; }
.sx-14 { font-size:14px !important; }
.sx-15 { font-size:13px !important; color:var(--error) !important; }
.sx-16 { display:block !important; margin:10px 0 !important; font-size:14px !important; }
.sx-17 { font-size:18px !important; }
.sx-18 { flex-direction:row !important; gap:8px !important; align-items:flex-start !important; }
.sx-19 { margin-top:8px !important; }
.sx-20 { display:flex !important; gap:12px !important; flex-wrap:wrap !important; align-items:end !important; margin-bottom:16px !important; }
.sx-21 { margin:0 !important; max-width:170px !important; }
.sx-22 { margin:0 !important; max-width:220px !important; }
.sx-23 { margin:0 !important; max-width:240px !important; }
.sx-24 { font-size:12px !important; max-width:360px !important; word-break:break-word !important; }
.sx-25 { font-size:13px !important; margin-top:8px !important; }
.sx-26 { margin:0 0 16px !important; }
.sx-27 { margin:0 !important; font-size:18px !important; }
.sx-28 { margin-top:var(--gutter-desktop) !important; }
.sx-29 { font-size:13px !important; margin:0 0 12px !important; }
.sx-30 { margin:0 !important; max-width:280px !important; }
.sx-31 { display:contents !important; }
.sx-32 { margin:0 !important; max-width:180px !important; }
.sx-33 { font-size:13px !important; margin:0 0 6px !important; }
.sx-34 { max-width:320px !important; margin-top:20px !important; text-align:center !important; }
.sx-35 { font-size:12px !important; text-transform:uppercase !important; letter-spacing:.05em !important; margin-top:0 !important; }
.sx-36 { max-width:100% !important; }
.sx-37 { font-size:12px !important; word-break:break-all !important; margin-bottom:0 !important; }
.sx-38 { margin:24px 0 !important; border:0 !important; border-top:1px solid var(--border-subtle) !important; }
.sx-39 { font-size:15px !important; }
.sx-40 { display:flex !important; gap:8px !important; align-items:end !important; flex-wrap:wrap !important; }
.sx-41 { margin:0 !important; max-width:320px !important; }
.sx-42 { display:flex !important; gap:6px !important; margin-top:6px !important; }
.sx-43 { padding:6px 8px !important; border:1px solid var(--border-subtle) !important; border-radius:6px !important; }
.sx-44 { margin:0 0 4px !important; }
.sx-45 { font-size:13px !important; text-align:center !important; margin:14px 0 4px !important; }
.sx-46 { display:flex !important; align-items:center !important; justify-content:center !important; gap:14px !important; margin:0 0 14px !important; }
.sx-47 { min-width:2.5ch !important; text-align:center !important; font-size:22px !important; font-weight:700 !important; }
.sx-48 { margin-top:-8px !important; }
.sx-49 { display:flex !important; justify-content:space-between !important; align-items:center !important; }
.sx-50 { margin:0 0 8px !important; font-size:18px !important; }
.sx-51 { margin:0 0 12px !important; }
.sx-52 { margin-top:18px !important; }
.sx-53 { display:flex !important; align-items:center !important; justify-content:center !important; gap:14px !important; margin:18px 0 !important; }
.sx-54 { width:64px !important; text-align:center !important; font-size:18px !important; font-weight:700 !important; border:1px solid var(--border-subtle) !important; border-radius:var(--radius-btn) !important; padding:6px !important; }
.sx-55 { font-size:13px !important; text-align:center !important; margin:0 0 12px !important; }
.sx-56 { margin:10px 0 !important; }
.sx-57 { font-size:13px !important; margin:0 0 10px !important; }
.sx-58 { font-size:12px !important; word-break:break-word !important; }
.sx-59 { font-size:13px !important; margin:0 !important; }
.sx-60 { margin-bottom:20px !important; }
.sx-61 { margin-bottom:8px !important; }
.sx-62 { font-size:16px !important; }
.sx-63 { margin-top:24px !important; display:flex !important; justify-content:space-between !important; align-items:baseline !important; }
.sx-64 { font-size:16px !important; margin:0 !important; }
.sx-65 { display:flex !important; justify-content:space-between !important; align-items:center !important; gap:8px !important; }
.sx-66 { margin:0 !important; }
.sx-67 { margin-top:12px !important; }
.sx-68 { flex:1 !important; }
.sx-69 { margin-bottom:16px !important; }
.sx-70 { text-align:center !important; margin:16px 0 !important; }
.sx-71 { color:var(--warning) !important; }
.sx-72 { margin-top:6px !important; }
.sx-73 { margin-top:16px !important; }

/* Larghezza delle barre di progresso: 0–100 % (le viste scrivono class="pw-<n>"). */
.pw-0 { width: 0% !important; }
.pw-1 { width: 1% !important; }
.pw-2 { width: 2% !important; }
.pw-3 { width: 3% !important; }
.pw-4 { width: 4% !important; }
.pw-5 { width: 5% !important; }
.pw-6 { width: 6% !important; }
.pw-7 { width: 7% !important; }
.pw-8 { width: 8% !important; }
.pw-9 { width: 9% !important; }
.pw-10 { width: 10% !important; }
.pw-11 { width: 11% !important; }
.pw-12 { width: 12% !important; }
.pw-13 { width: 13% !important; }
.pw-14 { width: 14% !important; }
.pw-15 { width: 15% !important; }
.pw-16 { width: 16% !important; }
.pw-17 { width: 17% !important; }
.pw-18 { width: 18% !important; }
.pw-19 { width: 19% !important; }
.pw-20 { width: 20% !important; }
.pw-21 { width: 21% !important; }
.pw-22 { width: 22% !important; }
.pw-23 { width: 23% !important; }
.pw-24 { width: 24% !important; }
.pw-25 { width: 25% !important; }
.pw-26 { width: 26% !important; }
.pw-27 { width: 27% !important; }
.pw-28 { width: 28% !important; }
.pw-29 { width: 29% !important; }
.pw-30 { width: 30% !important; }
.pw-31 { width: 31% !important; }
.pw-32 { width: 32% !important; }
.pw-33 { width: 33% !important; }
.pw-34 { width: 34% !important; }
.pw-35 { width: 35% !important; }
.pw-36 { width: 36% !important; }
.pw-37 { width: 37% !important; }
.pw-38 { width: 38% !important; }
.pw-39 { width: 39% !important; }
.pw-40 { width: 40% !important; }
.pw-41 { width: 41% !important; }
.pw-42 { width: 42% !important; }
.pw-43 { width: 43% !important; }
.pw-44 { width: 44% !important; }
.pw-45 { width: 45% !important; }
.pw-46 { width: 46% !important; }
.pw-47 { width: 47% !important; }
.pw-48 { width: 48% !important; }
.pw-49 { width: 49% !important; }
.pw-50 { width: 50% !important; }
.pw-51 { width: 51% !important; }
.pw-52 { width: 52% !important; }
.pw-53 { width: 53% !important; }
.pw-54 { width: 54% !important; }
.pw-55 { width: 55% !important; }
.pw-56 { width: 56% !important; }
.pw-57 { width: 57% !important; }
.pw-58 { width: 58% !important; }
.pw-59 { width: 59% !important; }
.pw-60 { width: 60% !important; }
.pw-61 { width: 61% !important; }
.pw-62 { width: 62% !important; }
.pw-63 { width: 63% !important; }
.pw-64 { width: 64% !important; }
.pw-65 { width: 65% !important; }
.pw-66 { width: 66% !important; }
.pw-67 { width: 67% !important; }
.pw-68 { width: 68% !important; }
.pw-69 { width: 69% !important; }
.pw-70 { width: 70% !important; }
.pw-71 { width: 71% !important; }
.pw-72 { width: 72% !important; }
.pw-73 { width: 73% !important; }
.pw-74 { width: 74% !important; }
.pw-75 { width: 75% !important; }
.pw-76 { width: 76% !important; }
.pw-77 { width: 77% !important; }
.pw-78 { width: 78% !important; }
.pw-79 { width: 79% !important; }
.pw-80 { width: 80% !important; }
.pw-81 { width: 81% !important; }
.pw-82 { width: 82% !important; }
.pw-83 { width: 83% !important; }
.pw-84 { width: 84% !important; }
.pw-85 { width: 85% !important; }
.pw-86 { width: 86% !important; }
.pw-87 { width: 87% !important; }
.pw-88 { width: 88% !important; }
.pw-89 { width: 89% !important; }
.pw-90 { width: 90% !important; }
.pw-91 { width: 91% !important; }
.pw-92 { width: 92% !important; }
.pw-93 { width: 93% !important; }
.pw-94 { width: 94% !important; }
.pw-95 { width: 95% !important; }
.pw-96 { width: 96% !important; }
.pw-97 { width: 97% !important; }
.pw-98 { width: 98% !important; }
.pw-99 { width: 99% !important; }
.pw-100 { width: 100% !important; }