Created App Surfaces for Theming

lib/screens/tasks/tasks_list_screen.dart

@@ -17,6 +17,7 @@ import '../../widgets/mono_text.dart';
 import '../../widgets/responsive_body.dart';
 import '../../widgets/tasq_adaptive_list.dart';
 import '../../widgets/typing_dots.dart';
+import '../../theme/app_surfaces.dart';
 
 class TasksListScreen extends ConsumerStatefulWidget {
   const TasksListScreen({super.key});
@@ -385,6 +386,7 @@ class _TasksListScreenState extends ConsumerState<TasksListScreen> {
           builder: (context, setState) {
             final officesAsync = ref.watch(officesProvider);
             return AlertDialog(
+              shape: AppSurfaces.of(context).dialogShape,
               title: const Text('Create Task'),
               content: SizedBox(
                 width: 360,
@@ -499,7 +501,9 @@ class _TasksListScreenState extends ConsumerState<TasksListScreen> {
       alignment: Alignment.center,
       decoration: BoxDecoration(
         color: Theme.of(context).colorScheme.primaryContainer,
-        borderRadius: BorderRadius.circular(12),
+        borderRadius: BorderRadius.circular(
+          AppSurfaces.of(context).compactCardRadius,
+        ),
       ),
       child: Text(
         '#$queueOrder',
@@ -691,6 +695,8 @@ class _StatusSummaryCard extends StatelessWidget {
 
     return Card(
       color: background,
+      // summary cards are compact — use compact token for consistent density
+      shape: AppSurfaces.of(context).compactShape,
       child: Padding(
         padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
         child: Column(