/* Authenticated shell only; loaded after the inherited mobile frame. */
.accounts-page #account-header-identity,.accounts-page .account-session-footer{display:none}
.accounts-page.authenticated-account{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.accounts-page.authenticated-account>main{flex:1;width:100%}
.accounts-page.authenticated-account>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center}
.accounts-page.authenticated-account>header>.link{grid-column:1/-1;justify-self:start}
.accounts-page.authenticated-account #account-header-identity{display:block;grid-column:2;grid-row:1;text-align:right;min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.5}
.accounts-page.authenticated-account #account-header-identity p{margin:0 0 4px}
.accounts-page.authenticated-account>header .brand{min-width:0;max-width:100%}
.accounts-page.authenticated-account>header .brand img{max-width:100%}
.accounts-page.authenticated-account .account-session-footer{display:flex;justify-content:flex-end;background:white;border-top:1px solid #e0e8df;padding:16px 20px calc(20px + env(safe-area-inset-bottom))}
.accounts-page .account-session-footer button{min-height:44px}

body.shell-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.shell-layout>.layout{flex:1;width:100%;min-height:0}
.shell-layout>header{flex-wrap:nowrap;align-items:center}
.shell-layout>header .controls{width:auto;min-width:0;display:flex;justify-content:flex-end;flex-wrap:wrap;margin-left:auto;max-width:50%}
.shell-layout #workspace-identity{min-width:0;max-width:100%;overflow-wrap:anywhere;text-align:right}
.shell-session-footer{flex:none;display:flex;justify-content:flex-end;align-items:center;gap:12px;width:100%;padding:20px max(4%,16px) calc(20px + env(safe-area-inset-bottom));background:white;border-top:1px solid var(--line)}
.shell-session-footer #logout{width:auto;min-height:44px;min-width:100px}
/* An open navigation must not lose its final link hitbox to floating chat. */
body:has(.site-sidebar.menu-open) .chat-fab{visibility:hidden}
@media(max-width:850px){
 .shell-layout>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px 16px}
 .shell-layout>header .brand{min-width:0;width:100%;max-width:100%}
 .shell-layout>header .brand img{width:150px;max-width:100%}
 .shell-layout>header .brand small{font-size:10px;letter-spacing:0;overflow-wrap:anywhere}
 .shell-layout>header .controls{display:flex;width:100%;max-width:100%;gap:6px;align-items:flex-end;flex-direction:column;justify-self:end;margin:0}
 .shell-layout #workspace-identity{font-size:12px;line-height:1.5;padding:6px 8px}
 .shell-layout>header [data-current-month]{font-size:10px;order:1;padding:2px 6px}
 .shell-session-footer{padding:16px 16px calc(20px + env(safe-area-inset-bottom))}
}