/* Expenses & Checks: printed check on top-check stock (check, then two voucher stubs). Tracker 861, Oct 22 2026. */
.chk-sheet { display: grid; gap: var(--space-3, 12px); }
.chk-face { border: 1px solid var(--line); border-radius: var(--radius, 8px); padding: var(--space-3, 12px); display: grid; gap: var(--space-2, 8px); }
.chk-face .row, .chk-stub .row { display: flex; justify-content: space-between; gap: var(--space-2, 8px); align-items: baseline; }
.chk-no { text-align: right; }
.chk-pay .chk-payee { flex: 1; border-bottom: 1px solid currentColor; }
.chk-amt { border: 1px solid currentColor; padding: 0 var(--space-2, 8px); }
.chk-words { border-bottom: 1px solid currentColor; }
.chk-sign { border-top: 1px solid currentColor; min-width: 40%; text-align: center; }
.chk-void { opacity: .45; }
.chk-stub { border-top: 1px dashed var(--line); padding-top: var(--space-2, 8px); }
.chk-notes { white-space: normal; }
/* Payroll checks (Tracker 863): one check per printed page. */
@media print {
  .chk-page { break-after: page; }
  .chk-sheet { border: 0; box-shadow: none; padding: 0; }
  .chk-face { border: 0; min-height: 3.5in; }
  .chk-stub { min-height: 3.5in; }
}

/* Cash Flow bars (Tracker 873): theme colors only. */
.cf-bars { width: 100%; height: 160px; display: block; }
.cf-months { display: grid; grid-template-columns: repeat(12, 1fr); text-align: center; margin-bottom: var(--space-2, 8px); }
rect.cf-in { fill: var(--grass); }
rect.cf-out { fill: var(--red); }
span.cf-in { background: var(--grass); }
span.cf-out { background: var(--red); }
.cf-key { display: inline-block; width: 10px; height: 10px; border-radius: 2px; vertical-align: middle; }