/* Main CSS - Import all modular components
 * Generated from components.css modularization
 *
 * Import order is critical for maintaining proper CSS cascade
 * Total: 14 component files, ~2,964 lines
 *
 * Usage: Replace <link rel="stylesheet" href="css/components.css"> with:
 *        <link rel="stylesheet" href="css/components/main.css">
 */

/* ==========================================================================
   1. UTILITIES & TOKENS
   Foundation styles that other components depend on
   ========================================================================== */
@import 'utilities.css';

/* ==========================================================================
   2. BASE COMPONENTS
   Form controls and buttons used across the application
   ========================================================================== */
@import 'buttons.css';
@import 'forms.css';
@import 'feedback.css';

/* ==========================================================================
   3. TAB-SPECIFIC COMPONENTS
   Styles for individual application tabs
   ========================================================================== */
@import 'speech-tab.css';
@import 'image-grid.css';

/* ==========================================================================
   4. DASHBOARD COMPONENTS
   User dashboard sections and features
   ========================================================================== */
@import 'dashboard-profile.css';
@import 'dashboard-sections.css';
@import 'transactions.css';
@import 'dashboard-filters.css';
@import 'audio-components.css';

/* ==========================================================================
   5. ADMIN COMPONENTS
   Admin dashboard and management tools
   ========================================================================== */
@import 'admin.css';

/* ==========================================================================
   6. OVERLAYS
   Modal dialogs and lightbox viewers
   ========================================================================== */
@import 'lightbox.css';

/* ==========================================================================
   7. RESPONSIVE OVERRIDES
   Media queries for all breakpoints (load last for proper specificity)
   ========================================================================== */
@import 'responsive.css';