/* ==========================================================================
   invoices.css - manager Invoices page (builds on the quotes module CSS)
   ========================================================================== */

.inv-controls { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* Invoice status badges */
.inv-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    border-radius: 100px;
    padding: 3px 11px;
}
.inv-badge--paid      { background: #D1FAE5; color: #065F46; }
.inv-badge--unpaid    { background: #FEF3C7; color: #92400E; }
.inv-badge--partial   { background: #DEEAFC; color: #0A3A9E; }
.inv-badge--overdue   { background: #FEE2E2; color: #991B1B; }
.inv-badge--cancelled { background: var(--bg-card); color: var(--text-muted); }

.inv-num { color: var(--primary); font-weight: 600; }
.inv-balance-due { color: #991B1B; font-weight: 600; }
.inv-balance-zero { color: var(--text-muted); }

/* Payment history rows in the modal */
.im-pay-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 10px;
    margin-bottom: 8px;
    font-size: 13px;
}
.im-pay-meta { color: var(--text-muted); font-size: 12px; }
.im-pay-amt { font-weight: 600; color: var(--green); white-space: nowrap; }