UI: Cyber/IT design overhaul with semantic status tokens (Material 3)

Re-theme TasQ with a refined enterprise "Cyber/IT" identity on Material 3.
Functionality is unchanged — only color/shape tokens and a few state widgets.

Foundation:
- Hand-tuned light + dark ColorSchemes (deep-slate surfaces, azure/teal/violet
  accents), tightened 12-16dp shape language, flat hairline-outlined cards.
- New AppStatusColors theme extension (success/warning/danger/info/neutral,
  per-brightness) replacing scattered raw Colors.green/orange/red/grey so status
  color is consistent and legible in dark mode.
- New TechChip mono primitive; StatusPill.kind; M3Card hairline variants;
  tightened AppSurfaces radii.

Per-screen:
- Tokenized status colors + radii across dashboard, tickets, tasks, IT service
  requests, attendance, whereabouts, network map, reports charts, auth, and
  shared/admin screens. Added _ticketStatusKind/_taskStatusKind/_isrStatusKind
  mappers so status carries meaning consistently.
- Fixed white pie-slice borders for dark mode; dropped ad-hoc dialog radius
  overrides in favor of the theme default. Categorical palettes (leave-type
  icons, team color picker, distribution charts) intentionally preserved.

Verified: flutter analyze lib clean; flutter build web green; visual QA in
light and dark (dashboard, tickets, attendance).

Co-Authored-By: claude-flow <ruv@ruv.net>

lib/screens/tickets/ticket_detail_screen.dart

@@ -22,6 +22,7 @@ import '../../widgets/responsive_body.dart';
 import '../../widgets/task_assignment_section.dart';
 import '../../widgets/typing_dots.dart';
 import '../../theme/app_surfaces.dart';
