/* Global CSS cascade order — declared once, first, so every stylesheet agrees.
   Later layers win:

     tw-base  <  tw-components  <  mud  <  tw-utilities  <  app

   Plus a leading `overrides` layer: it is LOWEST priority for normal declarations,
   but because `!important` REVERSES layer order (earlier layers win), any `!important`
   rule placed in `overrides` beats vendor `!important` rules in the `mud` layer
   (e.g. MudBlazor's `.mud-primary-text { color: … !important }`). Use it only for the
   rare cases where a component library ships an `!important` we must override.

   - tw-base (Tailwind/Flowbite Preflight)  : lowest — normalises plain HTML but
     can no longer clobber MudBlazor component styling (fixes washed-out text).
   - mud (MudBlazor + MudExtensions + Diagrams) : above Preflight so components
     render correctly, below tw-utilities so a utility class on a Mud element still
     wins (avoids spacing conflicts).
   - app (in app.min.css) : highest — intentional app overrides.

   This file is plain CSS (NOT processed by the Tailwind CLI), so the url() @imports
   are kept as runtime imports and the vendor CSS lands in the `mud` layer. It must be
   loaded BEFORE app.min.css in App.razor. */
@layer overrides, tw-base, tw-components, mud, tw-utilities, app;

@import url("/_content/MudBlazor/MudBlazor.min.css") layer(mud);
@import url("/_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.css") layer(mud);
@import url("/_content/Z.Blazor.Diagrams/style.min.css") layer(mud);
@import url("/_content/Z.Blazor.Diagrams/default.styles.min.css") layer(mud);