.invoices-panel .panel-head small { color: #8190a5; }
.invoice-list { display: grid; gap: 14px; }
.invoice-card { padding: 20px; border-radius: 16px; background: #0b1627; border: 1px solid #263955; }
.invoice-card.status-approved { border-inline-start: 4px solid var(--green); }
.invoice-card.status-pending { border-inline-start: 4px solid #ffbd59; }
.invoice-card.status-rejected { border-inline-start: 4px solid #ff6b78; }
.invoice-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #253653; }
.invoice-top > div, .invoice-grid > div { display: grid; gap: 7px; }
.invoice-top small, .invoice-grid small { color: #7f8ea2; font-size: 11px; }
.invoice-status { padding: 7px 11px; border-radius: 20px; background: #173b2d; color: var(--green); font-size: 11px; font-weight: 700; }
.status-pending .invoice-status { background: #493817; color: #ffd27b; }
.status-rejected .invoice-status { background: #4b2028; color: #ff9aa4; }
.invoice-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.invoice-grid b { font-size: 13px; }
@media (max-width: 700px) { .invoice-grid { grid-template-columns: 1fr 1fr; } }