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/network_map/network_map_device_edit_screen.dart

@@ -4,6 +4,7 @@ import 'package:go_router/go_router.dart';
 
 import '../../models/network/network_device.dart';
 import '../../models/network/network_location.dart';
+import '../../theme/app_status_colors.dart';
 import '../../providers/network_map/network_devices_provider.dart';
 import '../../providers/network_map/network_sites_provider.dart';
 import '../../widgets/app_state_view.dart';
@@ -231,11 +232,19 @@ class _NetworkMapDeviceEditScreenState
     final cs = Theme.of(context).colorScheme;
     switch (_status) {
       case NetworkDeviceStatus.online:
-        return const Icon(Icons.circle, size: 14, color: Color(0xFF388E3C));
+        return Icon(
+          Icons.circle,
+          size: 14,
+          color: AppStatusColors.of(context).success.color,
+        );
       case NetworkDeviceStatus.offline:
         return Icon(Icons.circle, size: 14, color: cs.error);
       case NetworkDeviceStatus.warning:
-        return const Icon(Icons.circle, size: 14, color: Color(0xFFF57C00));
+        return Icon(
+          Icons.circle,
+          size: 14,
+          color: AppStatusColors.of(context).warning.color,
+        );
       case NetworkDeviceStatus.unknown:
         return Icon(Icons.circle_outlined, size: 14, color: cs.onSurfaceVariant);
     }

lib/screens/network_map/widgets/device_node.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 
 import '../../../models/network/network_device.dart';
+import '../../../theme/app_status_colors.dart';
 import 'network_device_icon.dart';
 
 /// A styled node representing one network device on the topology canvas.
@@ -41,14 +42,15 @@ class DeviceNode extends StatelessWidget {
     }
   }
 
-  Color? _statusColor(ColorScheme cs, NetworkDeviceStatus status) {
+  Color? _statusColor(BuildContext context, NetworkDeviceStatus status) {
+    final s = AppStatusColors.of(context);
     switch (status) {
       case NetworkDeviceStatus.online:
-        return const Color(0xFF34A853); // Google green — universally understood
+        return s.success.color;
       case NetworkDeviceStatus.offline:
-        return cs.error;
+        return Theme.of(context).colorScheme.error;
       case NetworkDeviceStatus.warning:
-        return const Color(0xFFFBBC04); // Amber
+        return s.warning.color;
       case NetworkDeviceStatus.unknown:
         return null; // No dot shown
     }
@@ -59,7 +61,7 @@ class DeviceNode extends StatelessWidget {
     final cs = Theme.of(context).colorScheme;
     final tt = Theme.of(context).textTheme;
     final accent = _accentForRole(cs, device.role);
-    final statusColor = _statusColor(cs, device.status);
+    final statusColor = _statusColor(context, device.status);
 
     final bgColor = isSelected
         ? cs.primaryContainer

lib/screens/network_map/widgets/topology_legend.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 
 import '../../../models/network/network_device.dart';
 import '../../../models/network/network_link.dart';
+import '../../../theme/app_surfaces.dart';
 
 /// Collapsible legend overlay explaining device role border colours and link
 /// type colours. Positioned at the bottom-left of the topology canvas view.
@@ -85,11 +86,15 @@ class _TopologyLegendState extends State<TopologyLegend>
         // Expand/collapse toggle chip
         Material(
           color: cs.surfaceContainerHigh,
-          borderRadius: BorderRadius.circular(20),
+          borderRadius: BorderRadius.circular(
+            AppSurfaces.of(context).containerRadius,
+          ),
           elevation: 2,
           child: InkWell(
             onTap: _toggle,
-            borderRadius: BorderRadius.circular(20),
+            borderRadius: BorderRadius.circular(
+              AppSurfaces.of(context).containerRadius,
+            ),
             child: Padding(
               padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
               child: Row(