/* ==========================================================================
   OWL Dashboard (Standalone) - Main Stylesheet

   This file imports shared foundation styles and app-specific components.

   IMPORT ORDER MATTERS:
   1. Shared foundation (variables, reset, animations, utilities)
   2. Shared components (buttons, status, modal, toast, forms)
   3. App-specific components (layout, cards, controls, etc.)
   ========================================================================== */

/* -------------------------------------------------------------------------
   Shared Foundation
   These provide the base design tokens, reset, and utilities
   ------------------------------------------------------------------------- */
@import '../shared/css/_variables.css';
@import '../shared/css/_reset.css';
@import '../shared/css/_animations.css';
@import '../shared/css/_utilities.css';

/* -------------------------------------------------------------------------
   Shared Components
   Common UI components used across both controllers
   ------------------------------------------------------------------------- */
@import '../shared/css/_buttons.css';
@import '../shared/css/_status.css';
@import '../shared/css/_modal.css';
@import '../shared/css/_toast.css';
@import '../shared/css/_forms.css';
@import '../shared/css/_config.css';
@import '../shared/css/_hardware.css';

/* -------------------------------------------------------------------------
   App-Specific Components
   Standalone dashboard-specific styles
   ------------------------------------------------------------------------- */
@import 'components/_layout.css';
@import 'components/_cards.css';
@import 'components/_controls.css';
@import 'components/_storage.css';
@import 'components/_notifications.css';
@import 'components/_config.css';
@import 'components/_config_tab.css';
@import 'components/_ai_tab.css';
@import '../shared/css/_widgets.css';
@import '../shared/css/_agent.css';