.infinite-status {
    padding: 15px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    text-align: center;
    font-size: 12px;
}

.list-page {
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.list-page > .topbar {
    flex: 0 0 auto;
}

.list-main {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 18px;
}

.list-main > .headline {
    flex: 0 0 auto;
}

.list-scroll-region {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.list-scroll-region > .cards,
.list-scroll-region > .filters {
    flex: 0 0 auto;
}

.audio-list-panel {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.audio-list-panel .table-wrap {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.audio-list-panel .table {
    height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.audio-list-panel .table thead,
.audio-list-panel .table tbody {
    display: block;
    min-width: 1080px;
}

.audio-list-panel .table tbody {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.audio-list-panel .table tr {
    display: grid;
    grid-template-columns: 70px 145px 115px 125px 70px minmax(250px, 1fr) 155px minmax(170px, 1fr);
    width: 100%;
}

.audio-list-panel .table th {
    background: #0c192a;
}

.audio-list-panel .table td {
    min-width: 0;
}

.audio-list-panel .table td[colspan] {
    grid-column: 1 / -1;
    max-width: none;
}