.quick-search-trigger{display:flex;align-items:center;gap:7px;color:#4f6380;background:#fff;border-color:#dfe6f0}
.quick-search-trigger kbd{margin-left:2px}
kbd{font:600 11px/1.2 "Segoe UI",sans-serif;color:#728198;background:#f4f6fa;border:1px solid #dce3ed;border-bottom-color:#cbd4e0;border-radius:5px;padding:3px 6px;box-shadow:0 1px 0 #d6dee9;white-space:nowrap}
.quick-search-overlay{position:fixed;inset:0;z-index:90;display:grid;align-items:start;justify-items:center;padding:11vh 18px 24px;background:#20304a35;backdrop-filter:blur(3px);animation:quick-search-fade .12s ease-out}
.quick-search-panel{width:min(690px,calc(100vw - 30px));max-height:min(700px,78vh);display:flex;flex-direction:column;background:#fff;border:1px solid #dfe6f0;border-radius:18px;box-shadow:0 28px 100px #1b2c4938;overflow:hidden;animation:quick-search-rise .16s ease-out}
.quick-search-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 13px}
.quick-search-head h2{font-size:19px}
.quick-search-input{display:flex;align-items:center;gap:10px;margin:0 18px 12px;padding:4px 10px 4px 13px;border:1px solid #cfd9e7;border-radius:12px;background:#fbfcff;color:#6e7f98;box-shadow:0 0 0 4px #edf3ff}
.quick-search-input:focus-within{border-color:#86a5df;box-shadow:0 0 0 4px #e5efff}
.quick-search-input input{border:0;outline:0;padding:10px 0;background:transparent;font-size:17px;font-weight:500;color:#263952}
.quick-search-input input::placeholder{font-weight:400;color:#93a0b2}
.quick-search-input .icon{width:20px;height:20px;color:#5579bb;flex:0 0 20px}
.quick-search-results{min-height:110px;max-height:430px;overflow:auto;padding:5px 10px 12px;overscroll-behavior:contain}
.quick-search-group{padding:9px 12px 5px;color:#8996a8;font-size:11px;font-weight:600;letter-spacing:.06em}
.quick-search-result{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;border:0;border-radius:11px;padding:10px 12px;text-align:left;background:transparent}
.quick-search-result:hover,.quick-search-result[data-active=true]{background:#eef4ff}
.quick-search-result[data-active=true]{box-shadow:inset 3px 0 #5e83cc}
.quick-search-result-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#edf3ff;color:#5878b2}
.quick-search-result[data-type=customer] .quick-search-result-icon{background:#e8f6f2;color:#2b8270}
.quick-search-result[data-type=task] .quick-search-result-icon{background:#f5efff;color:#7654b6}
.quick-search-result-icon .icon{width:18px;height:18px}
.quick-search-result-copy{min-width:0;display:grid;gap:2px}
.quick-search-result-copy,.quick-search-result-copy *{-webkit-user-select:text;user-select:text;cursor:text}
.quick-search-result-copy strong{font-size:15px;font-weight:600;color:#263952;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quick-search-result-copy small{font-size:12px;color:#7d8ca1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quick-search-project-meta{display:flex;align-items:center;gap:6px}
.quick-search-project-meta span{min-width:0}
.quick-search-customer{margin-right:2px}
.quick-search-copy-tag{width:max-content;max-width:100%;padding:2px 7px;border:1px solid #d8e3f4;border-radius:6px;background:#f5f8fe;color:#536e9d!important;-webkit-user-select:none!important;user-select:none!important;cursor:copy!important}
.quick-search-copy-tag:hover{border-color:#9fb6df;background:#eaf1ff;color:#315fbd!important}
.quick-search-model-tag{display:inline-block;padding:2px 7px;margin-left:-7px}
.quick-search-result-type{font-size:11px;color:#8492a5}
.quick-search-empty{padding:30px 18px;text-align:center;color:#8492a5}
.quick-search-empty strong{display:block;color:#52647d;font-size:15px;margin-bottom:4px}
.quick-search-help{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 14px;border-top:1px solid #edf1f6;background:#fafbfe;color:#8a97a8;font-size:11px}
.quick-search-help kbd{margin-right:2px}
@keyframes quick-search-fade{from{opacity:0}to{opacity:1}}
@keyframes quick-search-rise{from{opacity:0;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:700px){.quick-search-trigger{width:40px;padding-inline:9px;font-size:0}.quick-search-trigger .icon{width:19px;height:19px}.quick-search-trigger kbd{display:none}.quick-search-overlay{padding:7vh 8px 14px}.quick-search-panel{width:calc(100vw - 16px);max-height:86vh;border-radius:15px}.quick-search-head{padding:17px 17px 11px}.quick-search-input{margin-inline:12px}.quick-search-input input{font-size:16px}.quick-search-results{padding-inline:5px}.quick-search-result{padding:9px 8px;grid-template-columns:34px minmax(0,1fr)}.quick-search-result-type{display:none}.quick-search-help{padding:11px 14px}.quick-search-help span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.quick-search-overlay,.quick-search-panel{animation:none}}