/* ============================================================
   MAIN CSS ENTRY POINT
   Centralized import system for organized CSS architecture
   ============================================================ */

/* ============================================================
   1. FOUNDATIONS - Base styles and design tokens
   Variables, resets, typography - the foundation of your design system
   ============================================================ */
@import url('./1-foundations/variables.css?version=3.3.57.270');
/*@import url('./1-foundations/reset.css?version=3.3.57.270');*/
@import url('./1-foundations/typography.css?version=3.3.57.270');
@import url('./1-foundations/base.css?version=3.3.57.270');

/* ============================================================
   2. LAYOUT - Page structure and containers
   Grid systems, page layouts, structural components
   ============================================================ */
@import url('./2-layout/layout.css?version=3.3.57.270');
@import url('./2-layout/header.css?version=3.3.57.270');
@import url('./2-layout/sidebar.css?version=3.3.57.270');
@import url('./2-layout/footer.css?version=3.3.57.270');
@import url('./2-layout/grid.css?version=3.3.57.270');
/* ============================================================
   3. COMPONENTS - Reusable UI components
   Modular, reusable interface elements
   ============================================================ */
@import url('./3-components/buttons.css?version=3.3.57.270');
@import url('./3-components/forms.css?version=3.3.57.270');
@import url('./3-components/tables.css?version=3.3.57.270');
@import url('./3-components/modals.css?version=3.3.57.270');
@import url('./3-components/media.css?version=3.3.57.270');
@import url('./3-components/navigation.css?version=3.3.57.270');
@import url('./3-components/cards.css?version=3.3.57.270');
@import url('./3-components/tooltips.css?version=3.3.57.270');
@import url('./3-components/dropdowns.css?version=3.3.57.270');

@import url('./3-components/app-buttons.css?version=3.3.57.270');
@import url('./3-components/app-modals.css?version=3.3.57.270');
@import url('./3-components/dealer-products.css?version=3.3.57.270');

/* ============================================================
   4. PAGES - Page-specific styles
   Styles that are specific to particular pages or views
   ============================================================ */
@import url('./4-pages/dashboard.css?version=3.3.57.270');
@import url('./4-pages/login.css?version=3.3.57.270');
@import url('./4-pages/references.css?version=3.3.57.270');
@import url('./4-pages/sales.css?version=3.3.57.270');
/*@import url('./4-pages/reports.css?version=3.3.57.270');*/

/* ============================================================
   5. THEMES - Theme variations
   Color schemes and theme-specific overrides
   ============================================================ */
/*@import url('./5-themes/dark.css?version=3.3.57.270');
@import url('./5-themes/light.css?version=3.3.57.270');*/

/* ============================================================
   6. UTILITIES - Helper classes and overrides
   Utility classes for spacing, positioning, etc.
   Last to ensure proper cascade
   ============================================================ */

/*
   DISABLED 2026-08-05, together with the 7-vendors files below - see the note on
   datatables-overrides.css for the full story.

   Short version: line 50 of this file was missing a closing paren, and an unclosed url()
   swallows the rest of the file. Everything from line 50 down had therefore never loaded.
   Fixing that one character brought ~3,285 lines live in one go, and the first thing anyone
   noticed was DataTables going dark-on-dark with unreadable text.

   These files are not known to be wrong - they have simply never rendered in this app, so
   nothing here has been styled against them. Re-enable them ONE AT A TIME and check the
   affected pages; enabling them as a batch is what caused the regression.
*/
/*@import url('./6-utilities/utilities.css?version=3.3.57.270');*/
/*@import url('./6-utilities/responsive.css?version=3.3.57.270');*/

/* ============================================================
   7. VENDORS & OVERRIDES - Third-party library overrides
   Bootstrap, DataTables, and other external library customizations
   ============================================================ */
/* Disabled with the rest - see the note in section 6 above. */
/*@import url('./7-vendors/bootstrap-overrides.css?version=3.3.57.270');*/

/*
   DISABLED — this file restyles DataTables for the dark theme and conflicts with
   3-components/tables.css, which is what actually gives the tables their intended look
   (#151515 header with white text, #ffe4c8 / #F8F8F8 striped rows, white pagination).

   It had never actually loaded until 2026-08-04. Line 50 of this file read

       @import url('./4-pages/reports.css?version=3.3.57.270';      <- no closing paren

   and an unclosed url( swallows every following token looking for its ')'. Each later
   @import url(...) opened a nested function that consumed its own ')', so the outer one
   never closed and the rest of the file was consumed as part of that one broken at-rule.
   Everything from line 50 down - reports.css, both 6-utilities files and all three
   7-vendors files, ~3,285 lines - was therefore dead. Closing that paren brought them all
   live at once, and this file turned the tables dark-on-dark with washed-out text.

   Re-enable only after reconciling it with 3-components/tables.css; they style the same
   selectors with opposite intent.
*/
/*@import url('./7-vendors/datatables-overrides.css?version=3.3.57.270');*/

/*@import url('./7-vendors/wijmo-overrides.css?version=3.3.57.270');*/