/* ==================== FRAME IDE - MAIN STYLES ==================== */

/* 
 * This file serves as the main entry point for styles.
 * It imports all other modular CSS files in the correct order.
 */

/* 1. Variables & Design System Functions */
@import 'variables.css';

/* 2. Core Layout & Structure */
@import 'layout.css';

/* 3. Base UI Components (Buttons, Inputs, Modals, etc.) */
@import 'components/ui.css';

/* 4. Terminal Component */
@import 'components/terminal.css';

/* 5. Panels (History, Tasks, Plugins, GitHub, Overview, Structure Map) */
@import 'components/panels.css';

/* Shared header of the full-page surfaces (Specs, Tasks, Sessions, Orchestration) */
@import 'components/view-header.css';

/* 6. Command Palette */
@import 'components/command-palette.css';

/* 7. Cheat Sheet */
@import 'components/cheat-sheet.css';

/* 8. First-run onboarding screen + the project-start block it shares with Home */
@import 'components/project-start.css';
@import 'components/onboarding.css';

/* 8a. How to Use Frame guide (wide two-column modal) */
@import 'components/guide.css';

/* 8b. Guided tour (cutout highlight + card over the live UI) */
@import 'components/tour.css';

/* 9. App Loader (boot splash) */
@import 'components/app-loader.css';

/* 10. File Tree (search + context menu) */
@import 'components/file-tree.css';

/* 11. Settings Modal */
@import 'components/settings-modal.css';

/* 12. Telemetry Notice (one-time disclosure banner) */
@import 'components/telemetry-notice.css';

/* 12a. Health Notice (degraded/recovered state banner) */

/* 12b. Sample-project banner */
@import 'components/sample-banner.css';

/* 12c. Spec-Driven Development hint (popover on the Settings rail button) */
@import 'components/spec-driven-hint.css';

/* 13. Tasks Dashboard (Kanban-style overlay) */
@import 'components/tasks-dashboard.css';

/* 13b. Decisions view (center list of PROJECT_NOTES decisions) */
@import 'components/decisions-view.css';

/* 13c. Status bar (foot of the window) */
@import 'components/status-bar.css';

/* 13c-i. App header (one row across the top of the window) */
@import 'components/app-header.css';

/* Hover labels for icon-only controls */
@import 'components/tooltip.css';

/* 13d. Dock (VS Code-style panel beside the center) */
@import 'components/dock.css';

/* 14. Git Changes Panel (Changes sidebar tab) */
@import 'components/git-changes.css';

/* 14a. GitHub view (GitHub sidebar tab — tree sections, dense rows) */
@import 'components/github.css';

/* 15. Diff Viewer Overlay (read-only) */
@import 'components/diff-viewer.css';

/* 16. Lane Board (Lane Orchestrator home screen) */
@import 'components/home-board.css';

/* 16a. Terminals View (default center view — terminals-view spec) */
@import 'components/terminals-view.css';

/* 17. Task Section (pinned task detail surface) */
@import 'components/task-section.css';

/* 18. Projects Section (pinned project switcher + Open Project modal) */
@import 'components/project-section.css';

/* Activity panel + right rail */
@import 'components/activity.css';

/* Feedback panel (an issue or an email, from inside Frame) */
@import 'components/feedback.css';

/* Report Section (a spec's plan / implementation report, opened as a tab) */
@import 'components/report-section.css';

/* 19. Orchestrator (conductor-led parallel spec execution overlay) */
@import 'components/orchestrator.css';