merging code

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/core/shell/shell.component.html

@@ -27,22 +27,29 @@
   <mat-sidenav-content class="sidenav">
     <!-- Sidebar Toggle Handle (hidden on small/handset screens) -->
     @if ((isHandset$ | async) === false) {
-    <div
-      class="sidebar-handle"
-      [class.collapsed]="sidenavCollapsed"
-      (click)="toggleSidebarCollapse()"
-      matTooltip="{{ sidenavCollapsed ? 'Expand sidebar' : 'Collapse sidebar' }}"
-      matTooltipPosition="right"
-    >
-      <svg viewBox="0 0 8 14" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-        @if (!sidenavCollapsed) {
-          <path d="M6 1L1 7l5 6"/>
-        }
-        @if (sidenavCollapsed) {
-          <path d="M2 1l5 6-5 6"/>
-        }
-      </svg>
-    </div>
+      <div
+        class="sidebar-handle"
+        [class.collapsed]="sidenavCollapsed"
+        (click)="toggleSidebarCollapse()"
+        matTooltip="{{ sidenavCollapsed ? 'Expand sidebar' : 'Collapse sidebar' }}"
+        matTooltipPosition="right"
+      >
+        <svg
+          viewBox="0 0 8 14"
+          fill="none"
+          stroke="#fff"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          @if (!sidenavCollapsed) {
+            <path d="M6 1L1 7l5 6" />
+          }
+          @if (sidenavCollapsed) {
+            <path d="M2 1l5 6-5 6" />
+          }
+        </svg>
+      </div>
     }
 
     <!-- Toolbar -->
@@ -56,7 +63,12 @@
           <fa-icon icon="university" class="ni-ico"></fa-icon>Institution
           <fa-icon icon="caret-down" class="ni-caret"></fa-icon>
         </a>
-        <a class="ni" tabindex="0" routerLink="/checker-inbox-and-tasks/checker-inbox" *mifosxHasPermission="'MENU_TASKS'">
+        <a
+          class="ni"
+          tabindex="0"
+          routerLink="/checker-inbox-and-tasks/checker-inbox"
+          *mifosxHasPermission="'MENU_TASKS'"
+        >
           <fa-icon icon="check" class="ni-ico"></fa-icon>Tasks
         </a>
         <a class="ni" tabindex="0" routerLink="/accounting" *mifosxHasPermission="'MENU_ACCOUNTING'">
@@ -70,11 +82,21 @@
           <fa-icon icon="shield-alt" class="ni-ico"></fa-icon>Admin
           <fa-icon icon="caret-down" class="ni-caret"></fa-icon>
         </a>
-        <a class="ni" tabindex="0" (click)="subLedgerOpen = !subLedgerOpen; glMenuOpen = false" *mifosxHasPermission="'MENU_SUB_LEDGER'">
+        <a
+          class="ni"
+          tabindex="0"
+          (click)="subLedgerOpen = !subLedgerOpen; glMenuOpen = false"
+          *mifosxHasPermission="'MENU_SUB_LEDGER'"
+        >
           <fa-icon icon="book" class="ni-ico"></fa-icon>Sub Ledger
           <fa-icon [icon]="subLedgerOpen ? 'caret-up' : 'caret-down'" class="ni-caret"></fa-icon>
         </a>
-        <a class="ni" tabindex="0" (click)="glMenuOpen = !glMenuOpen; subLedgerOpen = false" *mifosxHasPermission="'MENU_GENERAL_LEDGER'">
+        <a
+          class="ni"
+          tabindex="0"
+          (click)="glMenuOpen = !glMenuOpen; subLedgerOpen = false"
+          *mifosxHasPermission="'MENU_GENERAL_LEDGER'"
+        >
           <fa-icon icon="book-open" class="ni-ico"></fa-icon>General Ledger
           <fa-icon [icon]="glMenuOpen ? 'caret-up' : 'caret-down'" class="ni-caret"></fa-icon>
         </a>
@@ -121,7 +143,12 @@
           <fa-icon icon="shield-alt" class="ni-ico"></fa-icon>Insurance
           <fa-icon icon="caret-down" class="ni-caret"></fa-icon>
         </a>
-        <a class="ni" tabindex="0" (click)="rbiMenuOpen = !rbiMenuOpen; glMenuOpen = false" *mifosxHasPermission="'MENU_RBI'">
+        <a
+          class="ni"
+          tabindex="0"
+          (click)="rbiMenuOpen = !rbiMenuOpen; glMenuOpen = false"
+          *mifosxHasPermission="'MENU_RBI'"
+        >
           <fa-icon icon="university" class="ni-ico"></fa-icon>RBI
           <fa-icon [icon]="rbiMenuOpen ? 'caret-up' : 'caret-down'" class="ni-caret"></fa-icon>
         </a>

