html{scroll-padding-top:calc(var(--topbar-height,68px) + 12px)}
.workspace>.topbar{position:sticky;top:0;z-index:50;background:var(--color-surface,#fff);box-shadow:0 1px 0 var(--color-line,#d6e3e0)}
.workspace .key-conditions>nav{top:calc(var(--topbar-height,68px) + 16px)}
/* Account identity stays left; action order matches keyboard navigation. */
.workspace>.topbar{display:flex;gap:12px;justify-content:flex-start;align-items:center;padding-block:12px;height:auto;min-height:68px;flex-wrap:wrap}
.workspace>.topbar>.account-identity{display:block;flex:1 1 280px;min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.45}
.workspace>.topbar>.environment{flex:0 0 auto;margin:0;font-size:11px;padding:4px 8px}
.workspace>.topbar>#user-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-left:auto;font-size:13px;min-width:0}
.workspace>.topbar #user-controls>.button{margin:0;min-height:38px;padding:8px 12px;white-space:nowrap}
.workspace>.topbar #user-controls>[hidden]{display:none!important}
.workspace>.topbar .logout-error{color:var(--color-danger,#a32b29);max-width:260px}
@media(max-width:760px){.workspace>.topbar{gap:8px;padding:10px 16px}.workspace>.topbar>.account-identity{flex-basis:calc(100% - 120px)}.workspace>.topbar>#user-controls{width:100%;gap:8px}.workspace>.topbar #user-controls>.button{font-size:12px;padding:8px 10px}}

.topbar .topbar-action-icon{width:18px;height:18px;min-width:18px;flex-shrink:0;vertical-align:middle}.topbar #user-controls>.button{display:inline-flex;align-items:center;gap:7px}