form 91/98 report, min max value update in AML rule and whihc rule apply day, week, month and some more updates

2026-08-02 11:46:40 +05:30
parent 2a9df828ca
commit 3030e2f34e
37 changed files with 9292 additions and 620 deletions
@@ -114,13 +114,141 @@
  max-width: 400px;
 }

-.income-limit-cell {
+.col-right {
+  text-align: right;
+  justify-content: flex-end;
+}
+
+/* What the min/max amounts are measured against. */
+.basis-cell {
  color: #334155;
-  font-size: 13px;
-  font-weight: 500;
+  font-size: 12px;
+  font-weight: 600;
  white-space: normal;
-  max-width: 200px;
-  line-height: 1.35;
+  max-width: 150px;
+  line-height: 1.3;
+}
+
+.basis-sub {
+  display: block;
+  font-size: 11px;
+  font-weight: 400;
+  color: #64748b;
+}
+
+.amount-cell {
+  font-family: 'DM Mono', monospace;
+  font-size: 12.5px;
+  color: #0f172a;
+  white-space: nowrap;
+}
+
+/* An open-ended threshold rule has a floor but no ceiling. */
+.no-ceiling {
+  font-family: inherit;
+  font-size: 11px;
+  font-style: italic;
+  color: #94a3b8;
+}
+
+/* ── Observation-window badges ─────────────────────────────────────────── */
+.period-badge {
+  display: inline-block;
+  padding: 3px 10px;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 700;
+  white-space: nowrap;
+  letter-spacing: 0.02em;
+
+  &.period-txn {
+    background: #e2e8f0;
+    color: #334155;
+  }
+
+  &.period-day {
+    background: #dbeafe;
+    color: #1d4ed8;
+  }
+
+  &.period-week {
+    background: #fef3c7;
+    color: #b45309;
+  }
+
+  &.period-month {
+    background: #ede9fe;
+    color: #6d28d9;
+  }
+
+  &.period-other {
+    background: #fee2e2;
+    color: #b91c1c;
+  }
+}
+
+/* Chips that separate the rule list by window. */
+.period-filters {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+  padding: 0 0 14px;
+}
+
+.period-filters-label {
+  font-size: 11px;
+  font-weight: 700;
+  color: #64748b;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  margin-right: 2px;
+}
+
+.period-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  padding: 6px 13px;
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  border-radius: 999px;
+  font-size: 12.5px;
+  font-weight: 600;
+  color: #334155;
+  cursor: pointer;
+  font-family: inherit;
+  transition: all 0.15s;
+
+  &:hover:not(:disabled) {
+    border-color: #1a237e;
+    color: #1a237e;
+  }
+
+  &.active {
+    background: #1a237e;
+    border-color: #1a237e;
+    color: #fff;
+  }
+
+  &:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+}
+
+.period-chip-n {
+  font-size: 11px;
+  font-weight: 700;
+  padding: 1px 7px;
+  border-radius: 999px;
+  background: #f1f5f9;
+  color: #475569;
+
+  .period-chip.active & {
+    background: rgb(255 255 255 / 22%);
+    color: #fff;
+  }
 }

 /* Badges for Risk Category */