/* The chosen organization stays visible while scrolling through every page. */
.topbar{position:sticky;top:0;z-index:9;min-height:82px;height:auto;padding-top:12px;padding-bottom:12px;gap:20px;box-shadow:0 3px 14px #17243605}
.topbar-left{min-width:0;flex:1;gap:24px}.topbar-right{flex-shrink:0}
.workspace-switch{display:flex;align-items:center;gap:10px;min-width:0;width:340px;max-width:100%;flex-shrink:1}
.workspace-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:var(--accent-bg);color:var(--accent);font-size:24px}
.workspace-switch>div{min-width:0;flex:1}.workspace-switch label{display:block;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.3px;margin-bottom:3px}
.workspace-switch select{width:100%;min-width:0;max-width:100%;padding:6px 26px 6px 9px;font-size:14px;font-weight:650;border-color:#d3e1f5;background:#f8fbff;text-overflow:ellipsis;cursor:pointer}
.workspace-switch select:disabled{opacity:1;color:var(--muted);cursor:default}.breadcrumb{padding-left:22px;border-left:1px solid var(--line);white-space:nowrap}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.topbar-left{gap:14px}.workspace-switch{width:300px}.breadcrumb{display:none}.topbar-right .live-indicator{max-width:130px}}
@media(max-width:700px){.topbar{padding:10px 14px;gap:8px;min-height:78px}.topbar-left{gap:8px}.workspace-switch{width:auto;flex:1;gap:8px}.workspace-icon{display:none}.workspace-switch select{font-size:13px;padding-left:8px}.topbar-right .live-indicator{display:none}.topbar-right .version{font-size:9px;padding:4px 5px}.menu-toggle{flex-shrink:0}.toolbar .search-wrap{min-width:0;flex:1}.toolbar>.button{padding-left:10px;padding-right:10px}}