Naming
Use domain prefixes for new classes.
Examples include ops-* for operational pages, docs-* for documentation, auth-* for auth pages, and sneat-* for replicated Sneat controls.
Dark mode
If a component has a surface, menu, option, input, or modal state, add a dark theme override.
Place dark theme overrides after base styles so they win without !important.
Responsive rules
Use stable dimensions for fixed-format controls.
Avoid viewport-based font scaling.
Keep cards and tables from causing horizontal page overflow.