.tree-table-container {
    width: 100%;
    overflow-x: hidden;
    /* Убираем горизонтальный скролл */
}

.tree-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    table-layout: fixed;
    /* Фиксированная ширина колонок */
    background-color: var(--table-cell-background);
    color: var(--table-text-color);
}

.tree-table-header {
    padding: 10px;
    border: 1px solid black;
    font-weight: bold;
    white-space: nowrap;
    /* Текст не переносится */
    overflow: hidden;
    /* Скрываем текст, который не помещается */
    text-overflow: ellipsis;
    /* Добавляем многоточие */
    background-color: var(--table-header-background);
}

.tree-table-cell {
    padding: 8px;
    border: 1px solid black;
    white-space: nowrap;
    /* Текст не переносится */
    overflow: hidden;
    /* Скрываем текст, который не помещается */
    text-overflow: ellipsis;
    /* Добавляем многоточие */
}

.cell-content,
.header-content {
    display: flex;
    align-items: center;
    gap: 2px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cell-text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status-indicator-bar {
    width: 6px;
    height: 20px;
    border-radius: 3px;
    flex-shrink: 0;
}