refactoring

lib/shared/design_system/components/union_stat_widget.dart

@@ -1,7 +1,9 @@
 import 'package:flutter/material.dart';
 import '../tokens/unionflow_colors.dart';
 
-/// Widget de statistique compacte avec icône et tendance
+/// Widget de statistique compacte — style identique à _buildKpiCell du super admin
+/// fond blanc, bordure gauche colorée, icône + valeur + label
+/// [compact] réduit le padding vertical pour les grilles très plates
 class UnionStatWidget extends StatelessWidget {
   final String label;
   final String value;
@@ -10,6 +12,9 @@ class UnionStatWidget extends StatelessWidget {
   final String? trend;
   final bool? isTrendUp;
 
+  /// Mode ultra-compact : padding vertical réduit, espacement minimal
+  final bool compact;
+
   const UnionStatWidget({
     super.key,
     required this.label,
@@ -18,86 +23,65 @@ class UnionStatWidget extends StatelessWidget {
     required this.color,
     this.trend,
     this.isTrendUp,
+    this.compact = false,
   });
 
   @override
   Widget build(BuildContext context) {
+    final EdgeInsets pad = compact
+        ? const EdgeInsets.symmetric(horizontal: 8, vertical: 5)
+        : const EdgeInsets.all(6);
+
     return Container(
-      padding: const EdgeInsets.all(16),
+      padding: pad,
       decoration: BoxDecoration(
         color: UnionFlowColors.surface,
-        borderRadius: BorderRadius.circular(16),
-        boxShadow: UnionFlowColors.softShadow,
-        border: Border(
-          left: BorderSide(
-            color: color,
-            width: 4,
-          ),
-        ),
+        borderRadius: BorderRadius.circular(10),
+        border: Border(left: BorderSide(color: color, width: 3)),
       ),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
+        mainAxisAlignment: MainAxisAlignment.center,
         children: [
-          // Icon
-          Container(
-            padding: const EdgeInsets.all(8),
-            decoration: BoxDecoration(
-              color: color.withOpacity(0.1),
-              borderRadius: BorderRadius.circular(8),
-            ),
-            child: Icon(icon, size: 20, color: color),
-          ),
-          const SizedBox(height: 12),
-
-          // Value
-          Text(
-            value,
-            style: TextStyle(
-              fontSize: 24,
-              fontWeight: FontWeight.w700,
-              color: color,
-            ),
-          ),
-          const SizedBox(height: 4),
-
-          // Label
-          Text(
-            label,
-            style: const TextStyle(
-              fontSize: 11,
-              fontWeight: FontWeight.w600,
-              color: UnionFlowColors.textSecondary,
-            ),
-          ),
-
-          // Trend
-          if (trend != null) ...[
-            const SizedBox(height: 8),
-            Row(
-              children: [
-                Icon(
-                  isTrendUp == true
-                      ? Icons.trending_up
-                      : Icons.trending_down,
-                  size: 14,
-                  color: isTrendUp == true
-                      ? UnionFlowColors.success
-                      : UnionFlowColors.error,
-                ),
-                const SizedBox(width: 4),
+          Row(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              Icon(icon, size: 13, color: color),
+              if (trend != null) ...[
+                const Spacer(),
                 Text(
                   trend!,
                   style: TextStyle(
-                    fontSize: 11,
-                    fontWeight: FontWeight.w600,
-                    color: isTrendUp == true
-                        ? UnionFlowColors.success
-                        : UnionFlowColors.error,
+                    fontSize: 8,
+                    fontWeight: FontWeight.w700,
+                    color: color,
                   ),
                 ),
               ],
+            ],
+          ),
+          SizedBox(height: compact ? 2 : 4),
+          Text(
+            value,
+            style: TextStyle(
+              fontSize: 17,
+              fontWeight: FontWeight.w800,
+              color: color,
+              letterSpacing: -0.3,
+              height: 1,
             ),
-          ],
+          ),
+          SizedBox(height: compact ? 1 : 2),
+          Text(
+            label,
+            style: const TextStyle(
+              fontSize: 9,
+              fontWeight: FontWeight.w500,
+              color: UnionFlowColors.textSecondary,
+            ),
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+          ),
         ],
       ),
     );