/* 
 * Main CSS File
 * This file imports all CSS files in the correct order.
 */

/* Base styles */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';

/* Layout */
@import 'layout/grid.css';
@import 'layout/layout.css';

/* Components */
@import 'components/buttons.css';
@import 'components/indicators.css';
@import 'components/forms.css';


/* Utilities - should be imported last to ensure they override other styles */
@import 'utilities/utilities.css';
@import 'utilities/no-animations.css';
@import 'utilities/display-rendering-optimizations.css';
/* Removed iframe-styles.css import as it's no longer needed with Shadow DOM */

/* 
 * Any additional global styles that don't fit elsewhere can be added here.
 * However, it's better to add them to the appropriate category file.
 */

/* Print styles */
@media print {
  body {
    background-color: white;
    color: black;
  }
  
  .module-container {
    position: static;
    height: auto;
    overflow: visible;
  }
  
  .module {
    position: static;
    page-break-inside: avoid;
    margin-bottom: 20px;
    box-shadow: none;
    border: 1px solid #ddd;
  }
  
  .module__header {
    background-color: #f8f9fa;
    color: #333;
  }
  
  .no-print {
    display: none !important;
  }
}