Created App Surfaces for Theming

lib/widgets/task_assignment_section.dart

@@ -4,6 +4,7 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
 import '../models/profile.dart';
 import '../providers/profile_provider.dart';
 import '../providers/tasks_provider.dart';
+import '../theme/app_surfaces.dart';
 
 class TaskAssignmentSection extends ConsumerWidget {
   const TaskAssignmentSection({
@@ -141,6 +142,7 @@ class TaskAssignmentSection extends ConsumerWidget {
         context: context,
         builder: (dialogContext) {
           return AlertDialog(
+            shape: AppSurfaces.of(context).dialogShape,
             title: const Text('Assign IT Staff'),
             content: const Text('No vacant IT staff available.'),
             actions: [
@@ -162,6 +164,7 @@ class TaskAssignmentSection extends ConsumerWidget {
         return StatefulBuilder(
           builder: (context, setState) {
             return AlertDialog(
+              shape: AppSurfaces.of(context).dialogShape,
               title: const Text('Assign IT Staff'),
               contentPadding: const EdgeInsets.fromLTRB(24, 20, 24, 12),
               content: SizedBox(

lib/widgets/tasq_adaptive_list.dart

@@ -3,6 +3,7 @@ import 'dart:math' as math;
 import 'package:flutter/material.dart';
 
 import '../theme/app_typography.dart';
+import '../theme/app_surfaces.dart';
 import 'mono_text.dart';
 
 /// A column configuration for the [TasQAdaptiveList] desktop table view.
@@ -306,13 +307,21 @@ class _MobileTile<T> extends StatelessWidget {
   Widget build(BuildContext context) {
     final tile = mobileTileBuilder(context, item, actions);
 
-    // Apply Material 2 style elevation for Cards (per Hybrid M3/M2 guidelines)
+    // Apply Material 2 style elevation for Cards (per Hybrid M3/M2 guidelines).
+    // Mobile tiles deliberately use a slightly smaller corner radius for
+    // compactness, but they should inherit the global card elevation and
+    // shadow color from the theme to maintain visual consistency.
     if (tile is Card) {
+      final themeCard = Theme.of(context).cardTheme;
       return Card(
         color: tile.color,
-        elevation: 2,
+        elevation: themeCard.elevation ?? 3,
         margin: tile.margin,
-        shape: tile.shape,
+        // prefer the tile's explicit shape. For mobile tiles we intentionally
+        // use the compact radius token so list items feel denser while
+        // remaining theme-driven.
+        shape: tile.shape ?? AppSurfaces.of(context).compactShape,
+        shadowColor: AppSurfaces.of(context).compactShadowColor,
         clipBehavior: tile.clipBehavior,
         child: tile.child,
       );