/*
 * ByCarl Core — Invoices CSS
 * Styles spécifiques à l'onglet Factures.
 */

/* ── Tableau ─────────────────────────────────────────────── */
.bycarl-invoices-table-wrap { overflow-x: auto; }

.bycarl-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
    color: var(--bycarl-text);
}
.bycarl-table thead { border-bottom: 2px solid var(--bycarl-border); }
.bycarl-table th {
    text-align: left;
    font-size: .6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--bycarl-text-muted);
    padding: .5625rem .875rem;
    background: var(--bycarl-bg-2);
    white-space: nowrap;
}
.bycarl-table td {
    padding: .875rem .875rem;
    border-bottom: 1px solid var(--bycarl-border);
    vertical-align: middle;
}
.bycarl-table tbody tr:last-child td { border-bottom: none; }
.bycarl-table tbody tr { transition: background var(--bycarl-transition); }
.bycarl-table tbody tr:hover { background: var(--bycarl-primary-lt); }

.bycarl-table .bycarl-invoice-ref {
    font-weight: 600;
    font-size: .9375rem;
    white-space: nowrap;
    color: var(--bycarl-text);
}
.bycarl-invoice-amount {
    font-weight: 700;
    white-space: nowrap;
    color: var(--bycarl-text);
}
.bycarl-table .col-pdf { text-align: center; width: 80px; }

/* Ligne récapitulative */
.bycarl-invoices-summary {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    margin-top: 1rem;
    padding-top: .75rem;
    border-top: 1px solid var(--bycarl-border);
    font-size: .875rem;
    color: var(--bycarl-text-muted);
}
.bycarl-invoices-summary strong {
    color: var(--bycarl-text);
    margin-left: .25rem;
    font-size: 1rem;
}

/* ── Badges statuts factures ─────────────────────────────── */
.bycarl-badge {
    display: inline-flex;
    align-items: center;
    padding: .2em .65em;
    font-size: .6875rem;
    font-weight: 700;
    border-radius: 1em;
    white-space: nowrap;
    line-height: 1.4;
    letter-spacing: .02em;
}
.bycarl-badge--invoice-paid,
.bycarl-badge--invoice-status-paid    { background: #DCFCE7; color: #14532D; }
.bycarl-badge--invoice-sent,
.bycarl-badge--invoice-status-sent    { background: #DBEAFE; color: #1E40AF; }
.bycarl-badge--invoice-draft,
.bycarl-badge--invoice-status-draft   { background: #F3F4F6; color: #374151; }
.bycarl-badge--invoice-overdue,
.bycarl-badge--invoice-status-overdue { background: #FEE2E2; color: #991B1B; }

/* Lien PDF */
.bycarl-pdf-link {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .8125rem;
    color: var(--bycarl-primary);
    text-decoration: none;
    font-weight: 500;
    padding: .25rem .5rem;
    border-radius: var(--bycarl-radius-xs);
    transition: background var(--bycarl-transition), color var(--bycarl-transition);
}
.bycarl-pdf-link:hover {
    background: var(--bycarl-primary-lt);
    color: var(--bycarl-primary-dark);
    text-decoration: none;
}
.bycarl-pdf-link--disabled {
    color: var(--bycarl-text-muted);
    cursor: default;
    pointer-events: none;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 600px) {
    .bycarl-table th,
    .bycarl-table td { padding: .625rem .5rem; font-size: .8125rem; }
    .bycarl-table .col-due,
    .bycarl-table .col-date { display: none; }
}