feat(aml,risk-review,accounting): update financial activity mapping options, AML flagged transactions filters, and risk review report

2026-09-18 10:32:47 +05:30
parent 0cef1b5a50
commit f9b73a4930
14 changed files with 863 additions and 234 deletions
@@ -902,3 +902,112 @@
  cursor: help;
  user-select: none;
 }
+
+/* Day picker. Sized and bordered to sit level with the status chips beside it, so the two rows read
+   as one control strip rather than a form field dropped above a set of buttons. */
+.day-input {
+  padding: 5px 11px;
+  border: 1px solid #cbd5e1;
+  border-radius: 999px;
+  background: #fff;
+  font-family: inherit;
+  font-size: 12.5px;
+  font-weight: 600;
+  color: #334155;
+  cursor: pointer;
+
+  &:hover {
+    border-color: #1a237e;
+  }
+
+  &:focus {
+    outline: none;
+    border-color: #1a237e;
+  }
+}
+
+/* What the chosen mode resolved to. A week picked by naming one day inside it is otherwise invisible — the officer
+   has no way to tell which Monday-to-Sunday span they are looking at. */
+.period-resolved {
+  font-size: 12px;
+  color: #64748b;
+  font-variant-numeric: tabular-nums;
+}
+
+/* Sits with the pause and refresh controls, green because it produces something the officer takes away rather
+   than changing what is on screen. */
+.export-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 13px;
+  border: 1px solid #bbf7d0;
+  border-radius: 999px;
+  background: #f0fdf4;
+  color: #15803d;
+  font-family: inherit;
+  font-size: 12.5px;
+  font-weight: 700;
+  cursor: pointer;
+
+  mat-icon {
+    font-size: 16px;
+    width: 16px;
+    height: 16px;
+  }
+
+  &:hover:not(:disabled) {
+    background: #dcfce7;
+    border-color: #86efac;
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+
+/* Held by another officer. Grey, not red: nobody has done anything wrong, the case is simply somebody else's. */
+.held-icon {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+  color: #94a3b8;
+  cursor: help;
+}
+
+.held-by {
+  color: #64748b;
+  font-size: 12px;
+  font-style: italic;
+}
+
+/* Rule frequency strip. Sits under the filters as a reading aid, not a control — clicking a rule would be a fourth
+   filter competing with the three above it. */
+.rule-freq {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  padding: 0 0 14px;
+}
+
+.rule-freq-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 3px 9px;
+  border: 1px solid #e2e8f0;
+  border-radius: 999px;
+  background: #f8fafc;
+  font-size: 11px;
+  font-weight: 600;
+  color: #475569;
+}
+
+.rule-freq-n {
+  padding: 0 6px;
+  border-radius: 999px;
+  background: #e2e8f0;
+  color: #1e293b;
+  font-variant-numeric: tabular-nums;
+}