/* ============================================
   Birkly Admin - Main Stylesheet Hub
   ============================================
   
   This file imports all CSS modules in the correct order.
   Only this file needs to be loaded in the HTML.
   
   Import Order:
   1. Core (variables, reset, typography, utilities)
   2. Components (buttons, forms, tables, etc.)
   3. Layout (sidebar, header, main-content, grid)
   4. Pages (dashboard, settings, content, etc.)
   5. Plugins (plugin API, fieldtype API)
   6. Global Features (ai-chat-button, etc.)
   
   ============================================ */

/* ============================================
   Core Foundation
   ============================================ */
@import url('core/variables.css');
@import url('core/compat-tokens.css');
@import url('core/density.css');
@import url('core/reset.css');
@import url('core/typography.css');
@import url('core/utilities.css');

/* ============================================
   Components
   ============================================ */
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/tables.css');
@import url('components/modals.css');
@import url('components/switches.css');
@import url('components/cards.css');
@import url('components/messages.css');
@import url('components/empty-states.css');
@import url('components/status-badges.css');
@import url('components/tabs.css');
@import url('components/search.css');
@import url('components/notifications.css');
@import url('components/theme-switcher.css');
@import url('components/dropdowns.css');
@import url('components/sticky-save-bar.css');
@import url('components/hosting-wizard.css');
@import url('components/delivery-status.css');
@import url('components/ui-feedback.css');
@import url('components/icons.css');
@import url('components/icon-picker.css');
@import url('components/activity-rows.css');

/* ============================================
   Layout
   ============================================ */
@import url('layout/sidebar.css');
@import url('layout/header.css');
@import url('layout/main-content.css');
@import url('layout/grid.css');

/* ============================================
   Pages
   ============================================ */
@import url('pages/dashboard.css');
@import url('pages/settings.css');
@import url('pages/analytics.css');
@import url('pages/content.css');
@import url('pages/collection-editor.css');
@import url('pages/media.css');
@import url('pages/ai-presence.css');
@import url('pages/discovery.css');
@import url('pages/plugins.css');
@import url('pages/help.css');
@import url('pages/account.css');
@import url('pages/auth.css');
@import url('plugin-page.css');

/* ============================================
   Plugin API
   ============================================ */
@import url('plugins/fieldtype-api.css');

/* ============================================
   Global Features
   ============================================ */
@import url('ai-chat-button.css');
@import url('guide-launcher.css');
@import url('feedback-button.css');

/* ============================================
   Helpers + final overrides — MUST load last
   ============================================
   Utilities are the composition layer: a u-* helper has to beat a component
   that sets the same property at equal specificity, and source order is what
   decides that. Loading helpers before components silently killed them
   (P56-M7 finding).
   ============================================ */
@import url('core/helpers.css');
@import url('core/overrides.css');