Migliora IspezionePage e form scheda (design review impeccable)

Ispezione:
- Stato sync visibile: badge per-scheda (Da inviare/Inviato) e contatore
  "N da inviare" per reparto (nuovo SchedaSyncHelper)
- Completamento: progresso reale nell'overlay + spunta di successo;
  NON completa se una scheda fallisce (resta editabile, schede "Da inviare")
- Export reparto/completamento blindati: conferma + guardia anti doppio-tap,
  try/finally che libera sempre l'overlay
- Accento corallo unico per l'azione "invia"; target di tocco >=44px;
  empty state; solo il primo pannello espanso di default
- Tasto "Invia" nascosto sulle schede gia inviate
- Messaggio d'errore comprensibile in campo (dettaglio tecnico nei log)
- Fix OnSchedaModified (index >= 0)

Aspetto card:
- SchedaCard e InspectionCard: superficie Carta + hairline border + ombra
  morbida (nuovo token --card-box-shadow); pagina con tinta Grigio Campo
- SchedaCard compattata

Form scheda (ModalFormScheda):
- Tasto Salva/Aggiorna full-width
- Fix "Suggerisci note descrittive": la nota selezionata ora viene inserita
  nel campo (metodo async sul thread UI + OnAfterChangeValue)

StatusEnum: etichette in sentence-case

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

SteUp.Shared/Components/Layout/Overlay/SpinnerOverlay.razor

@@ -3,22 +3,37 @@
 <MudOverlay Visible="VisibleOverlay" LightBackground="true">
     @if (SuccessAnimation)
     {
-        <div class="success-checkmark">
-            <div class="check-icon">
-                <span class="icon-line line-tip"></span>
-                <span class="icon-line line-long"></span>
-                <div class="icon-circle"></div>
-                <div class="icon-fix"></div>
+        <div class="overlay-content">
+            <div class="success-checkmark">
+                <div class="check-icon">
+                    <span class="icon-line line-tip"></span>
+                    <span class="icon-line line-long"></span>
+                    <div class="icon-circle"></div>
+                    <div class="icon-fix"></div>
+                </div>
             </div>
+            @if (!string.IsNullOrWhiteSpace(Message))
+            {
+                <p class="overlay-message">@Message</p>
+            }
         </div>
     }
     else
     {
-        <SpinnerLayout/>
+        <div class="overlay-content">
+            <SpinnerLayout/>
+            @if (!string.IsNullOrWhiteSpace(Message))
+            {
+                <p class="overlay-message">@Message</p>
+            }
+        </div>
     }
 </MudOverlay>
 
 @code {
     [Parameter] public required bool SuccessAnimation { get; set; }
     [Parameter] public required bool VisibleOverlay { get; set; }
+
+    /// Testo opzionale mostrato sotto lo spinner/spunta (es. "Invio scheda 3 di 7…").
+    [Parameter] public string? Message { get; set; }
 }

SteUp.Shared/Components/Layout/Overlay/SpinnerOverlay.razor.css

@@ -1,9 +1,37 @@
+.overlay-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.5rem;
+    padding: 0 2rem;
+    text-align: center;
+}
+
+.overlay-message {
+    margin: 0;
+    max-width: 30ch;
+    font-weight: 700;
+    font-size: 1.05rem;
+    line-height: 1.4;
+    /* Inchiostro su fondo chiaro dell'overlay: leggibile anche al sole */
+    color: var(--mud-palette-text-primary);
+}
+
 .success-checkmark {
     width: 80px;
     height: 80px;
     margin: 0 auto;
 }
 
+/* Reduced motion: mostra la spunta di successo statica, senza coreografia */
+@media (prefers-reduced-motion: reduce) {
+    .success-checkmark .check-icon::after,
+    .icon-line.line-tip,
+    .icon-line.line-long {
+        animation: none !important;
+    }
+}
+
 .success-checkmark .check-icon {
     width: 80px;
     height: 80px;