/*=================================================================
  Admin Main Stylesheet - Imports (ITCSS Architecture)
==================================================================*/

/* 1. Settings - Global variables and configuration */
@import '01-settings/_variables.css';
@import '01-settings/_breakpoints.css';

/* 2. Generic - High-level resets and box-sizing */
@import '03-generic/_reset.css';
@import '03-generic/_box-sizing.css';

/* 3. Elements - Base styles for HTML elements */
@import '04-elements/_typography.css';
@import '04-elements/_forms.css';

/* 4. Objects - Layout patterns and structures */
@import '05-objects/_container.css';
@import '05-objects/_grid.css';

/* 5. Components - Styled, reusable UI components */
@import '06-components/_layout.css';
@import '06-components/_sidebar.css';
@import '06-components/_header.css';
@import '06-components/_buttons.css';
@import '06-components/_cards.css';
@import '06-components/_tables.css';
@import '06-components/_badges.css';
@import '06-components/_alerts.css';
@import '06-components/_pagination.css';
@import '06-components/_dashboard.css';
@import '06-components/_timeline.css';
@import '06-components/_orders.css';
@import '06-components/_products.css';
@import '06-components/_variations.css';
@import '06-components/_barcode-stickers.css';
@import '06-components/_categories.css';
@import '06-components/_customers.css';
@import '06-components/_home-content.css';
@import '06-components/_offline-orders.css';
@import '06-components/_settings.css';
@import '06-components/_animations.css';
@import '06-components/_accessibility.css';
@import '06-components/_dark-theme.css';
@import '06-components/_auth.css';

/* 6. Utilities - Helper classes */
@import '07-utilities/_display.css';
@import '07-utilities/_spacing.css';
@import '07-utilities/_misc-utilities.css';

/* 7. Responsive - Media queries that override previous styles */
@import '08-responsive/_mobile.css';
@import '08-responsive/_tablet.css';
@import '08-responsive/_desktop.css';

/*=================================================================
  Admin-specific enhancements and theme integration
==================================================================*/

/* Ensure smooth transitions globally */
* {
  transition: background-color var(--transition-normal),
              border-color var(--transition-normal),
              color var(--transition-normal),
              box-shadow var(--transition-normal);
}

/* Enhanced focus styles for accessibility */
*:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

/* Smooth scrolling for the entire app */
html {
  scroll-behavior: smooth;
}

/* Custom scrollbar for webkit browsers */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-tertiary);
  border-radius: var(--radius-sm);
}

::-webkit-scrollbar-thumb {
  background: var(--border-primary);
  border-radius: var(--radius-sm);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--text-tertiary);
}

/* Print styles */
@media print {
  .sidebar,
  .sidebar-toggle,
  .sidebar-overlay,
  .btn,
  .alert {
    display: none !important;
  }
  
  .main-content {
    margin-left: 0 !important;
  }
  
  .header {
    border-bottom: 2px solid #000;
    box-shadow: none;
  }
  
  .card {
    border: 1px solid #000;
    box-shadow: none;
  }
  
  .table {
    border-collapse: collapse;
  }
  
  .table th,
  .table td {
    border: 1px solid #000;
  }
}