/* BC3's global stylesheets, all in the `bc3` cascade layer.
 *
 * Unlayered, these rules beat every layered rule whatever the specificity, so bare `h1`-`h6`,
 * `p`, `a` and `input` rules here overrode ui-library and Tailwind utility classes. Inside the
 * `bc3` layer they still beat the resets in `base` (Chakra's and Tailwind's preflight), as before,
 * but lose to `utilities`.
 *
 * Unlayered CSS beats this layer whatever the specificity. What stays unlayered: Chakra's Emotion
 * styles (its theme global styles are disabled and live in `chakra-global`, between `base` and
 * `bc3`, see ThemeProvider.module.scss), CSS modules outside BC3 (src/App.module.scss overrides
 * BC3 classes on purpose), and vendor CSS imported by the new modules. BC3's own CSS modules and
 * the vendor CSS BC3 imports (react-select, react-datepicker, prism) are put in `bc3` too, so their
 * cascade against these files stays as it was. One exception: RenderTemplateExport.module.scss stays
 * unlayered, so its overrides win whatever the sheet order (image export depends on them).
 *
 * `ui-reset` holds ui-library's reset.css, which only matches elements the library renders
 * (`[data-ui]`). It sits above `bc3` so BC3's bare `a` and `h1`-`h6` rules can't restyle
 * library parts; BC3 classes put on a library component still apply where the reset is silent.
 *
 * This sheet loads before any Vite CSS, so this statement fixes the layer order for the page.
 * src/globals.css and src/ui/ThemeProvider/ThemeProvider.module.scss repeat the same list; keep
 * all three in step.
 *
 * Note: inside layers `!important` reverses, so an !important rule here now beats an
 * !important utility (`foo!`). Every !important in these files targets BC3's own classes.
 */
@layer theme, base, chakra-global, bc3, ui-reset, components, utilities;

@import url('./cl-style.css') layer(bc3);
@import url('./login-new.css') layer(bc3);
@import url('./bc-general.css') layer(bc3);
@import url('./preview.css') layer(bc3);

@import url('./brand-channel.css') layer(bc3);
@import url('./navigation-panel.css') layer(bc3);
@import url('./channeling-panel.css') layer(bc3);
@import url('./channel-setup.css') layer(bc3);
@import url('./cl-context-menu.css') layer(bc3);

@import url('./bc3-basic-components.css') layer(bc3);
@import url('./bc3-asset.css') layer(bc3);
@import url('./bc3-context-menu.css') layer(bc3);
@import url('./bc3-modal.css') layer(bc3);

@import url('./bc3-speedmaster.css') layer(bc3);
@import url('./bc3-speedmaster-login.css') layer(bc3);
@import url('./bc3-preview-styles.css') layer(bc3);
@import url('./bc3-category.css') layer(bc3);
@import url('./bc3-asset-actions-menu.css') layer(bc3);
@import url('./bc3-buttons.css') layer(bc3);
@import url('./bc3-autosuggest.css') layer(bc3);
@import url('./bc3-footer.css') layer(bc3);

@import url('./bc3-filter-panel.css') layer(bc3);
@import url('./bc3-select-box.css') layer(bc3);
@import url('./bc3-date-picker.css') layer(bc3);
@import url('./bc3-landing-page.css') layer(bc3);
@import url('./bc3-player.css') layer(bc3);
@import url('./bc3-sidemenu.css') layer(bc3);

@import url('./page-editor/cplus-style.css') layer(bc3);
@import url('./bc3-channel-manager.css') layer(bc3);
@import url('./bc3-top-menu.css') layer(bc3);
@import url('./bc3-setting-manager.css') layer(bc3);
@import url('./bc3-tabs.css') layer(bc3);
@import url('./bc3-reporting.css') layer(bc3);
@import url('./bc3-manage-roles.css') layer(bc3);
@import url('./bc3-manage-team.css') layer(bc3);
@import url('./bc3-manage-group.css') layer(bc3);
@import url('./bc3-user-edit-profile.css') layer(bc3);
@import url('./bc3-csv-importer.css') layer(bc3);
@import url('./bc3-manage-user.css') layer(bc3);
@import url('./bc3-category-meta-editor.css') layer(bc3);
@import url('./bc3-accordion.css') layer(bc3);
@import url('./bc3-products-accordion.css') layer(bc3);
@import url('./shopping-basket.css') layer(bc3);
@import url('./bc3-social-media.css') layer(bc3);
@import url('./template-editor/template-creator-react.css') layer(bc3);
@import url('./template-editor/cl-style-react.css') layer(bc3);
@import url('./template-editor/CircularProTT.css') layer(bc3);
@import url('./template-editor/ConradBasis.css') layer(bc3);
@import url('./template-editor/GardenaSans.css') layer(bc3);
@import url('./template-editor/Lumios-Marker.css') layer(bc3);
@import url('./template-editor/FE2451.css') layer(bc3);
@import url('./cl-power-panel.css') layer(bc3);
@import url('./ReactCrop.css') layer(bc3);

@import url('./fonts.css') layer(bc3);