/* tmux-web — dark theme + layout
 *
 * Этот файл — тонкий агрегатор. Все CSS-правила разнесены по фичам в
 * tmux-web/static/css/*.css и собираются здесь через @import.
 *
 * Порядок @import соответствует исходному порядку секций в монолитном
 * style.css (до Phase 2 рефакторинга) — критично для каскада. Базовые
 * стили (variables + reset) идут первыми, mobile @media — последним.
 *
 * index.html по-прежнему ссылается на /style.css; браузер сам подтянет
 * остальные файлы через @import.
 */

/* === 1. Base: CSS-переменные, reset, html/body (строки 1-128 оригинала) === */
@import url('./css/base.css');

/* === 2. Layout: #layout grid, #main, #placeholder, toggle (129-208) === */
@import url('./css/layout.css');

/* === 3. tmux window tabs (210-307) === */
@import url('./css/window-bar.css');

/* === 4. Project bar (309-367) === */
@import url('./css/project-bar.css');

/* === 5. Sidebar: header, session-list, origin/project headers, footer, scrollbar
 *        (369-516 + 572-724) === */
@import url('./css/sidebar.css');

/* === 5a. Next-step popup: интерактивный hover-попап «Следующий шаг» === */
@import url('./css/next-step-popup.css');

/* === 6. Origin tabs над session-list (517-570) === */
@import url('./css/origin-tabs.css');

/* === 6a. Home: главная страница (история недавних сессий) в #main === */
@import url('./css/home.css');

/* === 6b. Daily summary: сводка дня (markdown) в #main === */
@import url('./css/daily-summary.css');

/* === 6c. Screensaver: ASCII-заставка «таверна дворфов» в #main === */
@import url('./css/screensaver.css');

/* === 7. Top tab bar (726-763) === */
@import url('./css/tab-bar.css');

/* === 8. Tasks: контейнер, kanban, cards, DnD, TODO column
 *        (765-963 + 1241-1391) === */
@import url('./css/tasks.css');

/* === 8a. Echo plugin (Phase 5c): chat + notifications + action buttons.
 *        Должны идти после tasks.css и до mobile.css, чтобы media-queries
 *        перекрывали desktop Echo-стили. === */
@import url('./css/echo.css');
@import url('./css/echo-notifications.css');
@import url('./css/echo-actions.css');

/* === 9. Modals: generic overlay + task modal (964-1240) === */
@import url('./css/modals.css');

/* === 10. Notifications form в Settings modal (1393-1516) === */
@import url('./css/notifications.css');

/* === 11. Settings modal: tab-bar + themes panel + remote-servers
 *        (1518-1769 + 2709-2913) === */
@import url('./css/settings-modal.css');

/* === 12. Theme editor (custom-theme modal) (1770-2145) === */
@import url('./css/theme-editor.css');

/* === 13. Git tab (#git pane + lazygit xterm) (2147-2350) === */
@import url('./css/git-tab.css');

/* === 14. Generic TUI tab (docker/telescope) + channel-bar (2352-2572) === */
@import url('./css/tui-tab.css');

/* === 15. Hotkey hints + keyboard-focus + TODO plan-mode badge (2574-2706) === */
@import url('./css/tui-channels.css');

/* === 16. Quick-command bar (mobile) + quick-cmd edit UI (3198-3419) === */
@import url('./css/quick-cmd.css');

/* === 16b. Command dock (desktop): часто набираемые команды + сниппеты === */
@import url('./css/command-dock.css');

/* === 17. Mobile layout: @media (max-width: 768px / 480px) (2914-3197)
 *        ВАЖНО: должен быть последним, чтобы перекрывать desktop-правила. === */
@import url('./css/mobile.css');