/* === MAIN STYLESHEET === */
/* build: 2026-03-17 orders-modal-modern-crm-15 */

/* 1. Variables & Reset */
@import url('00-variables.css');
@import url('01-reset.css');

/* 2. Base Styles */
@import url('02-base.css');

/* 3. Layout */
@import url('04-layout/containers.css');
@import url('04-layout/page-header.css');

/* 4. Components */
@import url('03-components/buttons.css');
@import url('03-components/filters.css');
@import url('03-components/forms.css');
@import url('03-components/tables.css');
@import url('03-components/modals.css');
@import url('03-components/cards.css');
@import url('03-components/badges.css');
@import url('03-components/loader.css');

/* 5.1. Pages - Documents */
@import url('pages/documents/documents.css');
@import url('pages/documents/documents-view.css');
@import url('pages/documents/prykhid.css');
@import url('pages/documents/prykhid-view.css');
@import url('pages/documents/vidgruzka.css');
@import url('pages/documents/vidgruzka-view.css');
@import url('pages/documents/inventory.css');
@import url('pages/documents/inventory-view.css');

/* 5.2. Pages - Orders */
@import url('pages/orders/orders.css?v=20260317-orders-modal-columns-01');
@import url('pages/orders/statistics.css');

/* 5.3. Pages - Products */
@import url('pages/products/products.css');

/* 5.4. Pages - Returns */
@import url('pages/returns/returns.css');
@import url('pages/returns/returns-spec-import.css');

/* 5.5. Pages - Users */
@import url('pages/users/users.css');
@import url('pages/users/users-form.css');
@import url('pages/users/users-logs.css');

/* 5.6. Pages - Reports */
@import url('pages/reports/oborot.css');
@import url('pages/reports/operating-report.css');

/* 5.7. Pages - Tools */
@import url('pages/tools/np-search.css');
@import url('pages/tools/ttn-tracking.css');
@import url('pages/tools/ukrposhta-draft-checker.css');
@import url('pages/check_orders_vidgruzka/check-orders-vidgruzka.css');

/* 5.8. Pages - Shared */
@import url('pages/shared/index.css');
@import url('pages/shared/items-table.css');
@import url('pages/shared/inventory-items-table.css');
@import url('pages/shared/payment-registers.css');
@import url('pages/shared/manage-statuses.css');

/* 6. Utilities & Animations */
@import url('05-utilities.css');
@import url('06-animations.css');
@import url('07-responsive.css');

/* 7. Theme (dark mode overrides) */
@import url('08-theme.css');

/* 8. Sidebar (підключаємо в кінці для максимального пріоритету) */
@import url('03-components/sidebar.css');

/* 9. Pages - Auth (після всіх компонентів для пріоритету) */
@import url('pages/auth/login.css');

/* 10. External Libraries Overrides */
/* Flatpickr: календар рендериться в body, тому має бути вище модалки (--z-modal-content = 100001) */
.flatpickr-calendar {
    z-index: 100002 !important;
}
.modal .flatpickr-calendar {
    z-index: 100002 !important;
}

/* Litepicker */
.litepicker {
    z-index: var(--z-dropdown) !important;
}

/* Litepicker inside modals: must overlay backdrop */
html.body-no-scroll .litepicker,
body.body-no-scroll .litepicker {
    z-index: var(--z-modal-content) !important;
    position: fixed !important;
}

/* TomSelect dropdown: коли модалка відкрита, dropdown (часто в body) має бути вище неї */
body.body-no-scroll .ts-dropdown {
    z-index: var(--z-loader) !important;
}