/*
 * Anti-corruption layer: protect modern Helix components from legacy CSS bleed.
 *
 * Legacy stylesheets define broad selectors (.error, etc.) that clash with
 * class names used internally by Helix components. This file resets those
 * properties specifically within Helix mount containers.
 *
 * These rules use high-specificity selectors (e.g. #id .compound.class) so
 * they win regardless of stylesheet load order — no !important needed.
 */

/* --- Toast notifications ------------------------------------------------- */
#toasterAppContainer .toast.error {
    border: none;
    padding: 0;
    margin: 7px 0;
    background-color: initial;
    opacity: 1;
    display: inline-flex;
}