feat(ui-fixes-phase6): Complete US-610 - Eliminare Spațiu Gol Deasupra Tabelelor

Implemented by Ralph autonomous loop.
Iteration: 11

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

scripts/ralph/prd.json

@@ -195,8 +195,8 @@
         "npm run typecheck passes",
         "Verify in browser: No excessive gap between filters and table on all pages"
       ],
-      "passes": false,
+      "passes": true,
-      "notes": "Task de investigare - verifică toate paginile menționate"
+      "notes": "Completed in iteration 11"
     }
   ]
 }

scripts/ralph/progress.txt

@@ -302,3 +302,9 @@ PRD: tasks/prd-ui-fixes-phase6.md
 [2026-01-13 16:38:03] Working on story: US-609
 [2026-01-13 16:38:03] Running Claude... (log: /workspace/roa2web/scripts/ralph/logs/iteration_10_US-609.log)
 [2026-01-13 16:42:27] SUCCESS: Story US-609 passed!
+[2026-01-13 16:42:27] Changes committed
+[2026-01-13 16:42:27] Progress: 9/10 stories completed
+[2026-01-13 16:42:29] === Iteration 11/30 ===
+[2026-01-13 16:42:29] Working on story: US-610
+[2026-01-13 16:42:29] Running Claude... (log: /workspace/roa2web/scripts/ralph/logs/iteration_11_US-610.log)
+[2026-01-13 16:48:47] SUCCESS: Story US-610 passed!

src/assets/css/components/stats.css

@@ -435,11 +435,12 @@
 
 /* ===== Summary Stats Inline ===== */
 /* Compact horizontal stats display for page summaries */
+/* US-610: Reduced margin-bottom from var(--space-md) to var(--space-sm) to eliminate excessive gap between filters and table */
 .summary-stats-inline {
   display: flex;
   gap: var(--space-xl);
   justify-content: flex-end;
-  margin-bottom: var(--space-md);
+  margin-bottom: var(--space-sm);
   padding: var(--space-sm) var(--space-md);
   background-color: var(--color-bg-secondary);
   border-radius: var(--radius-md);

src/modules/data-entry/views/receipts/ReceiptsListView.vue

@@ -3470,14 +3470,15 @@ const cleanupCompletedBatches = (storedBatchIds) => {
 
 <style scoped>
 /* Status Filters + Action Button Row */
+/* US-610: Reduced margin-bottom to var(--space-sm) and use design tokens */
 .status-actions-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 1rem;
+  gap: var(--space-md);
   flex-wrap: wrap;
-  margin-bottom: 0.75rem;
+  margin-bottom: var(--space-sm);
-  padding-bottom: 0.5rem;
+  padding-bottom: var(--space-xs);
 }
 
 .status-chips {
@@ -3538,13 +3539,14 @@ const cleanupCompletedBatches = (storedBatchIds) => {
 .status-chip.status-rejected.active::after { background: var(--red-600); }
 
 /* Search and Filters Row */
+/* US-610: Reduced margin-bottom to var(--space-sm) and use design tokens */
 .filters-row {
   display: flex;
-  gap: 0.5rem;
+  gap: var(--space-sm);
   align-items: center;
   flex-wrap: wrap;
-  margin-bottom: 0.75rem;
+  margin-bottom: var(--space-sm);
-  padding-bottom: 0.75rem;
+  padding-bottom: var(--space-sm);
   border-bottom: 1px solid var(--surface-border);
 }
 

src/modules/reports/views/BankView.vue

@@ -949,10 +949,11 @@ watch(
 }
 
 /* Card Spacing */
+/* US-610: Reduced margin-bottom from var(--space-xl) to var(--space-md) to eliminate excessive gap between filters and table */
 .company-selection-card,
 .filters-card,
 .data-card {
-  margin-bottom: var(--space-xl);
+  margin-bottom: var(--space-md);
 }
 
 /* Numeric Values */

src/modules/reports/views/CashView.vue

@@ -949,10 +949,11 @@ watch(
 }
 
 /* Card Spacing */
+/* US-610: Reduced margin-bottom from var(--space-xl) to var(--space-md) to eliminate excessive gap between filters and table */
 .company-selection-card,
 .filters-card,
 .data-card {
-  margin-bottom: var(--space-xl);
+  margin-bottom: var(--space-md);
 }
 
 /* Numeric Values */

src/modules/reports/views/InvoicesView.vue

@@ -1062,9 +1062,10 @@ watch(
   gap: var(--space-sm);
 }
 
+/* US-610: Reduced margin-bottom from var(--space-xl) to var(--space-md) to eliminate excessive gap between filters and table */
 .company-selection-card,
 .filters-card {
-  margin-bottom: var(--space-xl);
+  margin-bottom: var(--space-md);
 }
 
 .search-col {
@@ -1079,8 +1080,9 @@ watch(
   border-top: 1px solid var(--surface-border);
 }
 
+/* US-610: Reduced margin-bottom from var(--space-xl) to var(--space-md) for consistent spacing */
 .table-card {
-  margin-bottom: var(--space-xl);
+  margin-bottom: var(--space-md);
 }
 
 .no-data,

src/modules/reports/views/TrialBalanceView.vue

@@ -1040,10 +1040,11 @@ watch(
 }
 
 /* Card Spacing */
+/* US-610: Reduced margin-bottom from var(--space-xl) to var(--space-md) to eliminate excessive gap between filters and table */
 .company-selection-card,
 .filters-card,
 .table-card {
-  margin-bottom: var(--space-xl);
+  margin-bottom: var(--space-md);
 }
 
 /* Search field takes 2 columns in form grid */