.pending-invoices-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:18px}
.pending-invoices-heading h2{margin:4px 0 8px}.pending-invoices-heading p{margin:0;color:var(--muted)}
.pending-invoices-heading button{flex-shrink:0;min-height:44px}
.pending-invoices-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.pending-invoices-kpis article{display:grid;gap:8px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.pending-invoices-kpis strong{font-size:28px}.pending-invoices-kpis span,.pending-invoices-kpis small{color:var(--muted)}
.pending-invoices-kpis .overdue,.pending-invoice-card.overdue{border-color:#cf665d}
.pending-invoices-filters{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:20px 0 12px}
.pending-invoices-filters label{min-width:0}.pending-invoices-filters input,.pending-invoices-filters select{width:100%;min-width:0}
.pending-invoices-list{display:grid;gap:12px;margin-top:16px}.pending-invoice-card{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(170px,1fr) minmax(140px,1fr) auto;align-items:center;gap:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.pending-invoice-card>div{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.pending-invoice-card small,.pending-invoice-balance>span{color:var(--muted)}
.pending-invoice-balance>strong{font-size:24px}.pending-invoice-late{color:#cf443b;font-size:13px}.pending-invoice-card button{min-height:44px}
.pending-invoices-empty{padding:24px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
.pending-invoices-status{color:var(--muted);line-height:1.5}.pending-invoices-status[role=alert]{padding:12px;border:1px solid #cf665d;border-radius:12px}
@media(max-width:1000px){.pending-invoice-card{grid-template-columns:1fr 1fr}.pending-invoice-card button{justify-self:start}}
@media(max-width:560px){.pending-invoices-heading{flex-direction:column}.pending-invoices-heading button{width:100%}.pending-invoices-kpis{grid-template-columns:1fr}.pending-invoices-kpis article{padding:16px}.pending-invoices-filters,.pending-invoice-card{grid-template-columns:1fr}.pending-invoice-card button{width:100%}}

.pending-invoice-actions { display: flex; flex-direction: column; gap: 8px; }
.pending-invoice-actions button { white-space: normal; }