/* ===========================================
   CUSTOMER PORTAL CSS BUNDLE
   Complete CSS bundle for CustomerPortal application
   
   Phase 1 - CSS Architecture Modernization
   Version: 2.0
   Updated: 2026-02-16
   
   Load order: Tokens ? Base ? Layout ? Components ? Overrides ? Utilities
   
   This bundle consolidates all CSS files needed for CustomerPortal
   in the correct loading order to ensure proper cascade and specificity.
   =========================================== */

/* ===========================================
   LAYER 2: CSS VARIABLES & DESIGN TOKENS
   Foundation - raw design values and semantic mappings
   =========================================== */

@import url('../tokens/pds-tokens.css');
@import url('../tokens/pds-semantic-tokens.css');

/* ===========================================
   LAYER 3: BASE RESETS & GLOBALS
   Normalize and global element styles
   =========================================== */

@import url('../base/pds-reset.css');
@import url('../base/pds-typography.css');

/* ===========================================
   LAYER 4: LAYOUT SYSTEMS
   Layout structure for pages and templates
   REFACTORED: Split from bloated fresh-layout-shared.css
   =========================================== */

@import url('../layouts/fresh-layout-structure.css');
@import url('../layouts/fresh-layout-sidebar.css');
@import url('../layouts/fresh-layout-body.css');

/* ===========================================
   LAYER 6: COMPONENT STRUCTURE (Theme-Agnostic)
   Reusable component styles
   REFACTORED: Navigation and error banner extracted
   =========================================== */

@import url('../components/pds-navigation.css');
@import url('../components/pds-error-banner.css');
@import url('../components/pds-bottom-bar.css');
@import url('../components/pds-cards.css');
@import url('../components/pds-grids.css');
@import url('../components/pds-forms.css');
@import url('../components/pds-slim-card.css');
@import url('../components/pds-message-composer-dialog.css');
@import url('../components/pds-static-login-modal.css');
@import url('../components/pds-loading-component.css');
@import url('../components/pds-error-pages.css');

/* ===========================================
   LAYER 7: VENDOR OVERRIDES
   Radzen, Bootstrap, and MudBlazor customizations
   INCLUDES: Steps component styling, mobile header fixes
   =========================================== */

@import url('../overrides/pds-radzen-overrides.css');

/* ===========================================
   LAYER 8: UTILITIES & HELPERS
   Utility classes for common patterns
   =========================================== */

@import url('../utilities/pds-surface-utilities.css');
@import url('../utilities/pds-misc-utilities.css');
@import url('../utilities/pds-glassmorphism.css');

/* ===========================================
   CUSTOMERPORTAL-SPECIFIC STYLES
   Application-specific overrides and additions
   =========================================== */

/* Add any additional CustomerPortal-specific styles here if needed */

/* Example: Custom branding for CustomerPortal */
:root {
    /* CustomerPortal can override tokens here if needed */
    /* --pds-color-primary: #custom-color; */
}

/* ===========================================
   END CUSTOMERPORTAL BUNDLE
   
   Total Imports: 16 files (properly modularized)
   Estimated Size: ~55-60 KB (unminified)
   
   Refactoring Benefits:
   - Removed bloated fresh-layout-shared.css (was mixing layout + components + styling)
   - Split into proper ITCSS layers: structure, sidebar, navigation, error banner
   - Better separation of concerns
   - Easier to maintain and extend
   - Consistent use of design tokens
   - All styles properly organized by ITCSS layer
   
   Previous Issues Fixed:
   - ? Mixed layout structure with component styling
   - ? Navigation styles duplicated in override layer
   - ? Error banner mixed with layout code
   - ? Inconsistent token usage
   
   Now:
   - ? Clean separation: structure vs styling
   - ? Navigation is a proper component
   - ? Error banner is a proper component
   - ? All using PDS design tokens
   - ? Steps styling in vendor overrides where it belongs
   - ? Mobile header styles in vendor overrides
   - ? Profile menu transparency in navigation component
   - ? Full-width active nav states in navigation component
   =========================================== */