@layer components {
    section.invoice-list {
        & p {
            margin-bottom: var(--space-xl);
        }
    }
    table.invoice-list {
        th.date, th.status,
        td.date, td.status {
            display: none;
        }
    }

    @media (min-width: 600px) {
        table.invoice-list {
            th.date, th.status,
            td.date, td.status {
                display: table-cell;
            }
        }
    }
}