src/app/core/shell/sidenav/sidenav.component.html

@@ -65,6 +65,18 @@
           </mat-icon>
           <a matLine>{{ 'labels.menus.CKYC' | translate }}</a>
         </mat-list-item>
+        <mat-list-item
+          [routerLink]="['/kyc-management']"
+          [matTooltipPosition]="tooltipPosition"
+          matTooltip="KYC Management"
+          routerLinkActive="active-menu"
+          [routerLinkActiveOptions]="{ exact: false }"
+        >
+          <mat-icon matListIcon>
+            <fa-icon icon="user-shield" size="sm"></fa-icon>
+          </mat-icon>
+          <a matLine>KYC Management</a>
+        </mat-list-item>
         <mat-list-item
           [routerLink]="['/bank-calendar']"
           [matTooltipPosition]="tooltipPosition"
@@ -118,145 +130,145 @@
           <a matLine>{{ 'labels.menus.Individual Collection Sheet' | translate }}</a>
         </mat-list-item>
         <ng-container *mifosxHasPermission="'SIDEBAR_REMITTANCES'">
-        <mat-list-item
-          *ngIf="mifosRemittanceEnabled"
-          [routerLink]="['/remittances/process']"
-          [matTooltipPosition]="tooltipPosition"
-          matTooltip="{{ 'tooltips.Process Remittance' | translate }}"
-          routerLinkActive="active-menu"
-          [routerLinkActiveOptions]="{ exact: false }"
-        >
-          <mat-icon matListIcon>
-            <fa-icon icon="money-bill-wave" size="sm"></fa-icon>
-          </mat-icon>
-          <a matLine>{{ 'labels.menus.Remittances' | translate }}</a>
-        </mat-list-item>
+          <mat-list-item
+            *ngIf="mifosRemittanceEnabled"
+            [routerLink]="['/remittances/process']"
+            [matTooltipPosition]="tooltipPosition"
+            matTooltip="{{ 'tooltips.Process Remittance' | translate }}"
+            routerLinkActive="active-menu"
+            [routerLinkActiveOptions]="{ exact: false }"
+          >
+            <mat-icon matListIcon>
+              <fa-icon icon="money-bill-wave" size="sm"></fa-icon>
+            </mat-icon>
+            <a matLine>{{ 'labels.menus.Remittances' | translate }}</a>
+          </mat-list-item>
         </ng-container>
         <ng-container *mifosxHasPermission="'SIDEBAR_ANALYTICS'">
-        <mat-list-item
-          *ngIf="supersetEnabled"
-          [routerLink]="['/analytics']"
-          [matTooltipPosition]="tooltipPosition"
-          matTooltip="{{ 'tooltips.Analytics' | translate }}"
-          routerLinkActive="active-menu"
-          [routerLinkActiveOptions]="{ exact: false }"
-        >
-          <mat-icon matListIcon>
-            <fa-icon icon="chart-bar" size="sm"></fa-icon>
-          </mat-icon>
-          <a matLine>{{ 'labels.menus.Analytics' | translate }}</a>
-        </mat-list-item>
+          <mat-list-item
+            *ngIf="supersetEnabled"
+            [routerLink]="['/analytics']"
+            [matTooltipPosition]="tooltipPosition"
+            matTooltip="{{ 'tooltips.Analytics' | translate }}"
+            routerLinkActive="active-menu"
+            [routerLinkActiveOptions]="{ exact: false }"
+          >
+            <mat-icon matListIcon>
+              <fa-icon icon="chart-bar" size="sm"></fa-icon>
+            </mat-icon>
+            <a matLine>{{ 'labels.menus.Analytics' | translate }}</a>
+          </mat-list-item>
         </ng-container>
         <!-- CFCFRMS Section -->
         <ng-container *mifosxHasPermission="'SIDEBAR_CFCFRMS'">
