Merge branch 'feature/merge-updates' from cbsnexora into feature/ui-reports-product

Conflict resolutions:
- src/main.scss: kept both new dialog backdrops (CIC/PSL/ALM/CIMS/CKYC/Acct)
  and incoming dialog panel styles (.abd-dialog-panel, .arc-dialog-panel)
- client-general-step.component.html/.ts: kept HEAD's agriculture/non-agri
  income fields, education/degree/religion/social-category dropdowns,
  and inject() refactor matching the incoming pattern
- kyc-management.component.html/.scss/.ts: kept HEAD's Home Visit
  terminology, takeAction() method, hv-* and vkyc-* dialog styles;
  accepted incoming .km-warn-d style addition

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

src/app/clients/clients-view/personal-data-tab/personal-data-tab.component.scss

@@ -6,6 +6,8 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
+@use 'sass:color';
+
 $primary: #1a73e8;
 $primary-light: #e8f0fe;
 $gray-50: #f8f9fa;
@@ -165,7 +167,7 @@ $teal: #00897b;
 
     &.status-active {
       background: rgba($green, 0.1);
-      color: darken($green, 10%);
+      color: color.adjust($green, $lightness: -10%);
 
       &::before {
         background: $green;
@@ -183,7 +185,7 @@ $teal: #00897b;
 
     &.status-pending {
       background: rgba($orange, 0.1);
-      color: darken($orange, 15%);
+      color: color.adjust($orange, $lightness: -15%);
 
       &::before {
         background: $orange;
@@ -230,7 +232,9 @@ $teal: #00897b;
   padding: 3px 12px;
   border-radius: 12px;
 
-  i { font-size: 12px; }
+  i {
+    font-size: 12px;
+  }
 
   &--verified {
     background: #ecfdf5;