+import '../../theme/app_status_colors.dart';
 
 class TicketDetailScreen extends ConsumerStatefulWidget {
   const TicketDetailScreen({super.key, required this.ticketId});
@@ -424,7 +425,9 @@ class _TicketDetailScreenState extends ConsumerState<TicketDetailScreen> {
                                   color: Theme.of(
                                     context,
                                   ).colorScheme.surfaceContainerHighest,
-                                  borderRadius: BorderRadius.circular(16),
+                                  borderRadius: BorderRadius.circular(
+                                    AppSurfaces.of(context).cardRadius,
+                                  ),
                                 ),
                                 child: Row(
                                   mainAxisSize: MainAxisSize.min,
@@ -467,7 +470,9 @@ class _TicketDetailScreenState extends ConsumerState<TicketDetailScreen> {
                               color: Theme.of(context)
                                   .colorScheme
                                   .surfaceContainerHighest,
-                              borderRadius: BorderRadius.circular(28),
+                              borderRadius: BorderRadius.circular(
+                                AppSurfaces.of(context).containerRadius,
+                              ),
                             ),
                             padding: const EdgeInsets.only(
                               left: 16,
@@ -1357,34 +1362,20 @@ class _TicketStatusChip extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final cs = Theme.of(context).colorScheme;
-    final (icon, bg, fg) = switch (status) {
-      'pending' => (
-        Icons.hourglass_empty_rounded,
-        cs.secondaryContainer,
-        cs.onSecondaryContainer,
-      ),
-      'promoted' => (
-        Icons.trending_up_rounded,
-        cs.primaryContainer,
-        cs.onPrimaryContainer,
-      ),
-      'closed' => (
-        Icons.lock_rounded,
-        cs.tertiaryContainer,
-        cs.onTertiaryContainer,
-      ),
-      _ => (
-        Icons.help_outline_rounded,
-        cs.surfaceContainerHighest,
-        cs.onSurface,
-      ),
+    final s = AppStatusColors.of(context);
+    final (IconData icon, StatusSwatch swatch) = switch (status) {
+      'pending' => (Icons.hourglass_empty_rounded, s.warning),
+      'promoted' => (Icons.trending_up_rounded, s.info),
+      'closed' => (Icons.lock_rounded, s.success),
+      _ => (Icons.help_outline_rounded, s.neutral),
     };
+    final bg = swatch.container;
+    final fg = swatch.onContainer;
     return Container(
       padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
       decoration: BoxDecoration(
         color: bg,
-        borderRadius: BorderRadius.circular(20),
+        borderRadius: BorderRadius.circular(AppSurfaces.of(context).chipRadius),
       ),
       child: Row(
         mainAxisSize: MainAxisSize.min,

lib/screens/tickets/tickets_list_screen.dart

@@ -23,6 +23,7 @@ import '../../widgets/responsive_body.dart';
 import '../../widgets/tasq_adaptive_list.dart';
 import '../../widgets/typing_dots.dart';
 import '../../theme/app_surfaces.dart';
+import '../../theme/app_status_colors.dart';
 import '../../utils/snackbar.dart';
 import '../../widgets/app_breakpoints.dart';
 import '../../widgets/app_page_header.dart';
@@ -739,26 +740,14 @@ class _StatusSummaryCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final scheme = Theme.of(context).colorScheme;
-    final background = switch (status) {
-      'critical' => scheme.errorContainer,
-      'pending' => scheme.tertiaryContainer,
-      'promoted' => scheme.secondaryContainer,
-      'closed' => scheme.primaryContainer,
-      _ => scheme.surfaceContainerHigh,
-    };
-    final foreground = switch (status) {
-      'critical' => scheme.onErrorContainer,
-      'pending' => scheme.onTertiaryContainer,
-      'promoted' => scheme.onSecondaryContainer,
-      'closed' => scheme.onPrimaryContainer,
-      _ => scheme.onSurfaceVariant,
-    };
+    final swatch = AppStatusColors.of(context).byKind(_ticketStatusKind(status));
+    final background = swatch.container;
+    final foreground = swatch.onContainer;
     final label = status.replaceAll('_', ' ').toUpperCase();
 
     return Material(
       color: background,
-      borderRadius: BorderRadius.circular(20),
+      borderRadius: BorderRadius.circular(AppSurfaces.of(context).chipRadius),
       child: Padding(
         padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
         child: Row(
@@ -787,6 +776,16 @@ class _StatusSummaryCard extends StatelessWidget {
   }
 }
 
+/// Maps a ticket status to a semantic [StatusKind] so its color carries meaning
+/// (red=critical, amber=pending, blue=promoted/escalated, green=closed).
+StatusKind _ticketStatusKind(String status) => switch (status) {
+  'critical' => StatusKind.danger,
+  'pending' => StatusKind.warning,
+  'promoted' => StatusKind.info,
+  'closed' => StatusKind.success,
+  _ => StatusKind.neutral,
+};
+
 /// First 8 chars of the UUID, like a short git hash; the full id is in the
 /// tooltip. Tickets have no human-friendly number.
 String _shortId(String id) =>
@@ -813,21 +812,9 @@ class _StatusBadge extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final scheme = Theme.of(context).colorScheme;
-    final background = switch (status) {
-      'critical' => scheme.errorContainer,
-      'pending' => scheme.tertiaryContainer,
-      'promoted' => scheme.secondaryContainer,
-      'closed' => scheme.primaryContainer,
-      _ => scheme.surfaceContainerHighest,
-    };
-    final foreground = switch (status) {
-      'critical' => scheme.onErrorContainer,
-      'pending' => scheme.onTertiaryContainer,
-      'promoted' => scheme.onSecondaryContainer,
-      'closed' => scheme.onPrimaryContainer,
-      _ => scheme.onSurfaceVariant,
-    };
+    final swatch = AppStatusColors.of(context).byKind(_ticketStatusKind(status));
+    final background = swatch.container;
+    final foreground = swatch.onContainer;
 
     return Badge(
       backgroundColor: background,