/* App-wide styles (screen) */
body { background: #f7f7f9; }
.invoice-table th, .invoice-table td { vertical-align: middle; }
.invoice-table input.form-control,
.invoice-table select.form-select,
.invoice-table textarea.form-control { font-size: 0.875rem; padding: 0.25rem 0.5rem; }
.invoice-table textarea { min-height: 38px; }
.invoice-table .col-narrow { min-width: 80px; }
.invoice-table .col-mid    { min-width: 110px; }
.invoice-table .col-wide   { min-width: 160px; }
.invoice-table tfoot td { font-weight: 600; }

.totals-box { max-width: 360px; margin-left: auto; }
.totals-box .row > div { padding: 0.25rem 0.5rem; }

.party-card { background: #fff; border: 1px solid #e5e5ea; border-radius: 8px; padding: 1rem; }

.cancelled-watermark {
    position: fixed;
    top: 40%; left: 0; right: 0;
    text-align: center;
    font-size: 8rem;
    color: rgba(220, 53, 69, 0.18);
    transform: rotate(-25deg);
    pointer-events: none;
    z-index: 1000;
}
