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

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 
 import '../providers/connectivity_provider.dart';
+import '../theme/app_status_colors.dart';
 
 /// Two-state "this item is not yet synced" indicator.
 ///
@@ -38,6 +39,7 @@ class SyncPendingBadge extends ConsumerWidget {
 
     final isOnline = ref.watch(isOnlineProvider);
     final scheme = Theme.of(context).colorScheme;
+    final status = AppStatusColors.of(context);
 
     final Color bg;
     final Color fg;
@@ -53,9 +55,9 @@ class SyncPendingBadge extends ConsumerWidget {
       text = label ?? 'Syncing…';
       spin = true;
     } else {
-      // Queued offline: amber, static.
-      bg = Colors.amber.shade100;
-      fg = Colors.amber.shade900;
+      // Queued offline: warning tone, static.
+      bg = status.warning.container;
+      fg = status.warning.onContainer;
       icon = Icons.sync;
       text = label ?? 'Pending sync';
       spin = false;