/*
 * Loads all EvoChat (EvoAssistenten.BlazorChat + MudBlazor) CSS inside a
 * named cascade layer ("frameworks") so their global resets
 * (* { margin:0 }, body { font-family }, a { color }, h1-h6, etc.) have lower
 * priority than the application's unlayered styles. No !important needed in our
 * own normal CSS.
 *
 * IMPORTANT — Bootstrap is imported into this SAME layer, but AFTER these files
 * (see _HeaderResourcePartial.cshtml). Both Bootstrap and MudBlazor ship
 * !important utility classes with identical names (.d-lg-flex, .d-flex, ...).
 * Across DIFFERENT layers the !important order is reversed (layered beats
 * unlayered, first layer wins), which made MudBlazor's utilities win over
 * Bootstrap's. WITHIN one layer !important follows normal source order, so the
 * later-imported Bootstrap wins the tie — which is what we want (the app is a
 * Bootstrap app; Bootstrap owns the global utilities). This is why MudBlazor is
 * imported here and Bootstrap is imported further down the document into the
 * same layer.
 *
 * Browser support: Chrome 99+, Firefox 97+, Safari 15.4+ (Cascade Layers Level 5).
 */
@layer frameworks;
@import url('/_content/MudBlazor/MudBlazor.min.css') layer(frameworks);
@import url('/_content/EvoAssistenten.BlazorChat/EvoAssistentenStyling/Main.css') layer(frameworks);
@import url('/_content/EvoAssistenten.BlazorChat/EvoAssistenten/app.css') layer(frameworks);