M3 Overhaul

lib/screens/shared/permissions_screen.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import '../../theme/m3_motion.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:permission_handler/permission_handler.dart';
 
@@ -84,10 +85,10 @@ class _PermissionsScreenState extends ConsumerState<PermissionsScreen> {
           );
         },
       ),
-      floatingActionButton: FloatingActionButton(
+      floatingActionButton: M3Fab(
         onPressed: _refreshStatuses,
         tooltip: 'Refresh',
-        child: const Icon(Icons.refresh),
+        icon: const Icon(Icons.refresh),
       ),
     );
   }

lib/screens/shared/under_development_screen.dart

@@ -1,6 +1,5 @@
 import 'package:flutter/material.dart';
 
-import '../../theme/app_surfaces.dart';
 import '../../widgets/responsive_body.dart';
 
 class UnderDevelopmentScreen extends StatelessWidget {
@@ -17,34 +16,28 @@ class UnderDevelopmentScreen extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final cs = Theme.of(context).colorScheme;
     return ResponsiveBody(
       maxWidth: 720,
       padding: const EdgeInsets.symmetric(vertical: 32),
       child: Center(
+        // M3 Expressive: elevated card with tonal fill, 28 dp radius.
         child: Card(
           child: Padding(
-            padding: const EdgeInsets.all(32),
+            padding: const EdgeInsets.all(40),
             child: Column(
               mainAxisSize: MainAxisSize.min,
               children: [
                 Container(
-                  width: 72,
-                  height: 72,
+                  width: 80,
+                  height: 80,
                   decoration: BoxDecoration(
-                    color: Theme.of(
-                      context,
-                    ).colorScheme.primaryContainer.withValues(alpha: 0.7),
-                    borderRadius: BorderRadius.circular(
-                      AppSurfaces.of(context).dialogRadius,
-                    ),
-                  ),
-                  child: Icon(
-                    icon,
-                    size: 36,
-                    color: Theme.of(context).colorScheme.primary,
+                    color: cs.primaryContainer,
+                    borderRadius: BorderRadius.circular(28),
                   ),
+                  child: Icon(icon, size: 40, color: cs.onPrimaryContainer),
                 ),
-                const SizedBox(height: 20),
+                const SizedBox(height: 24),
                 Text(
                   title,
                   style: Theme.of(context).textTheme.headlineSmall?.copyWith(
@@ -55,26 +48,27 @@ class UnderDevelopmentScreen extends StatelessWidget {
                 const SizedBox(height: 8),
                 Text(
                   subtitle,
-                  style: Theme.of(context).textTheme.bodyMedium?.copyWith(
-                    color: Theme.of(context).colorScheme.onSurfaceVariant,
-                  ),
+                  style: Theme.of(
+                    context,
+                  ).textTheme.bodyMedium?.copyWith(color: cs.onSurfaceVariant),
                   textAlign: TextAlign.center,
                 ),
-                const SizedBox(height: 20),
+                const SizedBox(height: 24),
                 Container(
                   padding: const EdgeInsets.symmetric(
-                    horizontal: 16,
-                    vertical: 8,
+                    horizontal: 20,
+                    vertical: 10,
                   ),
                   decoration: BoxDecoration(
-                    borderRadius: BorderRadius.circular(999),
-                    color: Theme.of(
-                      context,
-                    ).colorScheme.surfaceContainerHighest,
+                    borderRadius: BorderRadius.circular(28),
+                    color: cs.secondaryContainer,
                   ),
                   child: Text(
                     'Under development',
-                    style: Theme.of(context).textTheme.labelLarge,
+                    style: Theme.of(context).textTheme.labelLarge?.copyWith(
+                      color: cs.onSecondaryContainer,
+                      fontWeight: FontWeight.w600,
+                    ),
                   ),
                 ),
               ],