/*
 * Layer order for the whole page. It must load before any other stylesheet,
 * and it lives in public/ so PostCSS does not prepend its own mf-* order.
 *
 * The contact center web component adds its Tailwind v4 stylesheet to the
 * document with the layers properties…utilities. Declaring them first keeps
 * them below the microfrontends' mf-* layers (see postcss.config.js);
 * otherwise its preflight (* { padding: 0 }) beats every microfrontend
 * utility.
 */
@layer properties, theme, base, components, utilities, mf-base, mf-components,
    mf-utilities, mf-variants;