/* High-contrast, dismissible feedback shared by the workspace and Studio. */
html .alertify-notifier { z-index: 100050; width: 390px; max-width: calc(100vw - 32px); }
html .alertify-notifier.ajs-top { top: 88px; }
html .alertify-notifier.ajs-right { right: 20px; }
html .alertify-notifier.ajs-right .ajs-message { right: 0; transform: translateX(calc(100% + 24px)); transition: transform .2s ease-out, opacity .2s ease; }
html .alertify-notifier.ajs-right .ajs-message.ajs-visible { right: 0; transform: translateX(0); }
html .alertify-notifier .ajs-message { box-sizing: border-box; width: 100%; min-width: 0 !important; padding: 18px 44px 18px 20px !important; color: #fff !important; background: #211a30 !important; border: 1px solid #9e80cc !important; border-left: 4px solid #be99ff !important; border-radius: 12px !important; font: 500 14px/1.65 Inter, sans-serif !important; text-align: left !important; text-shadow: none !important; opacity: 1 !important; box-shadow: 0 12px 40px #0009 !important; overflow-wrap: anywhere; }
html .alertify-notifier .ajs-message.ajs-success { background: #122c25 !important; border-color: #54bf9d !important; }
html .alertify-notifier .ajs-message.ajs-error { background: #351c28 !important; border-color: #ff9ab7 !important; }
html .alertify-notifier .ajs-message.ajs-warning { background: #302718 !important; border-color: #eaca82 !important; }
html .alertify-notifier .ajs-message .ajs-close { top: 10px; right: 10px; width: 28px; height: 28px; border-radius: 6px; background-color: #ffffff1a; }
html .alertify-notifier .ajs-message .ajs-close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.og-feedback-text { display: block; }
.og-busy { cursor: wait !important; pointer-events: none; }
.og-button-spinner { display: inline-block; flex: 0 0 16px; width: 16px; height: 16px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: middle; animation: og-button-spin .75s linear infinite; }
button.og-busy { display: inline-flex; justify-content: center; align-items: center; gap: 8px; opacity: .85 !important; }
@keyframes og-button-spin { to { transform: rotate(360deg); } }
@media(max-width:600px){html .alertify-notifier.ajs-right {right: 16px;}html .alertify-notifier.ajs-top {top: 86px;}}
@media(prefers-reduced-motion:reduce){.og-button-spinner {animation: none;}html .alertify-notifier .ajs-message {transition: none !important;}}
