/* 
 * Main Styles Entry Point
 * Imports all modular CSS components
 */

/* Variables (design tokens) */
@import url('css/variables.css');

/* Base styles */
@import url('css/components/base.css');

/* Scrollbar styles */
@import url('css/components/scrollbars.css?v=20260703');

/* Component Partials (individual components with dedicated JS) */
@import url('css/partials/topbar.css?v=20260318');
@import url('css/partials/sidebar.css');
@import url('css/partials/footer.css');

/* Layout components */
@import url('css/components/layout.css');
@import url('css/components/navigation.css?v=20260703');
@import url('css/components/page-header.css');
@import url('css/components/list-shell.css');
@import url('css/components/unified-search.css?v=20260504a');

/* UI components */
@import url('css/components/buttons.css');
@import url('css/components/forms.css');
@import url('css/components/form-page.css');
@import url('css/components/booking-page-settings.css');
@import url('css/components/search.css');
@import url('css/components/cards.css');
@import url('css/components/modals.css');
@import url('css/components/drawer.css');
@import url('css/components/import-anything.css');
/* Note: mobile-bottom-sheet.css removed - content migrated to css/mobile/ */
@import url('css/components/task-drawer.css?v=20260318');
@import url('css/components/tables.css');
@import url('css/components/table-manager.css');
@import url('css/components/table-rowcards.css');
@import url('css/components/searchable-select.css');
@import url('css/components/queue-tab-views.css');

/* Feature-specific styles */
@import url('css/components/auth.css');
/* @import url('css/components/dashboard.css'); */
@import url('css/admin/settings.css');
@import url('css/admin/agentConfig.css');
@import url('css/admin/harnessOps.css');
@import url('css/users/users.css');
@import url('css/crm/vendors.css');
@import url('css/crm/customers.css');
@import url('css/crm/leads.css');
@import url('css/projects/projects.css?v=20260703');
@import url('css/operations/procurement.css?v=20260703');
@import url('css/calendar/calendar.css?v=20260703');
@import url('css/projects/tasks.css');
@import url('css/files/files.css');
@import url('css/messages/messages-layout.css?v=20260629b');
@import url('css/messages/messages-chat.css?v=20260709');
@import url('css/messages/messages-content.css?v=20260318');
@import url('css/messages/messages-threads.css');
@import url('css/messages/messages-media.css');
@import url('css/messages/messages-input.css?v=20260614');
@import url('css/messages/messages-modals.css');
@import url('css/messages/messages-features.css?v=20260508_3');
@import url('css/messages/messages-floating.css');
@import url('css/messages/messages-advanced.css?v=20260708b');
@import url('css/messages/threads-hub.css?v=20260517b');
@import url('css/messages/sidebar-v2.css?v=20260613a'); /* Sleek sidebar skin — MUST be the last messages import (it overrides messages-layout AND messages-advanced) */
@import url('css/components/mention-modal.css');
@import url('css/components/image-viewer.css?v=20260318');
@import url('css/finance/finance.css?v=20260703');
@import url('css/support/knowledgeBase.css?v=20260722');
@import url('css/finance/expenses.css');
@import url('css/finance/contracts.css?v=20260723');
@import url('css/components/permissions.css');
@import url('css/projects/risks.css');
@import url('css/admin/admin-metrics.css');
@import url('css/admin/moderationReports.css');
@import url('css/components/emoji-picker.css');
@import url('css/components/emoji-builder.css');
@import url('css/components/reactions.css?v=20260318');
@import url('css/components/system-types.css');
@import url('css/components/mentions.css');
@import url('css/components/terminal-channel.css');
@import url('css/components/comment-thread.css');
@import url('css/components/qais-panel.css');
@import url('css/components/taqo.css');
@import url('css/components/assistant-toggle.css');

/* Emergency Operations — Evacuation Command moved to /modules/evacuation-command/styles.css,
   loaded via <link> in views/index.ejs (manifest assets[] allow-list). Old
   public/css/evacuation/evacuation.css kept on disk as rollback insurance. */

/* Utility classes */
@import url('css/components/utilities.css');
/* Note: responsive.css removed - content migrated to mobile2026.css */
/* Note: mobile.css removed - content migrated to mobile2026.css */

/* Mobile — reorganized into css/mobile/ (loaded last for proper cascade) */
@import url('css/mobile/index.css');
/* ═══════════════════════════════════════════════════════════════
   Reduced motion — global fallback (2026-07-12 perf/a11y audit).
   185 infinite animations exist across the CSS layer and only ~24% of files
   honored the preference. Near-zero durations (not `none`) so animation-fill
   states and JS animationend/transitionend handlers still fire.
   ═══════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}