/* One restrained datacenter surface for login and the monitoring console. */
body,body.cx-console,body.login-page{background-color:#070f1e!important;background-image:linear-gradient(120deg,rgba(3,10,21,.72),rgba(4,13,27,.84)),url('/branding/server-room-reference.png')!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;background-attachment:fixed!important}
body.light,body.cx-console.light,body.login-page.light{background-color:#edf3fa!important;background-image:linear-gradient(120deg,rgba(241,247,253,.91),rgba(232,240,249,.95)),url('/branding/server-room-reference.png')!important}
body.cx-console .app,body.cx-console .main,body.cx-console .content{background:transparent!important}
body.cx-console .sidebar,body.cx-console .topbar{background:rgba(7,15,28,.94)!important}
body.cx-console #cx-account-menu{background:rgba(7,15,28,.88)!important}
body.cx-console .cx-panel,body.cx-console .workplace-master,body.cx-console .workplace-detail,body.cx-console .category-workspace{background:rgba(14,22,36,.95)!important}
body.cx-console.light .sidebar,body.cx-console.light .topbar,body.cx-console.light #cx-account-menu{background:rgba(238,245,252,.95)!important}
body.cx-console.light .cx-panel,body.cx-console.light .workplace-master,body.cx-console.light .workplace-detail,body.cx-console.light .category-workspace{background:rgba(255,255,255,.97)!important}
body.cx-console .sidebar .brand.ref-brand.unified-brand{background:#0b1729!important;border:1px solid #24374e;box-shadow:none!important}
body:not(.light) .sidebar .brand.ref-brand.unified-brand>.brand-logo,body.login-page:not(.light) .login-brand>#official-logo{filter:invert(1) hue-rotate(180deg)!important;mix-blend-mode:screen;border-radius:0!important;background:transparent!important}
body.cx-console.light .sidebar .brand.ref-brand.unified-brand{background:#e6eff9!important;border-color:#b7cce3}
body.light .sidebar .brand.ref-brand.unified-brand>.brand-logo,body.login-page.light .login-brand>#official-logo{filter:none!important;mix-blend-mode:multiply;background:transparent!important}
body.login-page .login-brand.unified-brand{background:transparent!important;box-shadow:none!important}
body.login-page:before{background:transparent!important}
@media(max-width:680px){body,body.cx-console,body.login-page{background-position:85% center!important}}
@media(forced-colors:active){body,body.cx-console,body.login-page{background-image:none!important}.brand-logo,#official-logo{filter:none!important;mix-blend-mode:normal!important}}
.detail-close-bar{position:sticky;top:-12px;z-index:3;display:flex;justify-content:flex-end;padding:8px 0;margin-bottom:8px;background:var(--panel)}.detail-close-bar button{min-height:34px;white-space:nowrap;font-weight:600}.detail-close-bar button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}