-        <div class="nav-item-sep mt-1">
-          <mat-divider></mat-divider>
-          <span class="text-muted">{{ 'labels.menus.CFCFRMS' | translate }}</span>
-        </div>
-        <mat-list-item
-          [routerLink]="['/cfcfrms/dashboard']"
-          [matTooltipPosition]="tooltipPosition"
-          matTooltip="{{ 'tooltips.CFCFRMS Dashboard' | translate }}"
-          routerLinkActive="active-menu"
-          [routerLinkActiveOptions]="{ exact: true }"
-        >
-          <mat-icon matListIcon>
-            <fa-icon icon="shield-alt" size="sm"></fa-icon>
-          </mat-icon>
-          <a matLine>{{ 'labels.menus.CFCFRMS Dashboard' | translate }}</a>
-        </mat-list-item>
-        <mat-list-item
-          [routerLink]="['/cfcfrms/complaints']"
-          [matTooltipPosition]="tooltipPosition"
-          matTooltip="{{ 'tooltips.Complaints' | translate }}"
-          routerLinkActive="active-menu"
-          [routerLinkActiveOptions]="{ exact: false }"
-        >
-          <mat-icon matListIcon>
-            <fa-icon icon="list-alt" size="sm"></fa-icon>
-          </mat-icon>
-          <a matLine>{{ 'labels.menus.Complaints' | translate }}</a>
-        </mat-list-item>
-        <mat-list-item
-          [routerLink]="['/cfcfrms/escalate']"
-          [matTooltipPosition]="tooltipPosition"
-          matTooltip="{{ 'tooltips.Escalate Complaint' | translate }}"
-          routerLinkActive="active-menu"
-          [routerLinkActiveOptions]="{ exact: false }"
-        >
-          <mat-icon matListIcon>
-            <fa-icon icon="arrow-up" size="sm"></fa-icon>
-          </mat-icon>
-          <a matLine>{{ 'labels.menus.Escalate' | translate }}</a>
-        </mat-list-item>
-        <mat-list-item
-          [routerLink]="['/cfcfrms/report-suspect']"
-          [matTooltipPosition]="tooltipPosition"
-          matTooltip="{{ 'tooltips.Report Suspect' | translate }}"
-          routerLinkActive="active-menu"
-          [routerLinkActiveOptions]="{ exact: false }"
-        >
-          <mat-icon matListIcon>
-            <fa-icon icon="user-shield" size="sm"></fa-icon>
-          </mat-icon>
-          <a matLine>{{ 'labels.menus.Report Suspect' | translate }}</a>
-        </mat-list-item>
-        <mat-list-item
-          [routerLink]="['/cfcfrms/report-mule']"
-          [matTooltipPosition]="tooltipPosition"
-          matTooltip="{{ 'tooltips.Report Mule Account' | translate }}"
-          routerLinkActive="active-menu"
-          [routerLinkActiveOptions]="{ exact: false }"
-        >
-          <mat-icon matListIcon>
-            <fa-icon icon="user-slash" size="sm"></fa-icon>
-          </mat-icon>
-          <a matLine>{{ 'labels.menus.Report Mule' | translate }}</a>
-        </mat-list-item>
-        <mat-list-item
-          [routerLink]="['/cfcfrms/report-fraud-txn']"
-          [matTooltipPosition]="tooltipPosition"
-          matTooltip="{{ 'tooltips.Report Fraud Transaction' | translate }}"
-          routerLinkActive="active-menu"
-          [routerLinkActiveOptions]="{ exact: false }"
-        >
-          <mat-icon matListIcon>
-            <fa-icon icon="exclamation-triangle" size="sm"></fa-icon>
-          </mat-icon>
-          <a matLine>{{ 'labels.menus.Report Fraud Txn' | translate }}</a>
-        </mat-list-item>
+          <div class="nav-item-sep mt-1">
+            <mat-divider></mat-divider>
+            <span class="text-muted">{{ 'labels.menus.CFCFRMS' | translate }}</span>
+          </div>
+          <mat-list-item
+            [routerLink]="['/cfcfrms/dashboard']"
+            [matTooltipPosition]="tooltipPosition"
+            matTooltip="{{ 'tooltips.CFCFRMS Dashboard' | translate }}"
+            routerLinkActive="active-menu"
+            [routerLinkActiveOptions]="{ exact: true }"
+          >
+            <mat-icon matListIcon>
+              <fa-icon icon="shield-alt" size="sm"></fa-icon>
+            </mat-icon>
+            <a matLine>{{ 'labels.menus.CFCFRMS Dashboard' | translate }}</a>
+          </mat-list-item>
+          <mat-list-item
+            [routerLink]="['/cfcfrms/complaints']"
+            [matTooltipPosition]="tooltipPosition"
+            matTooltip="{{ 'tooltips.Complaints' | translate }}"
+            routerLinkActive="active-menu"
+            [routerLinkActiveOptions]="{ exact: false }"
+          >
+            <mat-icon matListIcon>
+              <fa-icon icon="list-alt" size="sm"></fa-icon>
+            </mat-icon>
+            <a matLine>{{ 'labels.menus.Complaints' | translate }}</a>
+          </mat-list-item>
+          <mat-list-item
+            [routerLink]="['/cfcfrms/escalate']"
+            [matTooltipPosition]="tooltipPosition"
+            matTooltip="{{ 'tooltips.Escalate Complaint' | translate }}"
+            routerLinkActive="active-menu"
+            [routerLinkActiveOptions]="{ exact: false }"
+          >
+            <mat-icon matListIcon>
+              <fa-icon icon="arrow-up" size="sm"></fa-icon>
+            </mat-icon>
+            <a matLine>{{ 'labels.menus.Escalate' | translate }}</a>
+          </mat-list-item>
+          <mat-list-item
+            [routerLink]="['/cfcfrms/report-suspect']"
+            [matTooltipPosition]="tooltipPosition"
+            matTooltip="{{ 'tooltips.Report Suspect' | translate }}"
+            routerLinkActive="active-menu"
+            [routerLinkActiveOptions]="{ exact: false }"
+          >
+            <mat-icon matListIcon>
+              <fa-icon icon="user-shield" size="sm"></fa-icon>
+            </mat-icon>
+            <a matLine>{{ 'labels.menus.Report Suspect' | translate }}</a>
+          </mat-list-item>
+          <mat-list-item
+            [routerLink]="['/cfcfrms/report-mule']"
+            [matTooltipPosition]="tooltipPosition"
+            matTooltip="{{ 'tooltips.Report Mule Account' | translate }}"
+            routerLinkActive="active-menu"
+            [routerLinkActiveOptions]="{ exact: false }"
+          >
+            <mat-icon matListIcon>
+              <fa-icon icon="user-slash" size="sm"></fa-icon>
+            </mat-icon>
+            <a matLine>{{ 'labels.menus.Report Mule' | translate }}</a>
+          </mat-list-item>
+          <mat-list-item
+            [routerLink]="['/cfcfrms/report-fraud-txn']"
+            [matTooltipPosition]="tooltipPosition"
+            matTooltip="{{ 'tooltips.Report Fraud Transaction' | translate }}"
+            routerLinkActive="active-menu"
+            [routerLinkActiveOptions]="{ exact: false }"
+          >
+            <mat-icon matListIcon>
+              <fa-icon icon="exclamation-triangle" size="sm"></fa-icon>
+            </mat-icon>
+            <a matLine>{{ 'labels.menus.Report Fraud Txn' | translate }}</a>
+          </mat-list-item>
         </ng-container>
 
         <!-- RBI Integration Section -->
         <ng-container *mifosxHasPermission="'SIDEBAR_RBI_INTEGRATION'">
