- corretto problema ROGNOSO : Risolvere la questione "Sessioni multiple", se apro 2 browser l'ultimo va a cancellare il precedente, e mi da errore di email non valida !

Il problema era sulla fetch nel service worker, gestita in quel modo personalizzato, andava in conflitto, non tenendo le chiamate bloccanti, ma uscivano prima che arrivasse la risposta del server.
- Per chi è da tanto che non si collega a RISO, compare "Email non verificata"... (si risolve chiudendo su ESCI e riloggandosi)... però andrebbe sistemata.
(stesso problema di prima).

src/css/app.scss

@@ -2,6 +2,24 @@
 
 @import 'variables.scss';
 
+/* blocco scroll orizzontale a ogni livello “pagina” */
+html,
+body,
+#q-app {
+  width: 100%;
+  max-width: 100%;
+  overflow-x: hidden !important;
+}
+
+.q-layout,
+.q-page-container,
+.q-page {
+  max-width: 100%;
+  overflow-x: hidden;
+  /* evita barre X su page container */
+}
+
+
 body {
   font-family: Söhne, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   -webkit-font-smoothing: antialiased;
@@ -345,9 +363,14 @@ h3 {
 
 .my-card {
   width: 100%;
-  min-width: 350px;
+  min-width: 280px;
   padding: 1rem 1rem;
 
+  /* più sicuro su mobile */
+  @media (max-width: 360px) {
+    min-width: 240px;
+  }
+
   @media (max-width: 1024px) {
     /* Versione Mobile */
     max-width: 1024px !important;
@@ -974,7 +997,8 @@ h3 {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
-  min-width: 800px;
+  min-width: 0;
+  /* lascia che si adatti */
 
   padding-bottom: 20px;
   margin-top: 1rem;
@@ -1109,7 +1133,7 @@ h3 {
 }
 
 .dialog_card {
-  min-width: 100%;
+  min-width: auto;
   width: 100% !important;
   margin-left: 2px !important;
   margin-right: 2px !important;
@@ -2234,7 +2258,7 @@ $coloreprincipale: lightblue;
 }
 
 .card-carousel-container {
-  width: 100%;
+   max-width: 100%;
   overflow: hidden;
   position: relative;
 }
@@ -2249,6 +2273,11 @@ $coloreprincipale: lightblue;
   padding: 1rem 0;
 }
 
+.card-carousel .row.no-wrap {
+  flex-wrap: nowrap !important;
+  /* solo dentro il carousel */
+}
+
 .card-carousel::-webkit-scrollbar {
   display: none;
 }
@@ -2304,7 +2333,9 @@ $coloreprincipale: lightblue;
 }
 
 .row.no-wrap {
-  flex-wrap: nowrap !important;
+  flex-wrap: nowrap;
+  min-width: 0;
+  /* consenti ai figli di restringersi */
   // gap: 1rem;
 }
 
@@ -2813,3 +2844,31 @@ body.body--dark {
     opacity: 0.6;
   }
 }
+#q-app, .q-page, .q-page-container {
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
+.card-group-scrollable {
+  width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch; // smooth scroll su iOS
+  scrollbar-width: none; // nasconde scrollbar su Firefox
+  -ms-overflow-style: none; // nasconde scrollbar su IE/Edge
+}
+
+.card-group-scrollable::-webkit-scrollbar {
+  display: none; // nasconde scrollbar su WebKit
+}
+
+.flex-card {
+  flex: 0 0 auto !important; // evita che si restringano
+  margin: 0 0.5rem;
+  max-width: none;
+}
+
+.row.no-wrap {
+  min-width: fit-content; // permette alla riga di espandersi oltre il container
+  flex-wrap: nowrap !important;
+}