/* ==========================================================================
   Aloha CRM — Master Stylesheet
   Imports all framework modules in order
   ========================================================================== */

/* 1. Design Tokens & Variables (must be first) */
@import 'variables.css';

/* 2. CSS Reset & Normalize */
@import 'reset.css';

/* 3. Page Layout System */
@import 'layout.css';

/* 4. Complete Component Library */
@import 'components.css';

/* 5. Utility Classes */
@import 'utilities.css';

/* ==========================================================================
   Global Styles
   ========================================================================== */

/* Smooth transitions for theme switching */
body {
  transition: background-color var(--transition-normal), color var(--transition-normal);
}

/* Ensure app-layout is full height and uses the flex-based grid */
#app,
.app-layout {
  min-height: 100vh;
}

/* Print styles */
@media print {
  .app-sidebar,
  .app-header,
  .sidebar-overlay,
  .toast-container,
  .modal-overlay {
    display: none !important;
  }

  .app-main {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .app-content {
    padding: 0 !important;
  }

  body {
    background: #fff;
    color: #000;
  }
}