/* 
   .table-scroll         - Адаптивная таблица с горизонтальным скроллом без сжатия контента.
   .table-fluid          - Резиновая таблица, полностью сжимающаяся с переносом слов под ширину экрана.
   .table-fluid-nowrap   - Резиновая таблица, ячейки сжимаются, но цельные слова не переносятся.
   .table-bordered-rows  - Дополнительный класс: убирает чередование строк цветом и добавляет легкие нижние границы.
   .table-centered       - Дополнительный класс: выравнивает саму таблицу строго по центру страницы.
*/


.table-scroll, .table-fluid, .table-fluid-nowrap {
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    margin-left: 0;
    margin-right: auto;
}

    .table-scroll th, .table-fluid th, .table-fluid-nowrap th {
        padding: 12px 16px;
        text-align: center;
        vertical-align: middle;
        background-color: var(--bg-gray-dark);
        font-weight: 600;
        border: none;
    }

    .table-scroll thead tr th:first-child,
    .table-fluid thead tr th:first-child,
    .table-fluid-nowrap thead tr th:first-child {
        border-top-left-radius: 10px;
    }

    .table-scroll thead tr th:last-child,
    .table-fluid thead tr th:last-child,
    .table-fluid-nowrap thead tr th:last-child {
        border-top-right-radius: 10px;
    }

    .table-scroll td, .table-fluid td, .table-fluid-nowrap td {
        padding: 12px 16px;
        text-align: center;
        vertical-align: middle;
        border: none;
    }

    .table-scroll tbody tr:nth-child(even),
    .table-fluid tbody tr:nth-child(even),
    .table-fluid-nowrap tbody tr:nth-child(even) {
        background-color: var(--bg-gray-base);
    }

    .table-scroll tbody tr:nth-child(odd),
    .table-fluid tbody tr:nth-child(odd),
    .table-fluid-nowrap tbody tr:nth-child(odd) {
        background-color: transparent;
    }

    .table-scroll tbody tr:hover,
    .table-fluid tbody tr:hover,
    .table-fluid-nowrap tbody tr:hover {
        background-color: var(--bg-gray-dark) !important;
        transition: background-color 0.15s ease;
    }


.table-scroll {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: max-content;
    max-width: 100%;
}

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

.table-fluid {
    width: 100%;
    table-layout: fixed;
    word-break: break-word;
}

.table-fluid-nowrap {
    width: 100%;
    table-layout: auto;
}

.table-bordered-rows tbody tr {
    background-color: transparent !important;
    border-bottom: 1px solid #e8e8e8;
}

.table-centered {
    margin-left: auto !important;
    margin-right: auto !important;
}