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/theme/app_surfaces.dart

@@ -1,10 +1,11 @@
 import 'package:flutter/material.dart';
 
-/// M3 Expressive surface tokens.
+/// Cyber/IT surface tokens.
 ///
-/// Cards now use **tonal elevation** (color tints) instead of drop-shadows.
-/// Large containers adopt the M3 standard 28 dp corner radius; compact items
-/// use 16 dp; small chips/badges use 12 dp.
+/// Cards use **tonal elevation** (color tints) plus a hairline outline instead
+/// of drop-shadows. The shape language is tightened to a precise 12–16 dp
+/// technical feel: standard cards 12 dp, compact items 10 dp, large containers
+/// 16 dp, dialogs/sheets 20 dp, and chips/badges 8 dp.
 @immutable
 class AppSurfaces extends ThemeExtension<AppSurfaces> {
   const AppSurfaces({
@@ -15,19 +16,19 @@ class AppSurfaces extends ThemeExtension<AppSurfaces> {
     required this.chipRadius,
   });
 
-  /// Standard card radius – 16 dp (M3 medium shape).
+  /// Standard card radius – 12 dp (cyber/IT medium shape).
   final double cardRadius;
 
-  /// Compact card radius for dense list tiles – 12 dp.
+  /// Compact card radius for dense list tiles – 10 dp.
   final double compactCardRadius;
 
-  /// Large container radius – 28 dp (M3 Expressive).
+  /// Large container radius – 16 dp.
   final double containerRadius;
 
-  /// Dialog / bottom-sheet radius – 28 dp.
+  /// Dialog / bottom-sheet radius – 20 dp.
   final double dialogRadius;
 
-  /// Chip / badge radius – 12 dp.
+  /// Chip / badge radius – 8 dp.
   final double chipRadius;
 
   // convenience shapes
@@ -46,11 +47,11 @@ class AppSurfaces extends ThemeExtension<AppSurfaces> {
     final ext = Theme.of(context).extension<AppSurfaces>();
     return ext ??
         const AppSurfaces(
-          cardRadius: 16,
-          compactCardRadius: 12,
-          containerRadius: 28,
-          dialogRadius: 28,
-          chipRadius: 12,
+          cardRadius: 12,
+          compactCardRadius: 10,
+          containerRadius: 16,
+          dialogRadius: 20,
+          chipRadius: 8,
         );
   }