/* ============================================================
   Electron Hub — Master Stylesheet
   ============================================================
   Single entry point — edit the partials, not this file.

   styles/
   ├── tokens.css                  Design tokens (type, color, spacing…)
   │
   ├── layout/
   │   ├── shell.css               App shell & root layout
   │   ├── topbar.css              Topbar, search, API-status badge
   │   ├── sidebar.css             Sidebar & projects panel
   │   ├── param-strip.css         Param strip / view header
   │   ├── main-area.css           Main area + right panel split
   │   └── mobile.css              Responsive breakpoints
   │
   ├── components/
   │   ├── motion.css              Keyframes & entrance animations
   │   ├── chat.css                Messages, artifacts, run controls
   │   ├── composer.css            Composer + popovers (/, @, #)
   │   ├── file-preview.css        File preview modal
   │   ├── lightbox.css            Image/video lightbox
   │   ├── agent-trace.css         Agent trace panel
   │   ├── markdown.css            Markdown rendering
   │   ├── tools.css               Tools manage panel
   │   ├── skill-builder.css       Node-based skill builder
   │   ├── reasoning.css           Reasoning / chain-of-thought block
   │   ├── voice.css               Voice input button
   │   ├── params-panel.css        System prompt, sampling, presets
   │   ├── command-palette.css     Command palette (⌘K)
   │   ├── toast.css               Global toast notifications
   │   └── zen.css                 Zen mode
   │
   └── views/
       ├── auth.css                Auth screen (v3 glass layout)
       ├── skills.css              Skills view
       ├── agents/                 Agents — split into focused subfiles (cascade order preserved)
       │     ├── core-runs/-skills/-controls/-compare/-misc.css   (was agents-core.css)
       │     ├── shell-header/-list/-card/-row.css                (was agents-v3-shell.css)
       │     ├── detail-head/-trace/-content/-modal/-todos.css    (was agents-v3-detail.css)
       │     ├── modes-friendly · turn-shell/-subagents/-toast-tabs/-activity/-misc.css  (was agents-v3-modes.css)
       │     └── mcp-controls/-marketplace/-installed/-detail/-modal/-phase2/-custom/-phase3.css (was agents-v3-mcp.css)
       ├── settings-danger.css     Settings — Danger zone (rows, modal, OTP)
       ├── console/                  Console — split into focused subfiles
       │     ├── layout.css             Sidebar, main, grid, state component
       │     ├── components.css         Cards, stats, tables, logs-table
       │     ├── tabs.css               Pie, plans, wallet, subscription, payg explainer
       │     ├── utilities.css          Banner, responsive, toolbar chips, motion primitives
       │     ├── api-keys.css           API Keys page — master key + proxy keys cards
       │     ├── payg.css               PAYG modals, transactions, credit packs
       │     ├── devpass.css            Coding Plan (DevPass) — tiers, dashboard, modals
       │     ├── devpass-activity.css   Coding Plan · Activity heatmap (WS 0x2F/0x30)
       │     ├── devpass-usage.css      Coding Plan · Usage-this-period chart (shared 0x2F data)
       │     └── rate-limits.css        Rate limits tab — provider cards
       ├── evals.css                  Evals / Datasets — eval suites, matrix view, status-pill
       ├── mcp.css                    MCP detail, install, templates
       └── model-detail.css           Models — full-page model detail
   ============================================================ */

/* 1. Tokens -------------------------------------------------- */
@import url('styles/tokens.css');

/* 2. Layout -------------------------------------------------- */
@import url('styles/layout/shell.css');
@import url('styles/layout/topbar.css');
@import url('styles/layout/sidebar.css');
@import url('styles/layout/param-strip.css');
@import url('styles/layout/main-area.css');
@import url('styles/layout/mobile.css');

/* 3. Components --------------------------------------------- */
@import url('styles/components/motion.css');
@import url('styles/components/chat.css');
@import url('styles/components/composer.css');
@import url('styles/components/file-preview.css');
@import url('styles/components/lightbox.css');
@import url('styles/components/agent-trace.css');
@import url('styles/components/markdown.css');
@import url('styles/components/tools.css');
@import url('styles/components/skill-builder.css');
@import url('styles/components/reasoning.css');
@import url('styles/components/voice.css');
@import url('styles/components/params-panel.css');
@import url('styles/components/command-palette.css');
@import url('styles/components/toast.css');
@import url('styles/components/dialog.css');
@import url('styles/components/zen.css');
@import url('styles/components/api-errors.css');
@import url('styles/components/context-ring.css');
@import url('styles/components/notifications.css');

/* 4. Views --------------------------------------------------- */
@import url('styles/views/auth.css');
@import url('styles/views/skills.css');
/* agents-core.css → split into focused subfiles (agents CSS reorg).
   ORDER IS CASCADE-SIGNIFICANT — keep these back-to-back, in source order.
   (core-runs.css removed — its v1 classes were fully superseded by the
   shell-*.css `.ag-*` system and unreferenced by any view.) */
@import url('styles/views/agents/core-skills.css');
@import url('styles/views/agents/core-controls.css');
@import url('styles/views/agents/core-compare.css');
@import url('styles/views/agents/core-misc.css');
@import url('styles/views/agents/diagnostics.css');
@import url('styles/views/settings-danger.css');
/* agents-v3-shell.css → split */
@import url('styles/views/agents/shell-header.css');
@import url('styles/views/agents/shell-list.css');
@import url('styles/views/agents/shell-card.css');
@import url('styles/views/agents/shell-row.css');
/* agents-v3-detail.css → split */
@import url('styles/views/agents/detail-head.css');
@import url('styles/views/agents/detail-trace.css');
@import url('styles/views/agents/detail-content.css');
@import url('styles/views/agents/detail-modal.css');
@import url('styles/views/agents/detail-todos.css');
/* agents-v3-modes.css → split */
@import url('styles/views/agents/modes-friendly.css');
@import url('styles/views/agents/turn-shell.css');
@import url('styles/views/agents/turn-subagents.css');
@import url('styles/views/agents/turn-toast-tabs.css');
@import url('styles/views/agents/turn-activity.css');
@import url('styles/views/agents/turn-misc.css');
/* agents-v3-mcp.css → split (still loads AFTER modes + BEFORE mcp.css so the
   documented "mcp.css wins on dupes" cross-file cascade is unchanged) */
@import url('styles/views/agents/mcp-controls.css');
@import url('styles/views/agents/mcp-marketplace.css');
@import url('styles/views/agents/mcp-installed.css');
@import url('styles/views/agents/mcp-detail.css');
@import url('styles/views/agents/mcp-modal.css');
@import url('styles/views/agents/mcp-phase2.css');
@import url('styles/views/agents/mcp-custom.css');
@import url('styles/views/agents/mcp-phase3.css');
@import url('styles/views/console/layout.css');
@import url('styles/views/console/components.css');
@import url('styles/views/console/tabs.css');
@import url('styles/views/console/utilities.css');
@import url('styles/views/console/api-keys.css');
@import url('styles/views/console/payg.css');
@import url('styles/views/console/devpass.css');
@import url('styles/views/console/devpass-activity.css');
@import url('styles/views/console/devpass-usage.css');
@import url('styles/views/console/rate-limits.css');
@import url('styles/views/evals.css');
@import url('styles/views/mcp.css');
@import url('styles/views/model-detail.css');
@import url('styles/views/model-playground.css');
@import url('styles/views/history.css');
@import url('styles/views/history-assets.css');
@import url('styles/views/forum.css');
@import url('styles/views/router.css');