-        <div class="nav-item-sep mt-1">
-          <mat-divider></mat-divider>
-          <span class="text-muted">{{ 'labels.menus.RBI Integration' | translate }}</span>
-        </div>
-        <mat-list-item
-          [routerLink]="['/cfcfrms/fmr-submission']"
-          [matTooltipPosition]="tooltipPosition"
-          matTooltip="{{ 'tooltips.FMR Submission' | translate }}"
-          routerLinkActive="active-menu"
-          [routerLinkActiveOptions]="{ exact: false }"
-        >
-          <mat-icon matListIcon>
-            <fa-icon icon="university" size="sm"></fa-icon>
-          </mat-icon>
-          <a matLine>{{ 'labels.menus.FMR Submission' | translate }}</a>
-        </mat-list-item>
-        <mat-list-item
-          [routerLink]="['/cfcfrms/cfr-lookup']"
-          [matTooltipPosition]="tooltipPosition"
-          matTooltip="{{ 'tooltips.CFR Lookup' | translate }}"
-          routerLinkActive="active-menu"
-          [routerLinkActiveOptions]="{ exact: false }"
-        >
-          <mat-icon matListIcon>
-            <fa-icon icon="search" size="sm"></fa-icon>
-          </mat-icon>
-          <a matLine>{{ 'labels.menus.CFR Lookup' | translate }}</a>
-        </mat-list-item>
+          <div class="nav-item-sep mt-1">
+            <mat-divider></mat-divider>
+            <span class="text-muted">{{ 'labels.menus.RBI Integration' | translate }}</span>
+          </div>
+          <mat-list-item
+            [routerLink]="['/cfcfrms/fmr-submission']"
+            [matTooltipPosition]="tooltipPosition"
+            matTooltip="{{ 'tooltips.FMR Submission' | translate }}"
+            routerLinkActive="active-menu"
+            [routerLinkActiveOptions]="{ exact: false }"
+          >
+            <mat-icon matListIcon>
+              <fa-icon icon="university" size="sm"></fa-icon>
+            </mat-icon>
+            <a matLine>{{ 'labels.menus.FMR Submission' | translate }}</a>
+          </mat-list-item>
+          <mat-list-item
+            [routerLink]="['/cfcfrms/cfr-lookup']"
+            [matTooltipPosition]="tooltipPosition"
+            matTooltip="{{ 'tooltips.CFR Lookup' | translate }}"
+            routerLinkActive="active-menu"
+            [routerLinkActiveOptions]="{ exact: false }"
+          >
+            <mat-icon matListIcon>
+              <fa-icon icon="search" size="sm"></fa-icon>
+            </mat-icon>
+            <a matLine>{{ 'labels.menus.CFR Lookup' | translate }}</a>
+          </mat-list-item>
         </ng-container>
 
         <div class="nav-item-sep mt-1">

