/** * CLAUDE_CODE: ERP Components CSS - Main Entry Point * MODULE_ID: CSS_MAIN_001 * VERSION: 3.1.0 * GREP_PATTERN: "erp-components.css|CSS_MAIN_001" * AI_PURPOSE: UTILITY - Centralized CSS imports for reusable ERP components * * MODULES_LOADED: * - variables.css ............... CSS_VARS_001|design tokens (colors, spacing, etc.) * - modules/confirmations.css ... CSS_CONFIRM_001|inline overlays, spinners * - modules/modals.css .......... CSS_MODAL_001|custom modal system (no Bootstrap JS) * - modules/tabs.css ............ CSS_TABS_001|custom tab navigation * - modules/gallery.css ......... CSS_GALLERY_001|image gallery grid * - modules/alerts.css .......... CSS_ALERT_001|alert notifications/toasts * - modules/badges.css .......... CSS_BADGE_001|status badges and labels * - modules/pagination.css ...... CSS_PAGINATION_001|page navigation * - modules/cards.css ........... CSS_CARD_001|content containers * - modules/tables.css .......... CSS_TABLE_001|data table styling * - modules/breadcrumb.css ...... CSS_BREADCRUMB_001|navigation trail * - modules/btngroup.css ........ CSS_BTNGROUP_001|button groups * - modules/progress.css ........ CSS_PROGRESS_001|progress bars * - modules/loaders.css ......... CSS_LOADER_001|spinners, skeletons, loading states * - modules/print.css ........... CSS_PRINT_001|PDF generation styles (Oficio Chileno) * - modules/autocomplete.css .... CSS_AUTOCOMPLETE_001|dropdown search autocomplete * - modules/sidebar.css ......... CSS_SIDEBAR_001|overlay navigation sidebar * - modules/navbar.css .......... CSS_NAVBAR_001|top navigation bar * - modules/dropdown.css ........ CSS_DROPDOWN_001|custom dropdown menus * - modules/wizard.css ........... CSS_WIZARD_001|multi-step wizard forms * - modules/timeline.css ......... CSS_TIMELINE_001|vertical timeline for activity history * - modules/map.css .............. CSS_MAP_001|mobile-first map components (Leaflet integration) * * USAGE_HTML: * STACK: NO Bootstrap JS required - pure CSS components * * MODULE_STATUS: * - CSS_VARS_001: ACTIVE|v1.0.0|foundation|design tokens and CSS variables * - CSS_CONFIRM_001: ACTIVE|v1.1.0|responsive|inline delete confirmations * - CSS_MODAL_001: ACTIVE|v1.0.0|responsive|Bootstrap-free modal system * - CSS_TABS_001: ACTIVE|v2.0.0|responsive|Bootstrap-free tab navigation * - CSS_GALLERY_001: ACTIVE|v1.0.0|responsive|image gallery grid * - CSS_ALERT_001: ACTIVE|v1.0.0|responsive|alert notifications/toasts * - CSS_BADGE_001: ACTIVE|v1.0.0|responsive|status badges and labels * - CSS_PAGINATION_001: ACTIVE|v1.0.0|responsive|page navigation * - CSS_CARD_001: ACTIVE|v1.0.0|responsive|content containers * - CSS_TABLE_001: ACTIVE|v1.0.0|responsive|data table styling * - CSS_BREADCRUMB_001: ACTIVE|v1.0.0|responsive|navigation trail * - CSS_BTNGROUP_001: ACTIVE|v1.0.0|responsive|button groups * - CSS_PROGRESS_001: ACTIVE|v1.0.0|responsive|progress bars * - CSS_LOADER_001: ACTIVE|v1.0.0|responsive|spinners, skeletons, loading * - CSS_PRINT_001: ACTIVE|v1.0.0|print|PDF generation, Oficio Chileno * - CSS_AUTOCOMPLETE_001: ACTIVE|v1.0.0|responsive|dropdown search autocomplete * - CSS_SIDEBAR_001: ACTIVE|v1.0.0|responsive|overlay navigation sidebar * - CSS_NAVBAR_001: ACTIVE|v1.0.0|responsive|top navigation bar * - CSS_DROPDOWN_001: ACTIVE|v1.0.0|responsive|custom dropdown menus * - CSS_WIZARD_001: ACTIVE|v1.0.0|responsive|multi-step wizard forms * - CSS_TIMELINE_001: ACTIVE|v1.0.0|responsive|vertical timeline for activity history * - CSS_MAP_001: ACTIVE|v1.0.0|mobile-first|map components for Leaflet integration * * SEARCH_TAGS: erp-css, component-library, modular-css, bootstrap-free */ /* ============================================================================ MODULE_IMPORTS|CSS_MAIN_001_IMPORTS GREP: "@import" ORDER: Variables first, then base utilities, then specific modules ============================================================================ */ /* FOUNDATION (v3.1) - Design tokens and CSS variables */ @import url('./variables.css'); /* ORIGINAL_MODULES (v1.x) */ @import url('./modules/confirmations.css'); @import url('./modules/modals.css'); @import url('./modules/tabs.css'); @import url('./modules/gallery.css'); /* NEW_MODULES (v2.0) - Bootstrap component replacements */ @import url('./modules/alerts.css'); @import url('./modules/badges.css'); @import url('./modules/pagination.css'); @import url('./modules/cards.css'); @import url('./modules/tables.css'); @import url('./modules/breadcrumb.css'); @import url('./modules/btngroup.css'); @import url('./modules/progress.css'); @import url('./modules/loaders.css'); @import url('./modules/print.css'); @import url('./modules/autocomplete.css'); /* LAYOUT_MODULES (v3.0) - Navigation and layout components */ @import url('./modules/sidebar.css'); @import url('./modules/navbar.css'); @import url('./modules/dropdown.css'); /* FORM_MODULES (v3.2) - Form and wizard components */ @import url('./modules/wizard.css'); /* UTILITY_MODULES (v3.3) - Additional utility components */ @import url('./modules/timeline.css'); /* FEATURE_MODULES (v3.4) - Feature-specific components */ @import url('./modules/map.css'); /* ============================================================================ GLOBAL_UTILITIES|CSS_MAIN_001_UTILS PURPOSE: Minimal global utilities not covered by Bootstrap RULE: Only add here if truly global and not module-specific ============================================================================ */ /* DATA_ATTR_CONFIRMABLE|CSS_MAIN_001_DATA_ATTR */ /* Alternative to class-based .erp-confirmable using data attribute */ [data-erp-confirmable] { position: relative; } /* ============================================================================ FUTURE_MODULES_PLACEHOLDER|CSS_MAIN_001_FUTURE PLANNED_MODULES: - modules/accordion.css ....... CSS_ACCORDION_001|collapsible panels - modules/tooltip.css ......... CSS_TOOLTIP_001|hover tooltips ADD_NEW_MODULE_CHECKLIST: 1. Create file: public/css/modules/[name].css 2. Add MODULE_ID header with CLAUDE_CODE format 3. Add @import here 4. Update MODULES_LOADED list above 5. Update MODULE_STATUS with version 6. Update docs/ERP-CSS-SYSTEM.md documentation ============================================================================ */