.table-responsive {
    max-height: min(70vh, 52rem);
    overflow: auto;
}

.table td,
.table th {
    white-space: nowrap;
}

.table--compact {
    font-size: 0.94rem;
}

.table--compact > :not(caption) > * > * {
    padding: 0.75rem 0.85rem;
}

.table td.wrap,
.table th.wrap,
.table .wrap {
    white-space: normal;
}

.filters-collapse {
    margin-bottom: 1rem;
}

.filters-collapse__panel {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(193, 206, 221, 0.8);
    border-radius: 1.25rem;
    background: var(--app-surface);
}

.filters-collapse__grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wide-only {
    display: table-cell;
}

@media (max-width: 1599.98px) {
    .wide-only {
        display: none !important;
    }

    .table--compact {
        font-size: 0.9rem;
    }

    .table--compact > :not(caption) > * > * {
        padding: 0.68rem 0.72rem;
    }
}

@media (max-width: 767.98px) {
    .table-responsive {
        max-height: none;
    }

    .filters-collapse__grid {
        grid-template-columns: 1fr;
    }

    .table td,
    .table th {
        white-space: normal;
    }
}