/**
 * Main CSS Entry Point
 * Enterprise-grade consolidated stylesheet for Contracting.App
 * 
 * This file imports all CSS modules in the correct order to ensure
 * proper cascade and specificity management.
 * 
 * CONSOLIDATION COMPLETE: All fix files merged into appropriate component/utility files
 */

/* =============================================================================
   CORE - Foundation (Variables, Reset, Typography)
   ============================================================================= */

@import url('core/variables.css');
@import url('core/reset.css');
@import url('core/typography.css');

/* =============================================================================
   LAYOUT - Site Structure (Header, Navigation, Footer)
   ============================================================================= */

@import url('layout/header.css');
@import url('layout/navigation.css');
@import url('layout/footer.css');

/* =============================================================================
   COMPONENTS - Reusable UI Elements
   ============================================================================= */

@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/cards.css');
@import url('components/modals.css');
@import url('components/dropdowns.css');
@import url('components/tables.css');
@import url('components/alerts.css');

/* =============================================================================
   FEATURES - Page-Specific Styles
   ============================================================================= */

@import url('features/dashboard.css');
@import url('features/projects.css');
@import url('features/construction.css');
@import url('features/blockchain.css');
@import url('features/contracts.css');
@import url('features/financial.css');

/* =============================================================================
   UTILITIES - Helper Classes
   ============================================================================= */

@import url('utilities/spacing.css');
@import url('utilities/accessibility.css');
@import url('utilities/animations.css');

/* =============================================================================
   NAVIGATION & WORKFLOW - Global Components
   ============================================================================= */

@import url('navigation-error-handler.css');
@import url('workflow-styles.css');

/* =============================================================================
   MOBILE - Responsive Design
   ============================================================================= */

@import url('mobile.css');
@import url('mobile-menu.css');
/* Note: ui-fixes-mobile-contrast.css merged into mobile-menu.css */

/* =============================================================================
   SPECIALIZED - Web3 & Feature-Specific (Loaded on demand)
   ============================================================================= */

/* These are loaded separately in templates when needed:
   - network-selector.css (Web3 network switching)
   - walletConnect.css (WalletConnect UI)
   - transaction-modal.css (Blockchain transactions)
   - onboarding.css (User onboarding guide)
   - homepage.css (Homepage-specific styles)
   - inline-style-fixes.css (CSP-compliant utility classes)
   */

/* =============================================================================
   LEGACY - Bootstrap Overrides & Legacy Support
   ============================================================================= */

@import url('app-clean.css');

/* =============================================================================
   NOTES
   
   This consolidated CSS architecture provides:
   - Clear separation of concerns
   - Proper cascade management
   - Easy maintenance and updates
   - Consistent design tokens
   - Accessibility compliance (WCAG AAA)
   - Dark theme support
   - Performance optimization
   
   CONSOLIDATION STATUS:
   ✅ COMPLETE - All major consolidations finished:
      - Fix files merged into component/utility files
      - All 8 contract files → features/contracts.css
      - Page-specific files merged into feature directories
      - 15 redundant files removed
      - All templates updated to use main.css
      - Hard-coded colors replaced with CSS variables
   
   📋 Remaining page-specific files (intentionally kept separate for on-demand loading):
      - messaging-index.css, enhanced-workflow-index.css, approval-workflow.css
      - contacts-enhanced-form.css, payment-status.css, projects-notifications.css
      - governance-dashboard.css, tasks.css, document-manager.css
      - factory-page.css, factory-improvements.css, dashboard-cards.css
      - These are small, page-specific files loaded only when needed
   
   WEBPACK COMPATIBILITY:
   - app-consolidated.css: Webpack entry point (webpack.config.js line 28)
   - utilities.css: Webpack 'theme' entry point (webpack.config.js line 31)
   - workflow-styles.css: Webpack 'components' entry point (webpack.config.js line 30)
   - main.css: Direct loading (non-webpack scenarios)
   - Both systems work independently - webpack processes its entries, main.css loads directly
   
   LAYOUT FIXES COMPLETED (2025-01-20):
   - Removed duplicate .dashboard-grid from app-clean.css (now only in features/dashboard.css)
   - Added navigation-error-handler.css and workflow-styles.css to main.css imports
   - Fixed broken style.css references in milestone_manager.html and document_manager.html
   - Removed all !important flags from organization registration section
   - Standardized responsive breakpoints in core/variables.css
   - Fixed messaging container width constraints
   - Standardized container-fluid padding system
   
   CSS REFACTOR COMPLETED (2025-01-20):
   - Consolidated all .dashboard-header definitions into features/dashboard.css
   - Removed conflicting page-specific styles from app-clean.css
   - Added missing color variables (primary-dark, primary-darker, secondary-dark, secondary-darker)
   - Fixed white-on-white contrast issues with proper theme-aware colors
   - Replaced hardcoded colors with CSS variables in dashboard components
   - Scoped page-specific dashboard-header styles to their containers
   
   ============================================================================= */