.invoices-main { padding-bottom: 48px; }
.invoices-main .events-heading { max-width: none; }
.invoices-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 7px; }
.invoices-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 12px; font-variant-numeric: tabular-nums; }
.invoices-table th { padding: 14px 18px; background: #fafafb; color: var(--muted); font-weight: 400; white-space: nowrap; }
.invoices-table td { padding: 23px 18px; border-top: 1px solid var(--line); vertical-align: top; line-height: 1.65; }
.invoices-table strong { font-weight: 500; white-space: nowrap; }
.invoices-table small { display: block; font-size: 10px; color: var(--muted); margin-top: 5px; }
.invoice-ports { min-width: 140px; max-width: 260px; }
.invoice-amount { white-space: nowrap; }
.invoice-state { color: var(--muted); }
.invoice-ready { color: #35784c; }
.invoice-reference { max-width: 210px; overflow-wrap: anywhere; }
.invoice-unavailable { color: #b1b4ba; }
.invoices-table .text-button { white-space: nowrap; font-size: 12px; }
#invoices-more { margin-top: 20px; }
.invoices-support { margin-top: 30px; font-size: 12px; color: var(--muted); line-height: 1.8; }
.invoices-support .text-button { font-size: inherit; }
@media (max-width: 650px) { .invoices-table td, .invoices-table th { padding-left: 14px; padding-right: 14px; } }