
html{min-height:100%;background:#0d0d0d}
body{min-height:var(--product-os-shell-height,100dvh);background:#0d0d0d}
#main{min-height:calc(var(--product-os-shell-height,100dvh) - 72px)}
#app:not([hidden]),#control-centre{min-height:inherit}
.workspace-shell{min-height:calc(var(--product-os-shell-height,100dvh) - 72px)}
.workspace-loading{padding:28px;text-align:center}
.workspace-loading[hidden]{display:none!important}
.workspace-loading.is-failed{background:linear-gradient(180deg,#15110f,#0d0d0d)}
.workspace-loading.is-failed .spinner{display:none}
.workspace-loading strong{font-size:18px}
.workspace-loading small{max-width:440px;line-height:1.55}
.workspace-load-actions{display:flex;gap:10px;margin-top:10px}
.workspace-load-actions button{min-height:40px}
.workspace-toolbar{min-height:98px;padding-top:16px;padding-bottom:16px}
.workspace-toolbar h1{font:700 clamp(25px,3vw,38px)/1.05 Inter,system-ui,sans-serif}
.workspace-toolbar .eyebrow{margin-bottom:4px}
.workspace-toolbar p:last-child{font-size:13px;line-height:1.45}
.workspace-frame-wrap{height:calc(var(--product-os-shell-height,100dvh) - 170px)}
.workspace-rail button.rail-home{border-color:#414141!important;background:linear-gradient(180deg,#1d1d1d,#151515)!important;box-shadow:none!important;color:#f2eee7!important}
.workspace-rail button.nav-item{border-color:transparent!important;background:transparent!important;box-shadow:none!important;color:#d9d3ca!important}
.workspace-rail button.nav-item:hover:not(:disabled){border-color:#3e3e3e!important;background:#181818!important;transform:none!important}
.workspace-rail button.nav-item.active{border-color:#4b4b4b!important;background:linear-gradient(90deg,rgba(229,72,59,.15),#191919 72%)!important;box-shadow:inset 3px 0 0 var(--ui-red,#e5483b)!important;color:#fff!important}
.workspace-rail button.nav-item.active .nav-index{border-color:rgba(229,72,59,.55)!important;background:rgba(229,72,59,.12)!important;color:#fff!important}
.workspace-rail button.nav-item.offline{opacity:.52}
@media(max-width:760px){#main{min-height:calc(var(--product-os-shell-height,100dvh) - 72px)}.workspace-shell{min-height:calc(var(--product-os-shell-height,100dvh) - 72px)}.workspace-frame-wrap{height:calc(var(--product-os-shell-height,100dvh) - 330px);min-height:520px}.workspace-load-actions{flex-direction:column;width:min(280px,100%)}.workspace-load-actions button{width:100%}}
