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/reports/widgets/request_distribution_charts.dart

@@ -109,7 +109,7 @@ class _RequestTypeChartState extends ConsumerState<RequestTypeChart> {
                     radius: isTouched ? 60 : 50,
                     color: colorFor(i, e.name),
                     borderSide: isTouched
-                        ? const BorderSide(color: Colors.white, width: 2)
+                        ? BorderSide(color: Theme.of(context).colorScheme.surface, width: 2)
                         : BorderSide.none,
                   );
                 }).toList(),
@@ -240,7 +240,7 @@ class _RequestCategoryChartState extends ConsumerState<RequestCategoryChart> {
                     radius: isTouched ? 60 : 50,
                     color: colorFor(i, e.name),
                     borderSide: isTouched
-                        ? const BorderSide(color: Colors.white, width: 2)
+                        ? BorderSide(color: Theme.of(context).colorScheme.surface, width: 2)
                         : BorderSide.none,
                   );
                 }).toList(),

lib/screens/reports/widgets/status_charts.dart

@@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 
 import '../../../providers/reports_provider.dart';
+import '../../../theme/app_status_colors.dart';
 import 'report_card_wrapper.dart';
 
 /// Donut chart  ticket counts per status with hover animation.
@@ -84,7 +85,7 @@ class _TicketsByStatusChartState extends ConsumerState<TicketsByStatusChart> {
                         radius: isTouched ? 60 : 50,
                         color: _ticketStatusColor(context, e.status),
                         borderSide: isTouched
-                            ? const BorderSide(color: Colors.white, width: 2)
+                            ? BorderSide(color: Theme.of(context).colorScheme.surface, width: 2)
                             : BorderSide.none,
                       );
                     }).toList(),
@@ -116,16 +117,18 @@ class _TicketsByStatusChartState extends ConsumerState<TicketsByStatusChart> {
   }
 
   Color _ticketStatusColor(BuildContext context, String status) {
-    final colors = Theme.of(context).colorScheme;
+    final s = AppStatusColors.of(context);
     switch (status) {
+      case 'critical':
+        return s.danger.color;
       case 'pending':
-        return colors.tertiary;
+        return s.warning.color;
       case 'promoted':
-        return colors.secondary;
+        return s.info.color;
       case 'closed':
-        return colors.primary;
+        return s.success.color;
       default:
-        return colors.outlineVariant;
+        return s.neutral.color;
     }
   }
 }
@@ -208,7 +211,7 @@ class _TasksByStatusChartState extends ConsumerState<TasksByStatusChart> {
                         radius: isTouched ? 60 : 50,
                         color: _taskStatusColor(context, e.status),
                         borderSide: isTouched
-                            ? const BorderSide(color: Colors.white, width: 2)
+                            ? BorderSide(color: Theme.of(context).colorScheme.surface, width: 2)
                             : BorderSide.none,
                       );
                     }).toList(),
@@ -240,18 +243,20 @@ class _TasksByStatusChartState extends ConsumerState<TasksByStatusChart> {
   }
 
   Color _taskStatusColor(BuildContext context, String status) {
-    final colors = Theme.of(context).colorScheme;
+    final s = AppStatusColors.of(context);
     switch (status) {
+      case 'critical':
+        return s.danger.color;
       case 'queued':
-        return colors.surfaceContainerHighest;
+        return s.neutral.color;
       case 'in_progress':
-        return colors.secondary;
+        return s.info.color;
       case 'completed':
-        return colors.primary;
+        return s.success.color;
       case 'cancelled':
-        return colors.error;
+        return s.danger.color;
       default:
-        return colors.outlineVariant;
+        return s.neutral.color;
     }
   }