src/app/core/shell/sidenav/sidenav.component.scss

@@ -54,10 +54,21 @@ $hover-bg: #f1f5f9;
       span {
         border-radius: 2px;
 
-        &:nth-child(1) { background: $brand; }
-        &:nth-child(2) { background: #0ea5e9; }
-        &:nth-child(3) { background: #10b981; }
-        &:nth-child(4) { background: #cbd5e1; }
+        &:nth-child(1) {
+          background: $brand;
+        }
+
+        &:nth-child(2) {
+          background: #0ea5e9;
+        }
+
+        &:nth-child(3) {
+          background: #10b981;
+        }
+
+        &:nth-child(4) {
+          background: #cbd5e1;
+        }
       }
     }
 
@@ -328,8 +339,7 @@ $hover-bg: #f1f5f9;
 
   .app-sidenav {
     .icon-menu {
-      flex-direction: row;
-      flex-wrap: wrap;
+      flex-flow: row wrap;
       padding: 6px 10px;
     }
   }

src/app/core/shell/toolbar/toolbar.component.html

@@ -16,14 +16,27 @@
 
   <!-- Meta Chips -->
   <div class="t-meta">
-    <div class="t-chip"><div class="t-live"></div>&nbsp;LIVE</div>
+    <div class="t-chip">
+      <div class="t-live"></div>
+      &nbsp;LIVE
+    </div>
     <div class="t-chip">Branch:&nbsp;<strong>HO</strong></div>
-    <div class="t-chip">Date:&nbsp;<strong>{{ today | date:'dd MMM yyyy' }}</strong></div>
-    <div class="t-chip">Last login:&nbsp;<strong>{{ lastLoginTime }}</strong></div>
+    <div class="t-chip">
+      Date:&nbsp;<strong>{{ today | date: 'dd MMM yyyy' }}</strong>
+    </div>
+    <div class="t-chip">
+      Last login:&nbsp;<strong>{{ lastLoginTime }}</strong>
+    </div>
     <div class="t-sep"></div>
-    <div class="t-chip t-chip--secure"><i class="fas fa-lock t-chip-icon t-chip-icon--green"></i>SSL/TLS&nbsp;<strong>256-bit</strong></div>
-    <div class="t-chip t-chip--secure"><i class="fas fa-certificate t-chip-icon t-chip-icon--blue"></i>ISO 27001&nbsp;<strong>Certified</strong></div>
-    <div class="t-chip t-chip--timer"><i class="fas fa-clock t-chip-icon t-chip-icon--amber"></i>Session&nbsp;<strong>{{ sessionTimer }}</strong></div>
+    <div class="t-chip t-chip--secure">
+      <i class="fas fa-lock t-chip-icon t-chip-icon--green"></i>SSL/TLS&nbsp;<strong>256-bit</strong>
+    </div>
+    <div class="t-chip t-chip--secure">
+      <i class="fas fa-certificate t-chip-icon t-chip-icon--blue"></i>ISO 27001&nbsp;<strong>Certified</strong>
+    </div>
+    <div class="t-chip t-chip--timer">
+      <i class="fas fa-clock t-chip-icon t-chip-icon--amber"></i>Session&nbsp;<strong>{{ sessionTimer }}</strong>
+    </div>
   </div>
 
   <!-- Right Actions -->
@@ -43,7 +56,11 @@
     <div class="t-divider"></div>
 
     <div #appMenu class="t-action-btn t-user-btn" [matMenuTriggerFor]="applicationMenu" matTooltip="Account">
-      <img src="assets/images/user_placeholder.png" [alt]="'labels.headings.User Profile' | translate" class="t-user-img" />
+      <img
+        src="assets/images/user_placeholder.png"
+        [alt]="'labels.headings.User Profile' | translate"
+        class="t-user-img"
+      />
     </div>
   </div>
 </div>
@@ -66,7 +83,11 @@
       <!-- Transactions -->
       <div class="subledger-group">
         <div class="subledger-group-title">Transactions</div>
-        <a class="subledger-link" [class.hidden]="!matchesSearch('Cash / Clearing / Transfer')" (click)="subLedgerOpen = false">
+        <a
+          class="subledger-link"
+          [class.hidden]="!matchesSearch('Cash / Clearing / Transfer')"
+          (click)="subLedgerOpen = false"
+        >
           <fa-icon icon="money-bill" class="subledger-icon"></fa-icon> Cash / Clearing / Transfer
         </a>
         <a class="subledger-link" [class.hidden]="!matchesSearch('Batch Transaction')" (click)="subLedgerOpen = false">
@@ -114,7 +135,12 @@
       <!-- Customer -->
       <div class="subledger-group">
         <div class="subledger-group-title">Customer</div>
-        <a class="subledger-link" [class.hidden]="!matchesSearch('Client Master')" routerLink="/clients" (click)="subLedgerOpen = false">
+        <a
+          class="subledger-link"
+          [class.hidden]="!matchesSearch('Client Master')"
+          routerLink="/clients"
+          (click)="subLedgerOpen = false"
+        >
           <fa-icon icon="user" class="subledger-icon"></fa-icon> Client Master
         </a>
         <a class="subledger-link" [class.hidden]="!matchesSearch('Account Master')" (click)="subLedgerOpen = false">
@@ -131,10 +157,18 @@
       <!-- Account Status -->
       <div class="subledger-group">
         <div class="subledger-group-title">Account Status</div>
-        <a class="subledger-link" [class.hidden]="!matchesSearch('Inoperative to Operative')" (click)="subLedgerOpen = false">
+        <a
+          class="subledger-link"
+          [class.hidden]="!matchesSearch('Inoperative to Operative')"
+          (click)="subLedgerOpen = false"
+        >
           <fa-icon icon="lock-open" class="subledger-icon"></fa-icon> Inoperative &rarr; Operative
         </a>
-        <a class="subledger-link" [class.hidden]="!matchesSearch('Account Status Master')" (click)="subLedgerOpen = false">
+        <a
+          class="subledger-link"
+          [class.hidden]="!matchesSearch('Account Status Master')"
+          (click)="subLedgerOpen = false"
+        >
           <fa-icon icon="cog" class="subledger-icon"></fa-icon> Account Status Master
         </a>
         <a class="subledger-link" [class.hidden]="!matchesSearch('Restrict Account')" (click)="subLedgerOpen = false">
@@ -160,7 +194,11 @@
         <a class="subledger-link" [class.hidden]="!matchesSearch('Holiday Marking')" (click)="subLedgerOpen = false">
           <fa-icon icon="calendar" class="subledger-icon"></fa-icon> Holiday Marking
         </a>
-        <a class="subledger-link" [class.hidden]="!matchesSearch('Open Closed Register')" (click)="subLedgerOpen = false">
+        <a
+          class="subledger-link"
+          [class.hidden]="!matchesSearch('Open Closed Register')"
+          (click)="subLedgerOpen = false"
+        >
           <fa-icon icon="book-open" class="subledger-icon"></fa-icon> Open Closed Register
         </a>
       </div>
@@ -185,27 +223,66 @@
     <div class="subledger-columns">
       <div class="subledger-group">
         <div class="subledger-group-title">Financial Statements</div>
-        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Trial Balance')" (click)="glMenuOpen = false"><fa-icon icon="balance-scale" class="subledger-icon"></fa-icon> Trial Balance</a>
-        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Profit and Loss')" (click)="glMenuOpen = false"><fa-icon icon="chart-line" class="subledger-icon"></fa-icon> Profit and Loss</a>
-        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Consolidate Balance Sheet')" (click)="glMenuOpen = false"><fa-icon icon="file-alt" class="subledger-icon"></fa-icon> Consolidate Balance Sheet</a>
+        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Trial Balance')" (click)="glMenuOpen = false"
+          ><fa-icon icon="balance-scale" class="subledger-icon"></fa-icon> Trial Balance</a
+        >
+        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Profit and Loss')" (click)="glMenuOpen = false"
+          ><fa-icon icon="chart-line" class="subledger-icon"></fa-icon> Profit and Loss</a
+        >
+        <a
+          class="subledger-link"
+          [class.hidden]="!matchesGlSearch('Consolidate Balance Sheet')"
+          (click)="glMenuOpen = false"
+          ><fa-icon icon="file-alt" class="subledger-icon"></fa-icon> Consolidate Balance Sheet</a
+        >
       </div>
       <div class="subledger-group">
         <div class="subledger-group-title">GL Reports</div>
-        <a class="subledger-link" [class.hidden]="!matchesGlSearch('GL Average Balance')" (click)="glMenuOpen = false"><fa-icon icon="calculator" class="subledger-icon"></fa-icon> GL Average Balance</a>
-        <a class="subledger-link" [class.hidden]="!matchesGlSearch('GL Mapping for Report')" (click)="glMenuOpen = false"><fa-icon icon="project-diagram" class="subledger-icon"></fa-icon> GL Mapping for Report</a>
-        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Account wise Balance List')" (click)="glMenuOpen = false"><fa-icon icon="list" class="subledger-icon"></fa-icon> Account wise Balance List</a>
-        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Distribution of Balance')" (click)="glMenuOpen = false"><fa-icon icon="chart-pie" class="subledger-icon"></fa-icon> Distribution of Balance</a>
+        <a class="subledger-link" [class.hidden]="!matchesGlSearch('GL Average Balance')" (click)="glMenuOpen = false"
+          ><fa-icon icon="calculator" class="subledger-icon"></fa-icon> GL Average Balance</a
+        >
+        <a
+          class="subledger-link"
+          [class.hidden]="!matchesGlSearch('GL Mapping for Report')"
+          (click)="glMenuOpen = false"
+          ><fa-icon icon="project-diagram" class="subledger-icon"></fa-icon> GL Mapping for Report</a
+        >
+        <a
+          class="subledger-link"
+          [class.hidden]="!matchesGlSearch('Account wise Balance List')"
+          (click)="glMenuOpen = false"
+          ><fa-icon icon="list" class="subledger-icon"></fa-icon> Account wise Balance List</a
+        >
+        <a
+          class="subledger-link"
+          [class.hidden]="!matchesGlSearch('Distribution of Balance')"
+          (click)="glMenuOpen = false"
+          ><fa-icon icon="chart-pie" class="subledger-icon"></fa-icon> Distribution of Balance</a
+        >
       </div>
       <div class="subledger-group">
         <div class="subledger-group-title">Account Reports</div>
-        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Client wise Balance Report')" (click)="glMenuOpen = false"><fa-icon icon="users" class="subledger-icon"></fa-icon> Client wise Balance Report</a>
-        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Contingent Expense')" (click)="glMenuOpen = false"><fa-icon icon="exclamation-circle" class="subledger-icon"></fa-icon> Contingent Expense</a>
-        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Banker Head Report')" (click)="glMenuOpen = false"><fa-icon icon="university" class="subledger-icon"></fa-icon> Banker Head Report</a>
+        <a
+          class="subledger-link"
+          [class.hidden]="!matchesGlSearch('Client wise Balance Report')"
+          (click)="glMenuOpen = false"
+          ><fa-icon icon="users" class="subledger-icon"></fa-icon> Client wise Balance Report</a
+        >
+        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Contingent Expense')" (click)="glMenuOpen = false"
+          ><fa-icon icon="exclamation-circle" class="subledger-icon"></fa-icon> Contingent Expense</a
+        >
+        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Banker Head Report')" (click)="glMenuOpen = false"
+          ><fa-icon icon="university" class="subledger-icon"></fa-icon> Banker Head Report</a
+        >
       </div>
       <div class="subledger-group">
         <div class="subledger-group-title">Registers</div>
-        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Sundry Register')" (click)="glMenuOpen = false"><fa-icon icon="clipboard-list" class="subledger-icon"></fa-icon> Sundry Register</a>
-        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Voucher Register')" (click)="glMenuOpen = false"><fa-icon icon="receipt" class="subledger-icon"></fa-icon> Voucher Register</a>
+        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Sundry Register')" (click)="glMenuOpen = false"
+          ><fa-icon icon="clipboard-list" class="subledger-icon"></fa-icon> Sundry Register</a
+        >
+        <a class="subledger-link" [class.hidden]="!matchesGlSearch('Voucher Register')" (click)="glMenuOpen = false"
+          ><fa-icon icon="receipt" class="subledger-icon"></fa-icon> Voucher Register</a
+        >
       </div>
     </div>
   </div>
@@ -348,7 +425,11 @@
     <button mat-raised-button color="primary" (click)="popover.close(); showPopover(templateAdmin, admin)">
       {{ 'labels.buttons.Back' | translate }}
     </button>
-    <button mat-raised-button color="primary" (click)="popover.close(); showPopover(templateConfigWizard, configWizard)">
+    <button
+      mat-raised-button
+      color="primary"
+      (click)="popover.close(); showPopover(templateConfigWizard, configWizard)"
+    >
       {{ 'labels.buttons.Next' | translate }}
     </button>
   </div>
@@ -364,7 +445,11 @@
     <button mat-raised-button color="primary" (click)="popover.close(); showPopover(templateSelfService, selfService)">
       {{ 'labels.buttons.Back' | translate }}
     </button>
-    <button mat-raised-button color="primary" (click)="popover.close(); showPopover(templateNotifications, notifications)">
+    <button
+      mat-raised-button
+      color="primary"
+      (click)="popover.close(); showPopover(templateNotifications, notifications)"
+    >
       {{ 'labels.buttons.Next' | translate }}
     </button>
   </div>
@@ -377,7 +462,11 @@
     <button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()">
       {{ 'labels.buttons.Close' | translate }}
     </button>
-    <button mat-raised-button color="primary" (click)="popover.close(); showPopover(templateConfigWizard, configWizard)">
+    <button
+      mat-raised-button
+      color="primary"
+      (click)="popover.close(); showPopover(templateConfigWizard, configWizard)"
+    >
       {{ 'labels.buttons.Back' | translate }}
     </button>
     <button mat-raised-button color="primary" (click)="popover.close(); showPopover(templateThemePicker, themeToggle)">
@@ -393,7 +482,11 @@
     <button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()">
       {{ 'labels.buttons.Close' | translate }}
     </button>
-    <button mat-raised-button color="primary" (click)="popover.close(); showPopover(templateNotifications, notifications)">
+    <button
+      mat-raised-button
+      color="primary"
+      (click)="popover.close(); showPopover(templateNotifications, notifications)"
+    >
       {{ 'labels.buttons.Back' | translate }}
     </button>
     <button mat-raised-button color="primary" (click)="popover.close(); showPopover(templateAppMenu, appMenu)">

src/app/core/shell/toolbar/toolbar.component.scss

@@ -24,13 +24,13 @@ $top-h: 32px;
   &::after {
     content: '';
     position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    inset: 0;
     background: repeating-linear-gradient(
-      108deg, transparent 0, transparent 80px,
-      rgb(255 255 255 / 2.2%) 80px, rgb(255 255 255 / 2.2%) 160px
+      108deg,
+      transparent 0,
+      transparent 80px,
+      rgb(255 255 255 / 2.2%) 80px,
+      rgb(255 255 255 / 2.2%) 160px
     );
     pointer-events: none;
   }
@@ -57,10 +57,21 @@ $top-h: 32px;
   span {
     border-radius: 1.5px;
 
-    &:nth-child(1) { background: #fff; }
-    &:nth-child(2) { background: $accent; }
-    &:nth-child(3) { background: $accent-2; }
-    &:nth-child(4) { background: rgb(255 255 255 / 30%); }
+    &:nth-child(1) {
+      background: #fff;
+    }
+
+    &:nth-child(2) {
+      background: $accent;
+    }
+
+    &:nth-child(3) {
+      background: $accent-2;
+    }
+
+    &:nth-child(4) {
+      background: rgb(255 255 255 / 30%);
+    }
   }
 }
 
@@ -115,9 +126,17 @@ $top-h: 32px;
 .t-chip-icon {
   font-size: 9px;
 
-  &--green { color: #34d399; }
-  &--blue { color: #60a5fa; }
-  &--amber { color: #fbbf24; }
+  &--green {
+    color: #34d399;
+  }
+
+  &--blue {
+    color: #60a5fa;
+  }
+
+  &--amber {
+    color: #fbbf24;
+  }
 }
 
 .t-chip--secure {
@@ -127,7 +146,10 @@ $top-h: 32px;
 .t-chip--timer {
   color: rgb(255 255 255 / 55%);
 
-  strong { color: #fbbf24 !important; font-weight: 600; }
+  strong {
+    color: #fbbf24 !important;
+    font-weight: 600;
+  }
 }
 
 .t-live {
@@ -288,7 +310,7 @@ $icon-hover-bg: rgb(255 255 255 / 10%);
   border-radius: 0 0 10px 10px;
   z-index: 1000;
   border-top: 3px solid #0d47a1;
-  animation: slideDown 0.13s ease;
+  animation: slide-down 0.13s ease;
 }
 
 .subledger-mega-menu-header {
@@ -312,9 +334,16 @@ $icon-hover-bg: rgb(255 255 255 / 10%);
   color: #0d47a1;
 }
 
-@keyframes slideDown {
-  from { opacity: 0; transform: translateX(-50%) translateY(-4px); }
-  to { opacity: 1; transform: translateX(-50%) translateY(0); }
+@keyframes slide-down {
+  from {
+    opacity: 0;
+    transform: translateX(-50%) translateY(-4px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+  }
 }
 
 .subledger-search {
@@ -355,13 +384,15 @@ $icon-hover-bg: rgb(255 255 255 / 10%);
 .subledger-link {
   display: flex;
   align-items: center;
-  padding: 6px 6px;
+  padding: 6px;
   text-decoration: none;
   color: #344054;
   font-size: 13px;
   cursor: pointer;
   border-radius: 5px;
-  transition: background 0.15s, color 0.15s;
+  transition:
+    background 0.15s,
+    color 0.15s;
 
   &:hover {
     background: #e3f2fd;