/* Search Results: a Search Companion style box above a list of matches */
.search-window { min-width: 300px; }
.sr-form { display: grid; grid-template-columns: 36px 1fr auto; grid-template-areas: "icon label label" "icon input go" "icon scope scope"; gap: 4px 6px; align-items: center; padding: 8px; background: #ece9d8; border-bottom: 1px solid #aca899; font: 11px Tahoma, sans-serif; }
.sr-dog { grid-area: icon; width: 32px; height: 32px; }
.sr-form label { grid-area: label; }
.sr-form input { grid-area: input; height: 22px; box-sizing: border-box; border: 1px solid #7f9db9; padding: 1px 4px; font: 11px Tahoma, sans-serif; min-width: 0; }
.sr-form button { grid-area: go; font: 11px Tahoma, sans-serif; padding: 2px 14px; border: 1px solid #003c74; border-radius: 3px; background: linear-gradient(#fff, #ece9d8 85%, #d6d0c0); cursor: pointer; }
.sr-form button:hover { border-color: #e5a02a; }
.sr-list { flex: 1; min-height: 0; overflow: auto; margin: 0; padding: 0; list-style: none; background: #fff; font: 11px Tahoma, sans-serif; }
.sr-item { display: grid; grid-template-columns: 20px 1fr; gap: 1px 8px; padding: 5px 8px; border-bottom: 1px solid #eee; cursor: default; }
.sr-item:hover { background: #eef3fb; }
.sr-item:focus-visible, .sr-item.sel { outline: 0; background: #316ac5; color: #fff; }
.sr-item img { grid-row: span 2; width: 20px; height: 20px; }
.sr-name { font-weight: bold; }
.sr-snip { color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sr-item.sel .sr-snip { color: #dbe6fb; }
.sr-item mark { background: #ffe97a; color: #000; }
.sr-empty { padding: 14px; color: #555; }
.sr-form .sr-scope { grid-area: scope; display: flex; align-items: center; gap: 6px; }
.sr-scope select { font: 11px Tahoma, sans-serif; border: 1px solid #7f9db9; background: #fff; height: 21px; max-width: 100%; }