/* --- БАЗОВЫЕ НАСТРОЙКИ --- */
body { 
    font-family: 'Inter', sans-serif; 
    background-color: #f3f4f6; 
}

/* Плавность переходов для интерактивных элементов */
button, a {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Эффект нажатия на мобильном */
.mobile-tap:active { 
    transform: scale(0.95); 
}

/* --- СКРЫТИЕ СКРОЛЛБАРА (Для меню и канбана) --- */
/* Работает в Chrome, Safari, Opera */
.scrollbar-hide::-webkit-scrollbar { 
    display: none; 
}
/* Работает в IE, Edge и Firefox */
.scrollbar-hide { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

/* То же самое для класса no-scrollbar */
.no-scrollbar::-webkit-scrollbar { 
    display: none; 
}
.no-scrollbar { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

/* --- ЛОГИКА БОКОВОГО МЕНЮ (SIDEBAR) --- */

/* Состояние "Расширено" (Добавляется JS-ом) */
aside.expanded {
    width: 16rem !important; /* w-64 */
}

/* Поворот стрелочки при открытии */
aside.expanded #toggle-icon {
    transform: rotate(180deg);
}

/* --- ТЕКСТ И БЕЙДЖИ В МЕНЮ --- */

/* 1. Текст пунктов меню */
.sidebar-text { 
    opacity: 0; 
    width: 0; 
    display: none; 
    transition: opacity 0.2s ease-in-out; 
}
/* Когда меню открыто -> показываем текст */
aside.expanded .sidebar-text { 
    display: block; 
    opacity: 1; 
    width: auto; 
}

/* 2. Бейджики (Цифры) */
.sidebar-badge {
    opacity: 0; 
    width: 0; 
    display: none; 
    transition: opacity 0.2s ease-in-out;
}
/* Когда меню открыто -> показываем бейдж (Flex для центровки цифры) */
aside.expanded .sidebar-badge {
    display: flex; 
    opacity: 1; 
    width: auto;
}