Versione 1.2.87

src/components/Riso_Home_ParteFinale/Riso_Home_ParteFinale.scss

@@ -354,6 +354,7 @@ $space-xxl: 24px;
 /* ---- Footer ---- */
 .footer-section-modern {
   display: grid;
+  grid-template-columns: repeat(2, 1fr);
   gap: $s-sm;
 
   @media (min-width: 700px) {
@@ -435,4 +436,107 @@ $space-xxl: 24px;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
     }
   }
+}
+
+// ========================================
+// Invite Friend Dialog
+// ========================================
+.invite-friend-dialog {
+  width: 100%;
+  max-width: 500px;
+  max-height: 90vh;
+  display: flex;
+  flex-direction: column;
+  border-radius: $radius-xl;
+  overflow: hidden;
+
+  // Mobile fullscreen
+  @media (max-width: 599px) {
+    max-width: 100%;
+    max-height: 100vh;
+    height: 100vh;
+    border-radius: 0;
+  }
+
+  // Header
+  .dialog-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: $space-lg $space-xl;
+    color: white;
+    flex-shrink: 0;
+
+    &.invite {
+      background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%);
+
+      .body--dark & {
+        background: linear-gradient(135deg, #388e3c 0%, #1b5e20 100%);
+      }
+    }
+
+    .dialog-title {
+      display: flex;
+      align-items: center;
+      gap: $space-sm;
+      font-size: 18px;
+      font-weight: 700;
+    }
+  }
+
+  // Contenuto scrollabile
+  .dialog-content {
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: $space-lg;
+
+    // Scrollbar styling
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: rgba(0, 0, 0, 0.05);
+
+      .body--dark & {
+        background: rgba(255, 255, 255, 0.05);
+      }
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: rgba(0, 0, 0, 0.2);
+      border-radius: 3px;
+
+      &:hover {
+        background: rgba(0, 0, 0, 0.3);
+      }
+
+      .body--dark & {
+        background: rgba(255, 255, 255, 0.2);
+
+        &:hover {
+          background: rgba(255, 255, 255, 0.3);
+        }
+      }
+    }
+  }
+}
+
+// ========================================
+// Fix Dialog Background - Light/Dark
+// ========================================
+.q-dialog__inner>.invite-friend-dialog {
+  background: #ffffff;
+  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
+}
+
+.body--dark {
+  .q-dialog__inner>.invite-friend-dialog {
+    background: #1e293b;
+
+    .dialog-content {
+      background: #1e293b;
+    }
+  }
 }