/* 
 * Components CSS - Modular component stylesheets
 * 
 * Import order (optimized for performance):
 * 1. Core base styles: components-core.css
 * 2. Layout components: layout.css, header.css  
 * 3. Form components: forms.css, buttons.css
 * 4. UI components: tables.css, modals.css
 * 5. Feature-specific: ai-toolbox.css, ai-workflow.css, pages.css
 * 6. User management: user-management.css
 * 7. Common components: components-common.css
 * 
 * Note: This file aggregates all component styles for easy inclusion.
 * For production, consider using a build tool to concatenate and minify.
 */

/* Core and Layout - Critical rendering path */
@import url('./components-core.css');
@import url('./layout.css');
@import url('./header.css');
@import url('./cat.css');

/* Forms and Interactive Elements */
@import url('./forms.css');
@import url('./buttons.css');
@import url('./cards.css');

/* UI Components */
@import url('./tables.css');
@import url('./modals.css');

/* Feature-specific Components */
@import url('./ai-toolbox.css');
@import url('./ai-workflow.css');
@import url('./pages.css');


/* feature-requests.css moved to dynamic loading */
/* permission-approval.css moved to dynamic loading */

/* Notifications */
@import url('./notifications.css');

/* Theme Switcher */
@import url('./theme-switcher.css');

/* Common Utilities - Load last to allow overrides */
@import url('./components-common.css');