@media (max-width: 767px) {
  .node-text {
    font-size: 1.1rem; /* или любое подходящее значение */
    line-height: 1.5;
  }
}

/* Базовые стили для дерева */
.tree-node {
    @apply transition-all duration-300;
}

.node-text {
    @apply cursor-pointer transition-colors duration-200;
}

.node-text:hover {
    @apply text-blue-600;
}

.node-actions {
    @apply opacity-0 transition-opacity duration-200;
}

.tree-node:hover .node-actions {
    @apply opacity-100;
}

.action-btn {
    @apply transition-colors duration-200;
}

.menu-item {
    @apply transition-colors duration-200 text-sm;
}

.children-container {
    @apply transition-all duration-300;
}

/* Анимации */
.fade-enter {
    opacity: 0;
    transform: translateY(-10px);
}

.fade-enter-active {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 300ms, transform 300ms;
}