/* Compact glass search: input stays fixed; only the result list scrolls. */
#search-dialog { background:transparent; backdrop-filter:none; }
#search-dialog::backdrop { background:rgba(0,0,0,.28); backdrop-filter:blur(2px); }
#search-dialog .search-shell {
  position:relative; display:flex; flex-direction:column;
  width:min(460px,calc(100vw - 28px)); max-height:calc(100dvh - 100px);
  margin:92px auto 0; padding:0; overflow:hidden; border:0;
  border-radius:0; background:transparent; box-shadow:none;
}
#search-dialog .dialog-heading { position:absolute; z-index:2; top:5px; right:6px; margin:0; }
#search-dialog .dialog-heading>div { display:none; }
#search-dialog .dialog-heading>.icon-button { width:34px; height:34px; border:0; border-radius:7px; color:#b3b7be; background:transparent; }
#search-dialog .dialog-heading>.icon-button:hover { color:#fff; background:#ffffff12; }
#search-dialog .dialog-heading svg { width:17px; height:17px; }
#search-dialog .search-field {
  display:flex; align-items:center; flex-shrink:0; height:44px; min-height:44px;
  margin:0 0 8px; padding:0 44px 0 12px; gap:9px;
  border:1px solid #ffffff20; border-radius:12px;
  background:rgba(30,30,30,.76); box-shadow:inset 0 1px 0 #ffffff05;
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
#search-dialog .search-field:focus-within { border-color:#ffffff40; }
#search-dialog .search-field>svg { flex:0 0 18px; width:18px; height:18px; color:#aeb3bc; }
#search-dialog .search-field input { min-width:0; flex:1; padding:0; font:500 14px/1.4 Inter,Arial,sans-serif; color:#e5e7eb; }
#search-dialog .search-field input::placeholder { color:#969ca6; }
#search-dialog .search-field input::-webkit-search-cancel-button { filter:grayscale(1); opacity:.7; cursor:pointer; }
#search-dialog .search-filter-button { width:28px; height:28px; border:0; border-radius:6px; background:transparent; color:#969ca6; }
#search-dialog .search-filter-button:hover,#search-dialog .search-filter-button[aria-expanded="true"] { background:#ffffff14; color:#fff; }
#search-dialog .search-type-tabs {
  display:flex; align-items:center; flex-shrink:0; gap:4px; padding:7px 8px 3px;
  border:1px solid #ffffff20; border-bottom:0; border-radius:13px 13px 0 0;
  background:rgba(24,24,24,.8); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
#search-dialog .search-type-tabs button { min-height:32px; padding:6px 11px; border:0; border-radius:7px; background:transparent; color:#9298a2; font:600 12px/1.4 Inter,Arial,sans-serif; }
#search-dialog .search-type-tabs button:hover { color:#e4e7ed; background:#ffffff0c; }
#search-dialog .search-type-tabs button[aria-pressed="true"] { color:#fff; background:#ffffff20; }
#search-dialog .search-suggestions { display:none; }
#search-dialog .search-results {
  flex:1 1 auto; min-height:0; margin:0; padding:4px 8px 8px;
  overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin;
  scrollbar-color:#ffffff55 transparent;
  border:1px solid #ffffff20; border-top:0; border-radius:0 0 13px 13px;
  background:rgba(24,24,24,.8); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
#search-dialog .search-result-heading { margin:0; padding:3px 7px 6px; justify-content:flex-end; color:#818793; font-size:10px; }
#search-dialog .search-result-heading strong { display:none; }
#search-dialog .live-search-list { gap:2px; }
#search-dialog .live-search-result { grid-template-columns:36px minmax(0,1fr) 16px; gap:12px; min-height:64px; padding:7px 8px; border:0; border-radius:9px; }
#search-dialog .live-search-result:hover,#search-dialog .live-search-result:focus-visible { background:#ffffff12; border:0; }
#search-dialog .live-search-result img,#search-dialog .search-result-placeholder { width:36px; height:50px; border-radius:4px; object-fit:cover; }
#search-dialog .live-search-result strong { color:#e2e5e9; font:600 14px/1.4 Inter,Arial,sans-serif; }
#search-dialog .live-search-result small { margin-top:4px; color:#9298a2; font:500 12px/1.4 Inter,Arial,sans-serif; }
#search-dialog .live-search-result>svg { width:14px; height:14px; opacity:.65; color:#9298a2; }
#search-dialog .empty-copy { margin:0; padding:24px 12px; color:#969ca6; font-size:13px; text-align:center; }
#search-dialog .search-filter-panel { flex-shrink:0; margin:0; padding:12px; border-color:#ffffff20; border-radius:0; background:rgba(24,24,24,.9); }
#search-dialog button:focus-visible,#search-dialog .live-search-result:focus-visible { outline:2px solid #b4bdca; outline-offset:-2px; }
@media(max-width:640px) {
  #search-dialog .search-shell { width:calc(100vw - 24px); margin-top:18px; max-height:calc(100dvh - 36px); }
  #search-dialog .search-field { min-height:48px; height:48px; }
  #search-dialog .dialog-heading { top:7px; }
  #search-dialog .search-type-tabs button { min-height:40px; }
}