.workspace-title { display:flex; align-items:center; justify-content:center; gap:7px; height:26px; }
.workspace-title:hover { border-color:#666; background:#2a2a2a; }
.workspace-title .codex-icon { flex:0 0 16px; }
.workspace-title-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topbar .brand { flex:0 0 auto; }
.topbar .connection { margin-left:0; }
.topbar .window-toggles { margin-left:auto; }
@media (min-width:721px) {
  .topbar { position:relative; }
  .topbar .workspace-title { position:absolute; left:50%; transform:translateX(-50%); width:min(36vw,520px,var(--search-available-width,520px)); }
}
.quick-open { position:fixed; inset:8px auto auto 50%; transform:translateX(-50%); width:min(760px,calc(100vw - 24px)); margin:0; padding:8px; border:1px solid #3c3c3c; border-radius:8px; background:#252526; color:#ccc; box-shadow:0 8px 32px #0008; }
.quick-open::backdrop { background:transparent; }
.quick-open-input { width:100%; height:34px; padding:5px 8px; border:1px solid #0078d4; border-radius:4px; background:#313131; color:#ddd; font:inherit; outline:0; box-shadow:none; }
.quick-open-list { max-height:min(440px,65dvh); overflow:auto; margin-top:8px; }
.quick-open-row { display:flex; align-items:center; gap:6px; min-height:28px; padding:3px 10px; border-radius:4px; cursor:pointer; }
.quick-open-row.selected { background:#04395e; color:#fff; }
.quick-open-row[aria-disabled=true] { color:#777; cursor:default; }
.quick-open-row .seti-icon { flex:0 0 16px; }
.quick-open-prefix { flex:0 0 auto; color:#aaa; min-width:12px; }
.quick-open-content { display:flex; flex:1; min-width:0; align-items:baseline; gap:8px; }
.quick-open-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.quick-open-detail { color:#969696; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.quick-open-meta { color:#999; font-size:11px; white-space:nowrap; }
.quick-open-keys { display:flex; align-items:center; gap:4px; flex:0 0 auto; font-size:11px; }
.quick-open-keys kbd { border:1px solid #555; border-bottom-width:2px; border-radius:3px; padding:0 4px; font:inherit; }
.quick-open-notice { color:#999; font-size:12px; padding:5px 10px 0; max-height:54px; overflow:auto; }
.quick-open-notice:empty { display:none; }
.quick-issue { width:min(600px,calc(100vw - 24px)); background:#252526; color:#ccc; border:1px solid #444; border-radius:8px; }
.quick-issue textarea { width:100%; min-height:100px; }
.quick-issue pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; }
.quick-issue button, .quick-issue a { margin:6px; }
@media(max-width:720px) {
  .topbar { min-width:0; }
  .topbar .workspace-title { display:flex; flex:1 1 0; min-width:0; width:auto; padding:3px 8px; background:#222; border-color:#3b3b3b; }
  .workspace-title-label { display:block; min-width:0; }
  .topbar .connection { flex:0 0 auto; max-width:72px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .topbar .window-toggles, .topbar #logoutButton { flex-shrink:0; }
  .quick-open { inset:6px auto auto 50%; width:calc(100vw - 12px); }
  .quick-open-content { display:block; }
  .quick-open-detail { display:block; }
  .quick-open-keys, .quick-open-meta { display:none; }
}