Issue with styles.css

Using Radzen 2.62.5

I've tried to add a css style to styles.css in \server\wwwroot\assets\css

.test {
    color: black;
}

/* Import the Radzen CSS files */
@import './styles-generated.css';

however doing so breaks all styling:

image

What did I miss?

Add your custom rules after the @import:


Perfect, might move the:

/*
  You can add custom CSS rules or import files here.
*/

below the

/* Import the Radzen CSS files */
@import './styles-generated.css';

to reduce confusion.

After the change it's working, thank you for your help.

Well, this comment block is just to inform the developers that they can add custom rules in this file. By definition @import should be first:
https://www.w3schools.com/cssref/pr_import_rule.asp

Got it makes perfect sense now.