/* Sage logo (light pages): the same snake, recoloured sage green on a transparent background, with the glowing eye.
   Scoped to .dl-sage so the loading screen (dark, blue eye) keeps its own logo and glow from dragon-logo.css. */
.dragon-logo.dl-sage .dl-halo,
.dragon-logo.dl-sage .dl-burst {
    background: radial-gradient(circle, rgba(250, 251, 248, 0.98) 0 6%, rgba(156, 175, 136, 0.85) 16%, rgba(75, 83, 32, 0.34) 36%, rgba(75, 83, 32, 0) 68%);
    mix-blend-mode: normal;
}
.dragon-logo.dl-sage .dl-glow { filter: drop-shadow(0 0 3px rgba(75, 83, 32, 0.55)); }
/* No tile behind or around the sage logo: it sits straight on the soft white page. */
.dragon-logo.dl-sage, .rm-logo-mark, .brand-logo-img.dl-sage, .rm-logo-img.dl-sage, .rm-logo-img-sm.dl-sage, .sidebar-logo-img.dl-sage, .m-lock-logo-img.dl-sage {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.logo-mark:has(.dl-sage), .sidebar-logo-mark:has(.dl-sage), .login-header .logo-mark:has(.dl-sage), .rm-logo-mark:has(.dl-sage), .m-lock-logo:has(.dl-sage), .logo:has(> img[src*="dragon-logo-sage"]) {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
/* Loading screen: soft white, sage snake with its glowing eye, deep olive name and bar. */
.vault-loader { background: #FAFBF8 !important; }
.vault-loader .dragon-logo { filter: none !important; }
.vault-loader .vl-word { color: #4B5320 !important; }
.vault-loader .vl-bar { background: rgba(156, 175, 136, 0.35) !important; }
.vault-loader .vl-bar i { background: #4B5320 !important; }