/* ===========================================================
   FLEXCORE – CSS ENTRY POINT
   ===========================================================
   RESPONSIBILITY
   -----------------------------------------------------------
   • Single global stylesheet entry
   • Defines load order for the entire app
   • Variables → Core → Layouts → Components → Modules → Themes
   =========================================================== */


/* ===========================================================
   VENDOR (3RD PARTY)
   -----------------------------------------------------------
   • Loaded first
   • Never depend on app tokens
   =========================================================== */
@import "vendor/bootstrap/bootstrap.min.css";
@import "vendor/open-iconic/font/css/open-iconic-bootstrap.min.css";


/* ===========================================================
   DESIGN TOKENS (GLOBAL)
   -----------------------------------------------------------
   • Imported exactly once
   • No selectors, variables only
   =========================================================== */
@import "variables/_index.css";


/* ===========================================================
   CORE STRUCTURE & SHELL
   -----------------------------------------------------------
   • App shell, document base, navbar, toasts
   • No module knowledge
   =========================================================== */
@import "core/app-shell.css";
@import "core/navbar.css";
@import "core/toast.css";


/* ===========================================================
   LAYOUTS (PAGE COMPOSITION)
   -----------------------------------------------------------
   • List / Detail / Auth / Scheduling layouts
   • Use tokens + core only
   =========================================================== */
@import "layouts/login-layout.css";
@import "layouts/app-content-surface.css";
@import "layouts/list-layout.css";
@import "layouts/detail-layout.css";
@import "layouts/scheduling-layout.css";
@import "layouts/page-header.css";


/* ===========================================================
   COMPONENTS (REUSABLE UI)
   -----------------------------------------------------------
   • Buttons, inputs, cards, dropdowns
   • No page-level layout rules
   =========================================================== */
@import "components/button.css";
@import "components/card.css";
@import "components/input.css";
@import "components/dropdown.css";
@import "components/function-dropdown.css";


/* ===========================================================
   MODULE STYLES (FEATURE-SCOPED)
   -----------------------------------------------------------
   • Must NEVER affect other modules
   • Loaded explicitly
   =========================================================== */
@import "modules/performance/performance-list.css";
@import "modules/addresses/addresses-list.css";
@import "modules/cashbook/cashbook-list.css";
@import "modules/correspondence/correspondence-list.css";
@import "modules/documents/documents-list.css";
@import "modules/employees/employees-list.css";
@import "modules/products/products-list.css";
@import "modules/sales/sales-list.css";


/* ===========================================================
   THEMES
   -----------------------------------------------------------
   • Override tokens only
   • Must be last
   =========================================================== */
@import "themes/default/theme.css";