/* GSF04 Ver.31: suggestion rows distinguish idols/units with readable portraits.
 * The existing search dropdown and layout remain unchanged. */
#searchResults .gsf31Suggestion {
  width:100%;display:flex;align-items:center;justify-content:space-between;
  gap:9px;min-height:49px;text-align:left;padding:7px 11px;cursor:pointer;
}
#searchResults .gsf31SuggestionText {min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:3px;overflow:hidden}
#searchResults .gsf31SuggestionTitle {font-size:13px;font-weight:600;color:#263950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#searchResults .gsf31SuggestionCaption {font-size:11px;font-weight:400;color:#728091;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#searchResults .gsf31SuggestionIcons {display:flex;align-items:center;flex:0 0 auto;gap:2px;justify-content:flex-end}
#searchResults .gsf31Portrait {width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border:1px solid #e1e7ed;border-radius:50%;background:#fff;flex:0 0 34px}
#searchResults .gsf31Portrait img {display:block;width:100%;height:100%;object-fit:contain}
#searchResults .gsf31PortraitFallback {font-size:12px;color:#728399;font-weight:550;background:#f3f5f7;display:grid;place-items:center;width:100%;height:100%}
#searchResults .gsf31Suggestion[data-kind='idol'],
#searchResults .gsf31Suggestion[data-kind='unit'] {background:#fbfcff}
#searchResults .gsf31Suggestion:focus-visible {outline:2px solid #6fabc9;outline-offset:-2px}
#searchResults .gsf31NoMatch {padding:8px 12px;margin:0;font-size:12px}
@media(max-width:350px){
 #searchResults .gsf31Suggestion {padding-inline:8px}
 #searchResults .gsf31SuggestionTitle {font-size:12px}
 #searchResults .gsf31Portrait {width:29px;height:29px;flex-basis:29px}
}