feat(ui-fixes-phase6): Fix SpeedDial Bulk Upload și Mobile Spacing

- SpeedDial: Redus la 2 opțiuni (Bon Nou + Bulk Upload)
- SpeedDial: Eliminat masca gri (:mask="false")
- Bulk Upload: Acum deschide file picker direct (openBulkFileInput)
- Mobile spacing: Eliminat margin-top excesiv pe .mobile-layout
- MaturityAnalysisCard: Redus padding/margin pe mobil
- MaturityAnalysisView: Redus gap pe mobil

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/modules/reports/components/dashboard/cards/MaturityAnalysisCard.vue

@@ -353,6 +353,7 @@ onMounted(() => {
 }
 
 /* Card Controls (period selector) */
+/* US-706: Reduced padding/margin on mobile for less top spacing */
 .card-controls {
   display: flex;
   justify-content: flex-end;
@@ -362,6 +363,15 @@ onMounted(() => {
   margin-bottom: var(--space-md);
 }
 
+@media (max-width: 768px) {
+  .card-controls {
+    padding: var(--space-xs) var(--space-sm);
+    margin-bottom: 0;
+    background: transparent;
+    border-radius: 0;
+  }
+}
+
 .period-selector {
   padding: var(--space-sm) var(--space-md);
   border: 1px solid var(--surface-border);
@@ -390,6 +400,7 @@ onMounted(() => {
 }
 
 /* Loading and Error States */
+/* US-706: Reduced padding on mobile */
 .loading-state,
 .error-state {
   display: flex;
@@ -400,6 +411,13 @@ onMounted(() => {
   text-align: center;
 }
 
+@media (max-width: 768px) {
+  .loading-state,
+  .error-state {
+    padding: var(--space-md, 1rem);
+  }
+}
+
 .loading-spinner {
   width: 32px;
   height: 32px;
@@ -431,6 +449,7 @@ onMounted(() => {
 }
 
 /* Tab content */
+/* US-706: Reduced min-height and padding on mobile */
 .tab-content {
   padding: var(--space-md);
   min-height: 200px;
@@ -438,6 +457,13 @@ onMounted(() => {
   flex-direction: column;
 }
 
+@media (max-width: 768px) {
+  .tab-content {
+    padding: var(--space-sm);
+    min-height: 100px;
+  }
+}
+
 /* Tab summary */
 .tab-summary {
   display: flex;
@@ -484,27 +510,12 @@ onMounted(() => {
 }
 
 /* Maturity Lists */
+/* US-706: Removed max-height and overflow-y to integrate list into page scroll
+   (no separate scrollable container - matches Facturi Detaliate pattern) */
 .maturity-list {
   display: flex;
   flex-direction: column;
   gap: var(--space-sm, 0.5rem);
-  max-height: 400px;
-  overflow-y: auto;
-  padding-right: var(--space-xs, 0.25rem);
-}
-
-.maturity-list::-webkit-scrollbar {
-  width: 4px;
-}
-
-.maturity-list::-webkit-scrollbar-track {
-  background: var(--color-bg-secondary, #f8f9fa);
-  border-radius: 2px;
-}
-
-.maturity-list::-webkit-scrollbar-thumb {
-  background: var(--color-border);
-  border-radius: 2px;
 }
 
 /* Maturity Items */
@@ -749,10 +760,7 @@ onMounted(() => {
     width: 100%;
   }
 
-  /* US-704: Increased max-height for more visible rows */
-  .maturity-list {
-    max-height: 350px;
-  }
+  /* US-706: Removed max-height - list integrates into page scroll */
 
   /* US-608: Mobile tab adjustments */
   .tab-content {
@@ -785,9 +793,7 @@ onMounted(() => {
 }
 
 @media (max-width: 480px) {
-  .maturity-list {
-    max-height: 350px;
-  }
+  /* US-706: Removed max-height - list integrates into page scroll */
 
   .balance-indicator,
   .card-footer {

src/modules/reports/views/MaturityAnalysisView.vue

@@ -193,7 +193,9 @@ onUnmounted(() => {
 
 <style scoped>
 /* Mobile Layout - Padding for fixed top/bottom bars */
+/* US-706: Override margin-top from containers.css to eliminate gap between tabs and content */
 .main-content.mobile-layout {
+  margin-top: 0 !important;
   padding-top: 56px;
   padding-bottom: 56px;
 }
@@ -204,15 +206,17 @@ onUnmounted(() => {
 }
 
 /* App container */
+/* US-705: Reduced padding for less top spacing - sm (8px) instead of lg (24px) */
 .app-container {
   max-width: 1400px;
   margin: 0 auto;
-  padding: var(--space-lg);
+  padding: var(--space-sm) var(--space-lg);
 }
 
 @media (max-width: 768px) {
   .app-container {
-    padding: var(--space-md);
+    /* US-706: Minimal vertical padding on mobile - content starts immediately after tabs */
+    padding: var(--space-xs) var(--space-md);
   }
 }
 
@@ -344,6 +348,12 @@ onUnmounted(() => {
   gap: var(--space-lg);
 }
 
+@media (max-width: 768px) {
+  .maturity-content {
+    gap: var(--space-sm);
+  }
+}
+
 /* Empty state styles */
 .empty-state {
   display: flex;