Correzioni alla UI dopo la verifica sul terminale

Prime correzioni fatte guardando l'app su un Honeywell EDA52 (720x1440
@320dpi, cioe' 360 punti logici di larghezza) invece che a occhio.

- Barra di stato: era tinta di corallo da colorPrimaryDark, cioe' l'accento
  usato come decorazione della cornice di sistema. Ora si fonde con lo
  sfondo dell'app, con icone scure (WindowInsetsController).
- Gradino compatto sotto i 380px: la scala di STILE_UI e' tarata su telefoni
  piu' larghi, e a misura piena i titoli si troncavano e in una schermata
  entrava pochissimo lavoro. Le proporzioni restano, cambia la taglia.
  Sui telefoni normali non cambia nulla.
- Icone delle azioni costruttive: usavano il fondo del tono danger, quindi
  "Nuova scheda" e "Aggiungi una foto" erano identiche a "Elimina
  ispezione". Ora usano il tono info. Un --primary-surface non risolveva:
  il primario di SteUP e' gia' un rosso, quindi un suo fondo tenue resta
  indistinguibile da quello danger.
- Testata: il titolo puo' andare su due righe prima di troncare. Il nome del
  punto vendita e' l'ancora del compito, "D11-PRIMO PREZ..." non aiuta.
- Schermata ispezione: il nome del punto vendita non e' piu' ripetuto nel
  pannello di riepilogo, dove era gia' in testata.
- Padding dei gruppi di form e della barra azioni ridotti su schermo stretto.

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

SteUp.Shared/wwwroot/css/components.css

@@ -29,15 +29,18 @@
     min-width: 0;
 }
 
+/* Il titolo puo' andare su due righe prima di troncare: il nome del punto
+   vendita e' l'ancora del compito, tagliarlo a meta' non aiuta nessuno. */
 .appbar__title {
     font-size: var(--headline-sm-size);
     line-height: var(--headline-sm-height);
     font-weight: 700;
     letter-spacing: -0.02em;
     color: var(--ink);
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
     overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
 }
 
 .appbar__subtitle {
@@ -497,7 +500,12 @@
 .action-bar > * { flex: 1 1 0; min-width: 0; }
 
 @media (max-width: 390px) {
-    .action-bar { flex-direction: column; gap: var(--space-xs); }
+    .action-bar {
+        flex-direction: column;
+        gap: var(--space-xs);
+        padding: var(--space-xs) var(--space-md) var(--space-sm);
+        padding-bottom: calc(var(--space-sm) + env(safe-area-inset-bottom, 0px));
+    }
 }
 
 /* -----------------------------------------------------------------------------