feat: add KYC document renewal alerts, Aadhaar/PAN exceptions, and AML recurring alerts UI; remove old journal AML marking

src/app/rbi-circulars/aml-rules/aml-rules.component.scss

@@ -26,6 +26,28 @@
   background: linear-gradient(135deg, #1e293b, #0f172a);
   color: #fff;
   padding: 24px;
+
+  /* Title on the left, the add action pinned to the right edge of the banner. */
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+
+.add-rule-button {
+  flex: 0 0 auto;
+  background: #38bdf8;
+  color: #0f172a;
+  font-weight: 600;
+
+  mat-icon {
+    margin-right: 6px;
+  }
+
+  &:hover {
+    background: #0ea5e9;
+  }
 }
 
 .aml-header-content {
@@ -58,6 +80,18 @@
   padding: 24px;
 }
 
+/* Rules Master / Flagged Transactions. Padding lives on the body rather than the group so the
+   tab header rule still spans the full card width. */
+.aml-tabs {
+  ::ng-deep .mat-mdc-tab-body-wrapper {
+    padding-top: 4px;
+  }
+}
+
+.aml-tab-body {
+  padding-top: 16px;
+}
+
 .aml-table {
   width: 100%;
   border-collapse: separate;
@@ -187,6 +221,35 @@
   }
 }
 
+/* Free-text search over the rule list. */
+.aml-search-bar {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+  padding: 0 0 14px;
+}
+
+.aml-search-field {
+  flex: 1 1 340px;
+  max-width: 480px;
+}
+
+.aml-search-icon {
+  color: #64748b;
+  margin-right: 8px;
+}
+
+.aml-search-count {
+  font-size: 12.5px;
+  color: #64748b;
+
+  strong {
+    color: #1a237e;
+    font-weight: 700;
+  }
+}
+
 /* Chips that separate the rule list by window. */
 .period-filters {
   display: flex;