/* Shared return navigation for account and management screens. */
body:has(>.back-nav){--back-nav-height:68px;--back-nav-content-gap:12px}
body>.back-nav{position:fixed!important;top:0!important;left:0;right:0;z-index:20;isolation:isolate;display:flex;align-items:center;box-sizing:border-box;height:calc(var(--back-nav-height) + env(safe-area-inset-top));padding-block:calc(env(safe-area-inset-top) + 16px) 16px!important;margin:0 auto;background:transparent}
body>.back-nav::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
body>.back-nav .back-nav-link{display:inline-flex;align-items:center;gap:8px;min-height:36px;margin:0;padding:0;color:var(--ui-text-tertiary);font-size:16px;font-weight:500;line-height:24px;white-space:nowrap;text-decoration:none}
.back-nav-link svg{flex:none}
.back-nav-link:focus-visible{outline:2px solid var(--ui-green);outline-offset:4px;border-radius:4px}
.admin-page>.back-nav{width:100%;max-width:1100px;padding-inline:24px}
.admin-page:has(>.back-nav)::before{content:"";display:block;height:calc(var(--back-nav-height) + env(safe-area-inset-top))}
.admin-page:has(>.back-nav) .admin-main{margin-top:var(--back-nav-content-gap)}
.admin-page:has(>.back-nav) .admin-title{margin-top:0}
@media(max-width:800px){
 body:has(>.back-nav){--back-nav-height:60px}
 body>.back-nav{padding-block:calc(env(safe-area-inset-top) + 12px) 12px!important}
 .admin-page>.back-nav{max-width:520px;padding-inline:20px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body>.back-nav::before{background:rgba(255,255,255,.94)}}
@media(max-width:800px),(min-width:801px) and (max-width:1199px) and (orientation:portrait){
 .account-page:has(>.back-nav)::before{content:"";display:block;height:calc(var(--back-nav-height) + env(safe-area-inset-top));flex:none}
}

body>.back-nav .back-nav-link:is(:hover,:active,:focus,:visited){text-decoration:none}

/* Account/workbench content uses the same reservation and gap as child pages. */
.account-page:has(>.back-nav):not(.auth-pending):not(:has(#auth:not([hidden])))::before{content:"";display:block;height:calc(var(--back-nav-height) + env(safe-area-inset-top));flex:none}
.account-page:has(>.back-nav):not(.auth-pending):not(:has(#auth:not([hidden]))) #main{margin-top:var(--back-nav-content-gap)}
.account-page:has(>.back-nav):not(.auth-pending):not(:has(#auth:not([hidden]))) #main>.panel{padding-top:0}
.account-page.admin-account #admin-home h2{margin-top:0}