/* Контейнер для таблицы с прокруткой */
.table-container {
    width: 100%;
    /* Занимает всю доступную ширину */
    overflow-x: auto;
    /* Горизонтальная прокрутка при необходимости */
    margin: 0 auto;
    /* Центрирование контейнера */
}

/* Стили для таблицы */
.tree-table {
    width: auto;
    /* Автоматическая ширина, чтобы таблица могла расширяться */
    min-width: 95%;
    /* Минимальная ширина таблицы */
    border-collapse: collapse;
    margin: 0 auto;
    /* Центрирование таблицы */
}

/* Заголовки таблицы (первый уровень) */
.tree-table th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    white-space: nowrap;
    /* Запрет на перенос текста */
    font-weight: bold;
    /* Жирный шрифт для заголовков */
}

/* Подзаголовки (второй уровень: "АО" и "ПО") */
.tree-table-subheader {
    font-weight: 500;
    /* Жирный шрифт для подзаголовков */
}

/* Ячейки таблицы */
.tree-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    white-space: nowrap;
    /* Запрет на перенос текста */
    font-weight: normal;
    /* Обычный шрифт для ячеек */
}

/* Цвет фона для заголовков */
.tree-table-header {
    background-color: #f4f4f4;
}

/* Чередование цвета строк */
.tree-table-row:nth-child(even) {
    background-color: #f9f9f9;
}