/* ====================== 12-UTILITIES.CSS ====================== */
/* Общие утилиты: длинные тексты, скроллбары, адаптив и т.д. */

/* Скроллбар для красивого вида */
.scrollable-section::-webkit-scrollbar {
    width: 6px;
}
.scrollable-section::-webkit-scrollbar-thumb {
    background: #bdc3c7;
    border-radius: 10px;
}

body.theme-dark .scrollable-section::-webkit-scrollbar-thumb {
    background: #555;
}

/* ====================== ПЕРЕНОС ДЛИННЫХ ИМЁН ====================== */
.node-text,
.node {
    word-break: break-all;
    overflow-wrap: break-word;
    hyphens: auto;
    white-space: normal;
    min-width: 0;
}

/* Дополнительная защита от переполнения в узлах */
.node-text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /* по умолчанию обрезаем, но node выше разрешает перенос */
}

/* Полная блокировка интерфейса во время загрузки */
#treeContainer,
.header {
    transition: opacity 0.2s;
}

/* Когда показан прогресс — блокируем клики */
#uploadProgressModal ~ #miniAppContent #treeContainer,
#uploadProgressModal ~ #miniAppContent .header {
    pointer-events: none;
    opacity: 0.6;
}