Ridai il titolo ai dialog di conferma

MudDialogProvider aveva NoHeader="true" come valore predefinito di tutti i
dialog. MudMessageBox rende il proprio titolo nella testata, quindi quel
valore lo sopprimeva ovunque: davanti a "Elimina" si leggeva solo il testo
delle conseguenze, senza la domanda.

Le schermate a tutto schermo (form scheda, scelta punto vendita, scelta
articoli) chiedono gia' NoHeader per conto loro nelle DialogOptions, quindi
toglierlo dal provider non le tocca.

I titoli ora dicono cosa sta per succedere invece del generico "Attenzione!":
"Eliminare la scheda?", "Uscire dall'account?", "Inviare le schede del
reparto?".

Le scelte in fondo al dialog si dispongono a destra e, sotto i 380 punti,
diventano una colonna a piena larghezza: con etichette lunghe come "Salva come
bozza" i bersagli non si comprimono.

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

SteUp.Shared/wwwroot/css/mudblazor-overrides.css

@@ -336,13 +336,27 @@
     overflow-x: hidden;
 }
 
+/* Le scelte stanno in fondo, allineate a destra, con la conferma per ultima.
+   Su schermo stretto le etichette lunghe ("Salva come bozza") andrebbero a
+   sbattere: in quel caso la riga diventa una colonna a piena larghezza invece
+   di comprimere i bersagli. */
 .mud-dialog-actions {
     display: flex;
-    gap: var(--space-sm);
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: var(--space-xs);
     padding: var(--space-lg);
 }
 
-.mud-dialog-actions > * { flex: 1 1 0; margin: 0 !important; }
+.mud-dialog-actions > * {
+    margin: 0 !important;
+    min-height: var(--touch-min);
+}
+
+@media (max-width: 380px) {
+    .mud-dialog-actions { flex-direction: column-reverse; }
+    .mud-dialog-actions > * { width: 100%; }
+}
 
 /* Il form scheda e' a schermo pieno: e' una schermata, non un riquadro. */
 .mud-dialog.customDialog-form {