/*
 * BizFlow Dashboard Inventory Styles
 * Main stylesheet that imports all modular inventory CSS files
 * 
 * File Structure:
 * - base/: Variables specific to inventory
 * - layout/: Layout components for inventory sections
 * - components/: Reusable UI components for inventory
 * - utilities/: Helper classes and responsive design for inventory
 */

/* Import Base Styles (existing) */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');

/* Import Inventory-specific Base Styles */
@import url('./base/inventory-variables.css');

/* Import Layout Styles (existing) */
@import url('./layout/container.css');
@import url('./layout/grid.css');

/* Import Inventory-specific Layout Styles */
@import url('./layout/inventory-header.css');
@import url('./layout/inventory-stats.css');

/* Import Component Styles (existing) */
@import url('./components/sidebar.css');
@import url('./components/navigation.css');
@import url('./components/cards.css');
@import url('./components/document-card.css');
@import url('./components/charts.css');

/* Import Inventory-specific Component Styles */
@import url('./components/inventory-stats.css');
@import url('./components/inventory-forms.css');
@import url('./components/inventory-buttons.css');
@import url('./components/inventory-table.css');
@import url('./components/inventory-modal.css');

/* Import Utility Styles (existing) */
@import url('./utilities/animations.css');
@import url('./utilities/responsive.css');

/* Import Inventory-specific Utility Styles */
@import url('./utilities/inventory-states.css');
@import url('./utilities/inventory-responsive.css');

/*
 * Usage Instructions:
 * 
 * 1. Create the following additional files in your styles/Dashboard/ directory structure:
 *    
 *    base/
 *    ├── inventory-variables.css
 *    
 *    layout/
 *    ├── inventory-header.css
 *    ├── inventory-stats.css
 *    
 *    components/
 *    ├── inventory-stats.css
 *    ├── inventory-forms.css
 *    ├── inventory-buttons.css
 *    ├── inventory-table.css
 *    ├── inventory-modal.css
 *    
 *    utilities/
 *    ├── inventory-states.css
 *    ├── inventory-responsive.css
 * 
 * 2. Update your HTML to use this main file:
 *    <link rel="stylesheet" href="../../styles/Dashboard/DashboardHomeStyles.css">
 *    <link rel="stylesheet" href="../../styles/Dashboard/DashboardInventoryStyles.css">
 * 
 * 3. The modular structure allows for:
 *    - Easy maintenance and updates
 *    - Reusable components across different pages
 *    - Better organization and code splitting
 *    - Selective loading of specific components
 * 
 * 4. For production, consider concatenating and minifying these files
 */