/* jquery-toast-plugin hardcodes t("body").append(...) for its toast wrapper (see addToDom() in jquery.toast.min.js) - there's no dropdownParent-style option to redirect it, unlike Select2. On an embedded page that means the toast wrapper always lands as a direct child of , outside #app-embed-root, so the #app-embed-root- scoped copy of this plugin's own CSS (jquery.toast.min.scoped.css) never matches it - it renders as a bare, unstyled, full-width block wherever it landed in the document (confirmed via testing: it showed up stacked right above the marketing site's footer). Rather than patching the third-party plugin's JS, this file carries the same rules WITHOUT any #app-embed-root scoping, so the toast is correctly positioned/styled regardless of where in the DOM it ends up. Safe to leave unscoped: .jq-toast-* are unique, plugin-specific class names with effectively zero collision risk with the marketing site's own CSS. Only linked on embedded pages - the standalone app doesn't need this since jquery.toast.min.css already applies there directly. Also adds .bottom-center/.top-center/.mid-center, which jquery.toast.min.css never defined even though the plugin's JS supports them (see _positionClasses in jquery.toast.min.js) - the app's own showToast() wrapper defaults to "bottom-center", so this was silently missing centering CSS even before embedding was a factor. */ .jq-toast-wrap,.jq-toast-wrap *{margin:0;padding:0} .jq-toast-wrap{display:block;position:fixed;width:250px;pointer-events:none!important;letter-spacing:normal;z-index:9000!important} .jq-toast-wrap.bottom-left{bottom:20px;left:20px} .jq-toast-wrap.bottom-right{bottom:20px;right:40px} .jq-toast-wrap.top-left{top:20px;left:20px} .jq-toast-wrap.top-right{top:20px;right:40px} .jq-toast-wrap.bottom-center{bottom:20px;left:50%;transform:translateX(-50%)} .jq-toast-wrap.top-center{top:20px;left:50%;transform:translateX(-50%)} .jq-toast-wrap.mid-center{top:50%;left:50%;transform:translate(-50%,-50%)} .jq-toast-single{display:block;width:100%;padding:10px;margin:0 0 5px;border-radius:4px;font-size:12px;font-family:arial,sans-serif;line-height:17px;position:relative;pointer-events:all!important;background-color:#444;color:#fff} .jq-toast-single h2{font-family:arial,sans-serif;font-size:14px;margin:0 0 7px;background:0 0;color:inherit;line-height:inherit;letter-spacing:normal} .jq-toast-single a{color:#eee;text-decoration:none;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px} .jq-toast-single ul{margin:0 0 0 15px;background:0 0;padding:0} .jq-toast-single ul li{list-style-type:disc!important;line-height:17px;background:0 0;margin:0;padding:0;letter-spacing:normal} .close-jq-toast-single{position:absolute;top:3px;right:7px;font-size:14px;cursor:pointer} .jq-toast-loader{display:block;position:absolute;top:-2px;height:5px;width:0;left:0;border-radius:5px;background:red} .jq-toast-loaded{width:100%} .jq-has-icon{padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px} .jq-icon-info{background-color:#31708f;color:#d9edf7;border-color:#bce8f1} .jq-icon-warning{background-color:#8a6d3b;color:#fcf8e3;border-color:#faebcc} .jq-icon-error{background-color:#a94442;color:#f2dede;border-color:#ebccd1} .jq-icon-success{color:#dff0d8;background-color:#3c763d;border-color:#d6e9c6}