- invio RIS...

src/components/Riso_Home_ParteFinale/Riso_Home_ParteFinale.scss

@@ -1,8 +1,15 @@
-
 /* =========================================================
    RISO Home (parte finale) — refresh estetico coerente
    ========================================================= */
 
+$space-xs: 4px;
+$space-sm: 8px;
+$space-md: 12px;
+$space-lg: 16px;
+$space-xl: 20px;
+$space-xxl: 24px;
+
+
 .riso-modern-home {
   padding: $s-md;
   padding-bottom: calc(#{$s-md} + env(safe-area-inset-bottom));
@@ -28,6 +35,7 @@
 }
 
 :global(body.body--dark) {
+
   .content-section,
   .community-actions-section,
   .footer-section-modern {
@@ -82,10 +90,12 @@
   &::-webkit-scrollbar {
     height: 8px;
   }
+
   &::-webkit-scrollbar-thumb {
     background: rgba(0, 0, 0, 0.12);
     border-radius: 999px;
   }
+
   &::-webkit-scrollbar-track {
     background: transparent;
   }
@@ -373,3 +383,56 @@
     border: 1px solid rgba(255, 255, 255, 0.10);
   }
 }
+
+// ========================================
+// Community Actions Grid
+// ========================================
+.community-actions-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: $space-md;
+  margin-bottom: $space-lg;
+
+  // Mobile: colonna singola se necessario
+  @media (max-width: 400px) {
+    grid-template-columns: 1fr;
+    gap: $space-sm;
+  }
+}
+
+.community-action-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: $space-sm;
+  padding: $space-md $space-lg;
+  min-height: 48px;
+  font-size: 14px;
+  font-weight: 600;
+  text-transform: none;
+  box-shadow: var(--cm-shadow-sm);
+  transition: all 0.3s ease;
+
+  &:hover {
+    transform: translateY(-2px);
+    box-shadow: var(--cm-shadow-md);
+  }
+
+  &:active {
+    transform: translateY(0);
+  }
+
+  // Quasar icon spacing fix
+  :deep(.q-icon) {
+    margin-right: $space-xs;
+  }
+
+  // Dark mode adjustments
+  .body--dark & {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+
+    &:hover {
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+    }
+  }
+}