// ============================================
// 1. THIRD-PARTY STYLES (Lowest Priority)
// ============================================
// These are loaded first so they can be overridden by custom styles
import 'normalize.css';
import '@glideapps/glide-data-grid/dist/index.css';
import '@glideapps/glide-data-grid-cells/dist/index.css';
import 'react-responsive-carousel/lib/styles/carousel.min.css';
import 'react-phone-input-2/lib/style.css';

// ============================================
// 2. BASE STYLES (Variables, Mixins, Reset)
// ============================================
import './css/reset.css';
import './sass/_variables.scss';
import './sass/_mixins.scss';
import './sass/_animations.scss';

// ============================================
// 3. COMPONENT STYLES (Custom Components)
// ============================================
// All component-specific styles
import '../components/action-bar/action-bar.scss';
import '../components/editor/custom-editor.css';
import '../components/activity-tag/activity-tag.scss';
import '../components/activityArea/activityArea.scss';
import '../components/activityLog/activity-log.scss';
import '../components/appbar/appbar.scss';
import '../components/avatar/avatar.scss';
import '../components/board/board.scss';
import '../components/button/button.scss';
import '../components/calculation-summary/calculation-summary.scss';
import '../components/calendar/calendar.scss';
import '../components/card-wrapper/card-wrapper.scss';
import '../components/confirm-modal/confirm-modal.scss';
import '../components/country-select/index.scss';
import '../components/custom-snackbar/custom-snackbar.scss';
import '../components/Dashboard/dashboard.scss';
import '../components/date-picker/date-picker.scss';
import '../components/date-range-picker/date-range-picker.scss';
import '../components/date-time-picker/date-time-picker.scss';
import '../components/expandable-summary-wrapper/expandable-summary-wrapper.scss';
import '../components/fallback/fallback.scss';
import '../components/filter/filter.scss';
import '../components/footer/footer.scss';
import '../components/form-control/form-builder/form-builder-element/element.scss';
import '../components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal.scss';
import '../components/form-control/form-parser/form-parser.scss';
import '../components/form-header/form-header.scss';
import '../components/gantt/gantt.scss';
import '../components/grid/grid-card/grid-card.scss';
import '../components/grid/grid-wrapper/grid-wrapper.scss';
import '../components/grid-fallback/grid-fallback.scss';
import '../components/header/header.scss';
import '../components/header-card/header-card.scss';
import '../components/hr-line/hr-line.scss';
import '../components/info-card/info-card.scss';
import '../components/inventory-reports-title-bar/component/reportFilter.scss';
import '../components/inventory-reports-title-bar/inventory-reports-title-bar.scss';
import '../components/inventory-reports-title-bar/report-buttons/report-buttons.scss';
import '../components/list/list.scss';
import '../components/material-table/material-table.scss';
import '../components/module-button/module-button.scss';
import '../components/mulitline/multiline.scss';
import '../components/multi-select/multi-select.scss';
import '../components/page-navigator/page-navigator.scss';
import '../components/page-navigator/components/shared-page-modal.scss';
import '../components/pagination/pagination.scss';
// import '../components/phone-input/phone-input.scss';
import '../components/parties-modal/parties-modal.scss';
import '../components/quick-approval-modal/quick-approval-modal.scss';
import '../components/reports/dynamic-report/dynamic-report.scss';
import '../components/reports-title-bar/reports-title-bar.scss';
import '../components/reports-title-bar/report-buttons/report-buttons.scss';
import '../components/schedule-report/schedule-report.scss';
import '../components/schedule-report/schedule-report-modal.scss';
import '../components/search-bar/search-bar.scss';
import '../components/select/controller/controller-select.scss';
import '../components/share-modal/share-modal.scss';
import '../components/sidebar/sidebar.scss';
import '../components/sub-header-doc/sub-header-doc.scss';
import '../components/tab-bar-ui/tab-bar-ui.scss';
import '../components/tabs/tabs.scss';
import '../components/text-field/text-field.scss';
import '../components/time-picker/time-picker.scss';
import '../components/time-range-picker/time-range-picker.scss';
import '../components/toast/toast.scss';
import '../components/toggle/toggle.scss';
import '../components/upload/upload.scss';
import '../components/upload-excel/upload-excel.scss';
import '../components/user-dropdown/user-dropdown.scss';
import '../components/value-field/value-field.scss';
import '../components/view-modal/view-modal.scss';

// Charts
import '../components/charts/barLineChart/barLineChart.scss';
import '../components/charts/chartLegend.scss';
import '../components/charts/donut-chart/donut-chart.scss';
import '../components/charts/donutChart/donut-chart.scss';

// Views
import '../views/afterAuth/dashboard/dashboard.scss';
import '../views/beforeAuth/components/index.scss';
import '../views/beforeAuth/landing/landing.scss';
import '../views/beforeAuth/login/index.scss';
import '../views/template-editor/add-template/add-template.scss';
import '../views/template-editor/company-selection-modal/company-selection-modal.scss';
import '../views/template-editor/edit-section-modal/edit-section-modal.scss';
import '../views/template-editor/template-name-modal/template-name-modal.scss';
import '../views/template-editor/templates.scss';

// ============================================
// 4. UTILITY CLASSES (Highest Priority)
// ============================================
// These are loaded LAST so they can override component styles
// Utility classes use !important to ensure they work everywhere
import './sass/_utils.scss';