feat: cash-only registers, day book sections and DD amendments

src/app/risk-review/risk-review-report.component.scss

@@ -139,12 +139,6 @@
   span {
     flex: 1;
   }
-
-  &--sample {
-    background: var(--r-amber-l);
-    border: 1px solid #fcd34d;
-    color: #78350f;
-  }
 }
 
 /* FILTERS */
@@ -403,6 +397,84 @@
   font-weight: 600;
 }
 
+/* VERDICT GROUPS — the section heading carries the verdict, so rows need not repeat it. */
+.rr-group {
+  margin-bottom: 14px;
+}
+
+.rr-group-head {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 10px 14px;
+  background: #fff;
+  border: 1px solid var(--r-g200);
+  border-left: 4px solid var(--r-g300);
+  border-radius: 10px;
+  cursor: pointer;
+  text-align: left;
+  font: inherit;
+}
+
+.rr-group-t {
+  font-size: 14px;
+  font-weight: 700;
+}
+
+/* The count sits next to the title so a reviewer sees the size of each pile at a glance. */
+.rr-group-n {
+  min-width: 24px;
+  padding: 1px 8px;
+  border-radius: 999px;
+  background: var(--r-g100, #f1f5f9);
+  font-size: 12px;
+  font-weight: 700;
+  text-align: center;
+}
+
+.rr-group-h {
+  flex: 1;
+  font-size: 12px;
+  color: var(--r-g500);
+}
+
+/* One colour per verdict, matched to the arrows already used in the rows. */
+.rr-group--str .rr-group-head {
+  border-left-color: #dc2626;
+}
+
+.rr-group--str .rr-group-n {
+  background: #fee2e2;
+  color: #991b1b;
+}
+
+.rr-group--up .rr-group-head {
+  border-left-color: #ea580c;
+}
+
+.rr-group--up .rr-group-n {
+  background: #ffedd5;
+  color: #9a3412;
+}
+
+.rr-group--down .rr-group-head {
+  border-left-color: #16a34a;
+}
+
+.rr-group--down .rr-group-n {
+  background: #dcfce7;
+  color: #166534;
+}
+
+.rr-group--hold .rr-group-head {
+  border-left-color: var(--r-g300);
+}
+
+.rr-group .rr-table-wrap {
+  margin-top: 6px;
+}
+
 /* TABLE */
 .rr-table-wrap {
   background: #fff;
@@ -751,6 +823,75 @@
   white-space: normal;
 }
 
+/* Where the rating should land, read straight off the Current Risk column beside it. */
+.rr-move-cell {
+  min-width: 150px;
+  max-width: 190px;
+}
+
+.rr-move {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 700;
+  white-space: nowrap;
+
+  &--up {
+    background: var(--r-red-l);
+    color: var(--r-red);
+  }
+
+  /* Coming down is a relief, not an alarm — same green the verdict uses. */
+  &--down {
+    background: var(--r-green-l);
+    color: var(--r-green);
+  }
+
+  &--hold {
+    background: var(--r-g100);
+    color: var(--r-g500);
+  }
+}
+
+.rr-move-why {
+  font-size: 10px;
+  color: var(--r-g500);
+  margin-top: 3px;
+  white-space: normal;
+}
+
+/* Drill from the verdict into the KYC screen, where the rating is actually moved. */
+.rr-kyc-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  margin-top: 6px;
+  padding: 3px 9px;
+  border: 1px solid var(--r-g300);
+  border-radius: 5px;
+  background: #fff;
+  font: inherit;
+  font-size: 10.5px;
+  font-weight: 600;
+  color: var(--r-g500);
+  white-space: nowrap;
+  cursor: pointer;
+
+  &:hover {
+    border-color: var(--r-blue);
+    color: var(--r-blue);
+  }
+
+  /* A rating that has to move gets the emphasis; a settled row stays quiet. */
+  &--act {
+    border-color: var(--r-blue);
+    color: var(--r-blue);
+  }
+}
+
 .rr-tag {
   display: inline-block;
   margin-left: 6px;