/*
 * CSS Cascade Layers - Master Import File
 *
 * This file establishes the layer priority order for all CSS in the application.
 * It MUST be loaded FIRST before any other stylesheets.
 *
 * Layer Priority (lowest to highest):
 *   1. legacy    - All existing CSS (Bootstrap, plugins, customizations, etc.)
 *                  Specificity works normally within this layer.
 *   2. tailwind  - Tailwind utilities (modern UI only)
 *   3. overrides - Emergency escape hatch
 *
 * This simplified structure ensures:
 *   - Existing CSS behavior is preserved (specificity-based cascade within legacy)
 *   - Tailwind/modern UI styles always win over legacy
 *   - No unexpected "uncovering" of latent bugs from layer boundaries
 */

/* Establish layer order */
@layer legacy, tailwind, overrides;

/* Legacy layer - all existing CSS, specificity works normally within */
@import url("../ekualiti-kc-client-resources/css/streamlyne-research-bootstrap-combined.min.css") layer(legacy);
@import url("jquery.dataTables.css") layer(legacy);
@import url("select2.min.css") layer(legacy);
@import url("colReorder.dataTables.min.css") layer(legacy);
@import url("buttons.dataTables.min.css") layer(legacy);
@import url("responsive.dataTables.min.css") layer(legacy);
@import url("../customizations/css/streamlyne-customization.css") layer(legacy);
@import url("../customizations/css/core-customizations.css") layer(legacy);