/* static/css/ui_main.css - Точка сборки всех UI компонентов */

/* 1. Базовые блоки */
@import url("components/navigation.css");
@import url("components/user_card.css");
@import url("components/extra_column.css");

/* 2. Кнопки (Оптимизировано: разделение по типам) */
@import url("components/buttons.css"); /* Базовая логика кнопок */
@import url("components/buttons_special.css"); /* Специфические модификаторы */

/* 3. Формы */
@import url("components/forms.css");

/* 4. Уведомления */
@import url("components/toast.css");

/* 5. Галерея */
@import url("components/gallery.css");
@import url("components/photo_viewer.css");

/* 6. Лента поиска и Детальный профиль */
@import url("components/feed.css");
@import url("components/detailed_profile.css");

/* 7. Активность и события */
@import url("components/events.css");

/* 8. Настройки */
@import url("components/settings.css");

/* 9. Чат */
@import url("components/chat.css");

/* Общие утилиты и анимации (пока < 50 строк, живем здесь) */
.stub_label {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    color: var(--accent);
    opacity: 0.6;
    margin-bottom: 20px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}