/* App offsets only. The actual shared header and its styling are isolated in its shadow root. */
lxi-account-navigation{display:block;position:fixed;inset:0 0 auto;z-index:999999}
html[data-lxi-account-app=chat] .rsd-global-nav{display:none!important}
html[data-lxi-account-app=chat] body .st-key-chat_model_picker{position:fixed!important;z-index:1000000;padding:0!important;background:transparent!important;visibility:hidden}
html[data-lxi-account-app=chat][data-lxi-account-ready=true] body .st-key-chat_model_picker[data-positioned=true]{visibility:visible}
html[data-lxi-account-app=maker] .app-shell{padding-top:var(--lxi-account-header-height,78px)}
html[data-lxi-account-app=maker] .topbar{top:var(--lxi-account-header-height,78px);grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:64px;padding-top:8px;padding-bottom:8px}
html[data-lxi-account-app=maker] .topbar>.brand,html[data-lxi-account-app=maker] .tool-nav,html[data-lxi-account-app=maker] #toolMenu{display:none!important}
html[data-lxi-account-app=maker] .project-heading{min-width:0}
html[data-lxi-account-app=maker] .top-actions{max-width:none;flex-wrap:wrap;justify-content:flex-end}
html[data-lxi-account-app=translate] .rsd-global-nav{display:none!important}
html[data-lxi-account-app=translate] .app-shell{padding-top:calc(var(--lxi-account-header-height,78px) + 36px)}
html[data-lxi-account-app=studio] body{padding-top:var(--lxi-account-header-height,78px)}
html[data-lxi-account-app=studio] .lxi-nav{top:var(--lxi-account-header-height,78px)}
@media(max-width:760px){html[data-lxi-account-app=maker] .topbar{gap:8px}html[data-lxi-account-app=maker] .project-heading{display:block}html[data-lxi-account-app=maker] .top-actions{gap:5px}html[data-lxi-account-app=translate] .app-shell{padding-top:calc(var(--lxi-account-header-height,78px) + 20px)}}

html[data-lxi-account-app=maker] .workspace-view{height:calc(100dvh - var(--lxi-account-header-height,78px) - var(--lxi-app-toolbar-height,72px))}
@media(max-width:760px){html[data-lxi-account-app=maker] .activity-pane{height:100%}html[data-lxi-account-app=maker] .result-pane{inset:calc(var(--lxi-account-header-height,78px) + var(--lxi-app-toolbar-height,72px)) 0 0}}

html[data-lxi-account-app=webmail] body{padding-top:var(--lxi-account-header-height,78px)}
html[data-lxi-account-app=webmail] .app-shell{min-height:calc(100dvh - var(--lxi-account-header-height,78px))}
html[data-lxi-account-app=webmail] .app-sidebar{top:var(--lxi-account-header-height,78px);height:calc(100dvh - var(--lxi-account-header-height,78px));overflow-y:auto}
html[data-lxi-account-app=webmail] .app-sidebar-backdrop{top:var(--lxi-account-header-height,78px)}

html[data-lxi-account-app=hosting] body{padding-top:var(--lxi-account-header-height,78px)!important}
html[data-lxi-account-app=hosting] #sidebar{top:var(--lxi-account-header-height,78px)!important;height:calc(100dvh - var(--lxi-account-header-height,78px) - 12px)!important}
html[data-lxi-account-app=hosting] #content{min-height:calc(100dvh - var(--lxi-account-header-height,78px))!important}
html[data-lxi-account-app=hosting] .mobile-menu-toggler{top:calc(var(--lxi-account-header-height,78px) + 56px)!important}

:root{--lxi-account-rail-size:216px;--lxi-account-rail-space:0px}
#lxi-layout-save-notice{position:fixed;right:16px;bottom:16px;z-index:1000025;max-width:min(420px,calc(100vw - 32px));padding:14px 16px;border:1px solid #b8d6c7;border-radius:12px;background:#f5fbf7;color:#12211e;box-shadow:0 8px 32px #0002;font:13px/1.5 system-ui;display:flex;gap:12px;align-items:center}
#lxi-layout-save-notice button{flex:none;border:1px solid #087854;border-radius:8px;background:#087854;color:#fff;padding:8px 10px;font:inherit;cursor:pointer}
@media(min-width:1024px){
 html[data-lxi-account-navigation=true]{--lxi-account-rail-space:var(--lxi-account-rail-size)}
 html[data-lxi-account-nav-collapsed=true]{--lxi-account-rail-space:48px}
 html[data-lxi-account-navigation=true] body{padding-left:var(--lxi-account-rail-space)}
 html[data-lxi-account-navigation=true]:not([data-lxi-account-app]) body{padding-top:56px}
 html[data-lxi-account-app=hosting] #sidebar{left:calc(var(--lxi-account-rail-space) + 6px)!important}
}