/* =========================================
   ZuseAI — Modular CSS Entry Point
   =========================================
   This file imports all modular CSS files.
   Do NOT add styles here — use the appropriate module.
   ========================================= */

/* 1. Design Tokens & Variables */
@import url("css/variables.css");

/* 2. Reset, Typography, Font Imports */
@import url("css/base.css");

/* 3. Animations & Keyframes (loaded early so other modules can reference them) */
@import url("css/animations.css");

/* 4. App Layout (Sidebar, Stage, AI Sidebar, Side Panel) */
@import url("css/layout.css");

/* 5. Navigation (Nav Menu, Sidebar Dark Theme) */
@import url("css/navigation.css");

/* 6. Reusable Components (Buttons, Cards, Forms, Tables, Badges) */
@import url("css/components.css");

/* 6a. Shared Renderer (Quick-Add Forms, Timeline, Scan) */
@import url("css/shared.css");

/* 7. Modals (Konrad Modal, Quick-Add Modal, Overlays) */
@import url("css/modals.css");

/* 8. Chat (Overlay, Bubbles, Typing, AI Cards, Suggestions) */
@import url("css/chat.css");

/* 9. FAB (Speed Dial, Mic, Recording Popup) */
@import url("css/fab.css");

/* 10. Notifications (Konrad Toast / Pill) */
@import url("css/notifications.css");

/* 11. Dashboard (Grid, KPIs, Stats, Tasks, Widgets) */
@import url("css/dashboard.css");

/* 12. Kanban Board */
@import url("css/kanban.css");

/* 12a. Deals — Workspace, Enrichment, Stakeholder */
@import url("css/deals.css");

/* 12b. Pipeline — Deal Kanban Board */
@import url("css/pipeline.css");

/* 13. CRM Views (Campaigns, Contacts, Companies, Team) */
@import url("css/crm.css");

/* 13a. Campaigns — Cards, Detail, Insights */
@import url("css/campaigns.css");

/* 14. Detail Views (Lead, Contact, Company, Campaign Detail Panel) */
@import url("css/details.css");

/* 14a. Leads — Table, Kanban, Cards, Skeleton */
@import url("css/leads.css");

/* 14b. Inbox — E-Mail Posteingang */
@import url("css/inbox.css");

/* 14c. Calendar — Kalender-Ansichten */
@import url("css/calendar.css");

/* 15. Notes Pop-up (Floating Panel) */
@import url("css/notes-popup.css");

/* 16. Context Pulse Cards (Proactive AI Insights) */
@import url("css/context-pulse.css");

/* 17. Phonebook / Contacts A-Z */
@import url("css/phonebook.css");

/* 18. Smart Filter Bar (Suche, Chips, Sortierung, Mobile Sheet) */
@import url("css/filter.css");

/* 19. Tasks (Aufgaben-View) */
@import url("css/tasks.css");

/* 19a. Projects (Projekte, Detail, Kalkulation) */
@import url("css/projects.css");

/* 19b. Planner (Plantafel, Wochenansicht, Drag-Drop) */
@import url("css/planner.css");

/* 19c. Inventory (Inventar, Geraete, Wartung) */
@import url("css/inventory.css");

/* 19d. Gantt (Gantt-Chart, Timeline-Balken) */
@import url("css/gantt.css");

/* 20. Rooms / Strategieraeume */
@import url("css/rooms.css");

/* 21. Profile (Profil, KI-Persona, Postfaecher, Lernsystem) */
@import url("css/profile.css");

/* 21a. Billing (Abrechnung, Credits, Usage) */
@import url("css/billing.css");

/* 21b. Store (Agent Store Katalog) */
@import url("css/store.css");

/* 21c. Team */
@import url("css/team.css");

/* 21d. Konrad Chat Bubbles */
@import url("css/konrad.css");

/* 21e. Knowledge Base */
@import url("css/knowledge.css");

/* 21f. Leadbot Configuration */
@import url("css/leadbot.css");

/* 21g. Proposal Generator */
@import url("css/proposal.css");

/* 21h. Dev Admin Panel */
@import url("css/dev-admin.css");

/* 21i. Template Generator */
@import url("css/template-generator.css");

/* 22. Mobile / Responsive (must be last to override desktop styles) */
@import url("css/mobile.css");

/* 23. Spotlight Search (nach Mobile, damit Farben nicht ueberschrieben werden) */
@import url("css/spotlight.css");

/* 24. Support Modal (Kontaktformular) */
@import url("css/support.css");