/* Facturi parteneri + Parteneri — doar ce lipsește din sistemul de design.
   (folosit de assets/js/pages/invoices.js și partners.js) */

/* Bara de filtre a modulului stă între KPI și tabel */
.inv-filters { margin-bottom: var(--sp-4); }

/* Perioada facturii (emisă → închisă) — cifre de registru */
.inv-period {
    font-family: var(--font-mono);
    font-size: var(--fs-12);
    color: var(--color-ink-soft);
    white-space: nowrap;
}

/* Celula Oblio: link + număr pe un rând */
.inv-oblio { display: inline-flex; align-items: center; gap: var(--sp-1); white-space: nowrap; }
.inv-oblio-anchor { display: inline-flex; align-items: center; gap: 4px; color: var(--color-accent); }

/* Sumă restantă evidențiată în lista de parteneri */
.amount.inv-outstanding { color: var(--color-danger); font-weight: 600; }

/* Rezumatul din modalul de încasare */
.inv-pay-summary {
    padding: var(--sp-3) var(--sp-4);
    background: var(--color-surface-subtle);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-input);
    margin-bottom: var(--sp-4);
}

/* Grila de detalii din modale (factură / partener) */
.detail-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--sp-3) var(--sp-4);
    margin-bottom: var(--sp-4);
}
.detail-item .detail-label {
    font-size: var(--fs-11);
    color: var(--color-ink-faint);
    text-transform: uppercase;
    letter-spacing: var(--ls-caps);
    margin-bottom: 2px;
}
.detail-item .detail-value { font-size: var(--fs-13); font-weight: 500; overflow-wrap: anywhere; }

.detail-section-title {
    font-size: var(--fs-11);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--ls-caps);
    color: var(--color-ink-faint);
    margin: var(--sp-4) 0 var(--sp-2);
    padding-bottom: var(--sp-1);
    border-bottom: 1px solid var(--color-border-soft);
}

/* Mini-tabel în modale (istoric, ultimele facturi) */
.mini-table-wrap {
    border: 1px solid var(--color-border-soft);
    border-radius: var(--radius-card);
    overflow-x: auto;
    margin-bottom: var(--sp-4);
}
.mini-table-wrap .data-table th { position: static; }

/* Utilitar mono (cifre în afara celulelor .amount) */
.mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }

@media (max-width: 768px) {
    .detail-grid { grid-template-columns: repeat(2, 1fr); }
}
