.topbar:has(.client-quick-search:not([hidden])) .workspace-label{display:none}
.topbar:has(.client-quick-search:not([hidden])) .breadcrumb{min-width:0;flex:1;overflow:hidden}
.topbar:has(.client-quick-search:not([hidden])) .breadcrumb strong{min-width:0;overflow:hidden;text-overflow:ellipsis}
.client-quick-search{position:relative;flex:0 1 370px;min-width:250px;max-width:420px}
.client-quick-search-toggle{display:none}
.client-quick-search-surface{position:relative}
.client-quick-search-field{display:flex;align-items:center;gap:var(--layout-compact-gap);min-height:var(--layout-control-height);padding:0 var(--layout-control-gap);border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted)}
.client-quick-search-field:focus-within{outline:3px solid #b8b8f4;outline-offset:2px;background:#fff}
.client-quick-search-field>svg{width:18px;height:18px}
.client-quick-search-field input{width:100%;min-width:0;min-height:calc(var(--layout-control-height) - 2px);padding:var(--layout-compact-gap) 0;border:0;outline:none;background:transparent;font-size:14px;color:var(--text)}
.client-quick-search-field input:focus-visible{outline:none}
.client-quick-search-field input::placeholder{color:var(--muted)}
.client-quick-search-popup{position:absolute;top:calc(100% + var(--layout-control-gap));right:0;width:max(100%,420px);max-width:calc(100vw - 2 * var(--layout-panel-inset));padding:var(--layout-control-gap);border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 12px 36px #1018281f}
.client-quick-search-status{padding:var(--layout-compact-gap);font-size:12px;line-height:1.6;color:var(--muted)}
#client-quick-search-results{display:grid;gap:var(--layout-compact-gap);max-height:min(460px,calc(100dvh - var(--layout-header) - 120px));overflow-y:auto;overscroll-behavior:contain;padding:4px}
#client-quick-search-results:empty{display:none}
.client-quick-search-result{display:flex;align-items:center;gap:var(--layout-control-gap);padding:var(--layout-control-gap);border:1px solid transparent;border-radius:10px;min-width:0}
.client-quick-search-result:hover,.client-quick-search-result[aria-selected=true]{background:var(--violet-soft);border-color:#dfdff8}
.client-quick-search-result-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--violet)}
.client-quick-search-result-icon>svg{width:18px;height:18px}
.client-quick-search-result-text{min-width:0;flex:1}
.client-quick-search-result-text strong{display:block;font-size:13px;font-weight:700;overflow-wrap:anywhere}
.client-quick-search-result-text small{display:flex;flex-wrap:wrap;column-gap:var(--layout-compact-gap);row-gap:4px;margin-top:4px;font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.client-quick-search-result>svg{width:16px;height:16px;color:var(--muted)}
.client-quick-search-retry{margin-top:var(--layout-compact-gap);padding:var(--layout-compact-gap)}
@media(max-width:1100px) and (min-width:761px){.client-quick-search{flex-basis:310px}.topbar:has(.client-quick-search:not([hidden])) .breadcrumb>span{display:none}.topbar:has(.client-quick-search:not([hidden])) .breadcrumb>svg{display:none}}
@media(max-width:760px){
 .client-quick-search{position:static;flex:none;min-width:0;max-width:none}
 .client-quick-search-toggle{display:inline-grid;width:44px;height:44px}
 .client-quick-search-surface{display:none;position:fixed;top:calc(var(--layout-header) + var(--layout-compact-gap));left:var(--layout-panel-inset);right:var(--layout-panel-inset);padding:var(--layout-control-gap);border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 12px 36px #1018281f;max-height:calc(100dvh - var(--layout-header) - 2 * var(--layout-control-gap));overflow-y:auto}
 .client-quick-search.is-expanded .client-quick-search-surface{display:block}
 .client-quick-search-popup{position:static;width:100%;max-width:none;padding:var(--layout-control-gap) 0 0;border:0;box-shadow:none}
 .topbar:has(.client-quick-search:not([hidden])) .breadcrumb>span,.topbar:has(.client-quick-search:not([hidden])) .breadcrumb>svg{display:none}
 .topbar:has(.client-quick-search:not([hidden])) .menu-toggle{flex:none}
 #client-quick-search-results{max-height:min(420px,calc(100dvh - var(--layout-header) - 210px))}
}