body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
table.table-sm td, table.table-sm th { vertical-align: middle; }
.badge-status-Open { background-color: #6c757d; }
.badge-status-PartiallyPaid { background-color: #fd7e14; }
.badge-status-Paid { background-color: #198754; }
.badge-status-Cancelled { background-color: #343a40; }
.badge-bank-Unmatched { background-color: #6c757d; }
.badge-bank-Matched { background-color: #198754; }
.badge-bank-Ignored { background-color: #343a40; }

/* Rij-kleur op betaalstatus (override Bootstrap-striping) */
tr.row-status-Open    > * { background-color: #fdecea !important; } /* niet betaald: zacht rood */
tr.row-status-PartiallyPaid > * { background-color: #fff3cd !important; } /* deels: zacht geel */
tr.row-status-Paid    > * { background-color: #e6f4ea !important; } /* betaald: zacht groen */
tr.row-status-Cancelled > * { background-color: #e9ecef !important; color: #6c757d; }

.preview-box { background:#f8f9fa; border:1px solid #dee2e6; border-radius:.375rem; padding:1rem; }