/**
 * Main CSS Entry Point
 * Licensing System - Modern CSS Architecture
 *
 * This file imports all CSS modules in the correct order.
 * The order matters: foundation -> components -> layouts -> utilities
 */

/* ==========================================================================
   FOUNDATION
   Base styles, resets, and design tokens
   ========================================================================== */

@import url('foundation/_reset.css');
@import url('foundation/_tokens.css');
@import url('foundation/_base.css');

/* ==========================================================================
   COMPONENTS
   Reusable UI components
   ========================================================================== */

@import url('components/_buttons.css');
@import url('components/_cards.css');
@import url('components/_badges.css');
@import url('components/_forms.css');
@import url('components/_tables.css');
@import url('components/_modals.css');
@import url('components/_alerts.css');
@import url('components/_navigation.css');

/* ==========================================================================
   LAYOUTS
   Page structure and grid systems
   ========================================================================== */

@import url('layouts/_app-shell.css');
@import url('layouts/_grid.css');

/* ==========================================================================
   UTILITIES
   Helper classes (loaded last to ensure they can override)
   ========================================================================== */

@import url('utilities/_helpers.css');

/* ==========================================================================
   PRINT STYLES
   ========================================================================== */

@media print {
  .sidebar,
  .mobile-menu-toggle,
  .btn,
  .pagination {
    display: none !important;
  }

  .main-content {
    margin-left: 0 !important;
    padding: 0 !important;
  }

  .card {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    break-inside: avoid;
  }

  a[href]::after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
    color: #666;
  }

  .data-table {
    font-size: 10pt;
  }
}
