feat(cashier): morning opening balance panel across settlement, reconciliation, position & history

- Cash Settlement form: morning panel (denomination pills) + Morning column in denomination table
- Reconciliation form: morning panel (denomination pills) + Morning column in denomination table
- Cashier Position Report: Morning vs Current comparison bar + Morning column (single-cashier mode)
- Cash History – Settlement detail panel: Morning Received vs Settled comparison bar + Morning column
- Cash History – denomination Notes/Coins separation in detail panel for all transaction types
- CashierService: added getCashierMorningBalance() calling GET /cashreports/cashier-morning
- All morning data loaded via forkJoin alongside existing API calls (no extra loading states)

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

src/app/cashier/cash-history/cash-history.component.scss

@@ -271,8 +271,17 @@
   }
 }
 
+.detail-denom-kind-label {
+  margin: 4px 20px 6px;
+  font-size: 10px;
+  font-weight: 800;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: #64748b;
+}
+
 .detail-denom-table {
-  margin: 0 20px 20px;
+  margin: 0 20px 12px;
   width: calc(100% - 40px);
   border: 1px solid #e2e8f0;
   border-radius: 8px;
@@ -284,6 +293,25 @@
   border-top: 2px solid #e2e8f0;
 }
 
+.detail-denom-grand-total {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 0 20px 20px;
+  padding: 10px 14px;
+  background: #1e40af;
+  color: #fff;
+  border-radius: 8px;
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.pg-chip--coin {
+  background: #fef3c7;
+  color: #92400e;
+  border-color: #fcd34d;
+}
+
 .pg-btn--danger {
   background: linear-gradient(135deg, #ef4444, #b91c1c);
   color: #fff;
@@ -294,3 +322,117 @@
     cursor: not-allowed;
   }
 }
+
+/* ── Settlement: Morning Received vs Settled comparison bar ── */
+.settle-compare-bar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 20px;
+  background: linear-gradient(135deg, #fffbeb 0%, #f0fdf4 100%);
+  border-bottom: 1px solid #e2e8f0;
+  flex-wrap: wrap;
+}
+
+.settle-compare-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  mat-icon {
+    font-size: 18px;
+    height: 18px;
+    width: 18px;
+    flex-shrink: 0;
+  }
+
+  &--morning mat-icon {
+    color: #d97706;
+  }
+
+  &--settled mat-icon {
+    color: #1e40af;
+  }
+
+  strong {
+    display: block;
+    font-size: 14px;
+    font-weight: 800;
+    color: #0f172a;
+  }
+}
+
+.settle-compare-label {
+  display: block;
+  font-size: 10px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: #64748b;
+  margin-bottom: 1px;
+}
+
+.settle-compare-arrow {
+  color: #94a3b8;
+  font-size: 18px;
+  height: 18px;
+  width: 18px;
+  flex-shrink: 0;
+}
+
+.settle-compare-net {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 10px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-weight: 700;
+  background: #f1f5f9;
+  color: #475569;
+
+  mat-icon {
+    font-size: 16px;
+    height: 16px;
+    width: 16px;
+  }
+
+  &--zero {
+    background: #dcfce7;
+    color: #15803d;
+
+    mat-icon {
+      color: #16a34a;
+    }
+  }
+
+  &--pos {
+    background: #dbeafe;
+    color: #1e40af;
+
+    mat-icon {
+      color: #2563eb;
+    }
+  }
+
+  &--neg {
+    background: #fee2e2;
+    color: #991b1b;
+
+    mat-icon {
+      color: #dc2626;
+    }
+  }
+}
+
+/* ── Morning column in settlement detail table ── */
+.settle-detail-col-morning {
+  color: #d97706;
+  font-weight: 700;
+}
+
+.settle-detail-morning {
+  color: #b45309;
+  font-weight: 600;
+}