.discounts {
    table {
        inline-size: 100%;
        border-spacing: 0;
    }

    th, td {
        padding: 0.5rem;
        border-block-end: 1px solid var(--operator-border);
    }

    th {
        color: var(--ink-muted);
        text-transform: uppercase;
    }

    tbody {
        tr:nth-child(even) { background: var(--operator-bg-subtle) }
        tr[data-advance-category] { color: var(--category-color) }
        tr:last-child td { border-block-end: none }
        tr[data-discount-state="spent"], tr[data-discount-state="empty"] { opacity: 0.5 }
        tr[data-discount-state="spent"] td { text-decoration: line-through }
    }
}