/* Account/session screens only; existing app tokens and components remain unchanged. */
html:not([data-session="active"]) body.session-app>.topbar,
html:not([data-session="active"]) body.session-app>.side,
html:not([data-session="active"]) body.session-app>.main,
html:not([data-session="active"]) body.session-app>.tabbar,
html:not([data-session="active"]) body.session-app>.fab,
html:not([data-session="active"]) body.session-app>#layer{display:none!important}
body.session-app [hidden]{display:none!important}
body.session-app .session-auth{min-height:100dvh;display:grid;place-items:center;padding:24px}
body.session-app .session-auth .panel{width:100%;max-width:440px;padding:32px}
body.session-app .session-auth .brand{width:auto;padding:0;margin-bottom:28px}
body.session-app .session-auth h1{font-size:24px;font-weight:500;margin:0 0 8px}
body.session-app .session-auth p{color:var(--body);line-height:1.6}
body.session-app .session-auth form{display:grid;gap:18px}
body.session-app .session-error{color:var(--neg)!important}
body.session-app .session-account{position:relative}
body.session-app #sessionMenu{right:0;left:auto;top:calc(100% + 10px);min-width:260px;padding:16px}
body.session-app #sessionMenu button{width:100%;margin-top:10px;justify-content:center}
body.session-app .session-alert{position:fixed;right:20px;bottom:30px;z-index:60;max-width:400px}
body.session-app #accountPage .panel{margin-bottom:16px}
body.session-app #accountPage .account-actions{display:flex;gap:8px;flex-wrap:wrap}
body.session-app #accountPage code{overflow-wrap:anywhere;user-select:all;font-size:var(--fs-md)}
body.session-app #accountPage .account-secret{border:1px solid var(--blue-200)}