feat: KYC re-verify UX, family/nominee tab gating, savings dialogs, cfcfrms shell

- KYC tab: fix Verify (PAN) and Send OTP (Aadhaar) being disabled in edit mode;
  unmask Aadhaar input and show on-file masked value as hint; resolve kycId
  from id/kycId/resourceId fallbacks.
- Client stepper/view: add familyAllowed / nomineeAllowed predicates +
  CanActivate route guards. Family tab hidden for non-individuals, Nominee
  tab hidden for non-proprietor entities. Family-members step accepts a
  nomineeOnly input for proprietorship clients. Add/Edit/Delete buttons
  inside family-members and nominee tabs gated by canAdd.
- cfcfrms: add cfcfrms-shell wrapper, restyle complaint/fraud/mule/escalate
  pages and dashboard.
- Savings: identity-verify and transaction-confirm dialogs, manage / activate
  / add-charge flows, account preview styling.
- Tasks, core shell, account-nominees, icons: minor style and behaviour
  updates.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/app/cfcfrms/report-fraud-txn/report-fraud-txn.component.scss

@@ -6,114 +6,23 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
+@use '../cfc-form' as *;
+
 .report-page {
-  padding: 24px;
+  /* Wrapper hero already handles outer padding. */
+  padding: 0;
   max-width: 1200px;
   margin: 0 auto;
 }
 
-.page-header {
-  margin-bottom: 24px;
-
-  h2 {
-    margin: 0;
-    font-size: 24px;
-    font-weight: 600;
-  }
-
-  .subtitle {
-    margin: 4px 0 0;
-    color: #666;
-    font-size: 14px;
-  }
-}
-
 .report-layout {
-  display: flex;
-  gap: 24px;
+  display: block;
 }
 
 .report-card {
   flex: 1;
-  max-width: 700px;
-}
-
-.full-width {
   width: 100%;
 }
 
-.mr-05 {
-  margin-right: 0.5rem;
-}
-
-.mt-16 {
-  margin-top: 16px;
-}
-
-.submit-btn {
-  margin-top: 8px;
-  height: 48px;
-  font-size: 16px;
-}
-
-.inline-spinner {
-  display: inline-block;
-  margin-right: 8px;
-}
-
-.success-result {
-  text-align: center;
-  padding: 32px 16px;
-
-  .success-icon {
-    color: #10b981;
-    margin-bottom: 16px;
-  }
-
-  h3 {
-    color: #10b981;
-    margin-bottom: 24px;
-  }
-}
-
-.result-details {
-  text-align: left;
-  max-width: 500px;
-  margin: 0 auto;
-  background: #f8f9fa;
-  border-radius: 8px;
-  padding: 16px;
-}
-
-.result-row {
-  display: flex;
-  justify-content: space-between;
-  padding: 8px 0;
-  border-bottom: 1px solid #eee;
-
-  &:last-child {
-    border-bottom: none;
-  }
-}
-
-.result-label {
-  color: #666;
-  font-weight: 500;
-}
-
-.result-value {
-  font-weight: 600;
-}
-
-.mono {
-  font-family: 'Roboto Mono', monospace;
-}
-
-.form-row {
-  display: flex;
-  gap: 16px;
-}
-
-.half-width {
-  flex: 1;
-}
+/* Layered Nexora skin: red-accented for the high-impact fraud report. */
+@include cfc-form-skin('red');