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


/* ===========================================================
   GLOBAL RESET
   -----------------------------------------------------------
   • Must be first — normalizes browser defaults before any
     vendor or app styles kick in
   =========================================================== */
@import "reset.css";


/* ===========================================================
   WEB FONTS
   -----------------------------------------------------------
   • Loaded immediately after the reset so @font-face
     declarations are known before any rule references
     --font-sans / --font-mono.
   =========================================================== */
@import "fonts.css";


/* ===========================================================
   VENDOR (3RD PARTY)
   -----------------------------------------------------------
   • Loaded after reset, before app tokens
   • 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";
@import "core/spinner.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/settings-masterdata.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/crud-section.css';
@import "components/card.css";
@import "components/badge.css";
@import "components/input.css";
@import "components/password-input.css";
@import "components/dropdown.css";
@import "components/function-dropdown.css";
@import "components/autofill-input.css";
@import "components/select-input.css";
@import "components/date-input.css";
@import "components/rich-text.css";
@import "components/month-year-picker.css";
@import "components/confirm-modal.css";
@import 'components/color-picker-input.css';
@import "components/app-modal.css";
@import "components/app-table.css";
@import "components/editable-grid.css";
@import "components/empty-state.css";
@import "components/sort-header.css";
@import "components/reconnect.css";
@import "components/image-lightbox.css";
@import "components/toggle-switch.css";
@import "components/sort-controls.css";
@import "components/radio-input.css";
@import "components/checkbox-input.css";
@import "components/checkbox-list.css";
@import "components/party-picker.css";
@import "components/party-select-modal.css";
@import "components/scope-switcher.css";
@import "components/archive-banner.css";
@import "components/admin-form.css";
@import "components/policy-tree.css";
@import "components/settings-permissions-tab.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/addresses/addresses-detail.css";
@import "modules/cashbook/cashbook-list.css";
@import "modules/correspondence/correspondence-list.css";
@import "modules/correspondence/correspondence-detail.css";
@import "modules/documents/documents-list.css";
@import "modules/documents/documents-icons.css";
@import "modules/documents/documents-detail.css";
@import "modules/documents/documents-preview.css";
@import "modules/documents/documents-upload.css";
@import "modules/documents/documents-create-from-template.css";
@import "modules/employees/employees-list.css";
@import "modules/employees/employees-detail.css";
@import "modules/employees/attendance-tab.css";
@import "modules/employees/employee-documents-tab.css";
@import "modules/products/products-list.css";
@import "modules/products/products-form.css";
@import "modules/products/products-detail.css";
@import "modules/sales/sales-list.css";
@import "modules/sales/sales-guests.css";
@import "modules/sales/sales-create.css";
@import "modules/sales/sales-tenders.css";
@import "modules/sales/sales-tender-entry.css";
@import "modules/sales/sales-checkout.css";
@import "modules/settings/settings-company.css";
@import "modules/settings/settings-section.css";
@import "modules/settings/settings-smtp.css";
@import "modules/settings/settings-geo.css";
@import "modules/settings/settings-tenants-list.css";
@import "modules/settings/settings-tenant-edit-modal.css";
@import "modules/settings/settings-navigation-customization.css";
@import "modules/settings/settings-navigation-translations.css";
@import "modules/employees/profile.css";


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