.tree-table-container {
    width: 100%;
    overflow-x: auto;
}

.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 var(--table-border);
    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 var(--table-border);
    white-space: nowrap;
    overflow: hidden;
}

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

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