/* 17.10.2026 — Match ban/mute search appearance to final 14.10 friends search.
   No changes to search functions, result tables or sorting controls. */

/* Banlist and mutelist: their single search field gets the same dimensions,
   graphite fill, border and in-field search icon as the friends page. */
html body .wapper .content .block.block-search:has(#search_ban) > .stats-combined-bar.stats-controls-bar,
html body .wapper .content .block.block-search:has(#search_mute) > .stats-combined-bar.stats-controls-bar {
  display:block !important;
  box-sizing:border-box !important;
  width:calc(100% - 48px) !important;
  max-width:calc(100% - 48px) !important;
  height:auto !important;
  min-height:52px !important;
  margin:18px 24px 24px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}

html body .wapper .content .block.block-search .stats-controls-bar > .stats-search-control:has(> :is(#search_ban,#search_mute)) {
  position:relative !important;
  display:grid !important;
  grid-template-columns:20px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:10px !important;
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:52px !important;
  min-height:52px !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 14px !important;
  border:1px solid rgba(231,234,238,.38) !important;
  border-radius:8px !important;
  background:#171d26 !important;
  background-image:none !important;
  box-shadow:none !important;
  outline:none !important;
}

html body .wapper .content .block.block-search .stats-controls-bar > .stats-search-control:has(> :is(#search_ban,#search_mute)) > .fa-search {
  position:static !important;
  inset:auto !important;
  transform:none !important;
  display:block !important;
  width:20px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#d9dfe6 !important;
  font-size:14px !important;
  line-height:1 !important;
  text-align:center !important;
  cursor:pointer !important;
}

html body .wapper .content .block.block-search .stats-controls-bar > .stats-search-control > :is(#search_ban,#search_mute) {
  box-sizing:border-box !important;
  display:block !important;
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  color:#e3e6eb !important;
  font-family:inherit !important;
  font-size:16px !important;
  line-height:normal !important;
  text-indent:0 !important;
  box-shadow:none !important;
  outline:none !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
html body .wapper .content .block.block-search .stats-controls-bar > .stats-search-control > :is(#search_ban,#search_mute)::placeholder {
  color:#aab2be !important;
  opacity:1 !important;
}

/* Search-only focus treatment: one restrained outer stroke, no inner outline.
   Other form controls retain their existing focus styles. */
html body :is(.input-search,.stats-search-control):focus-within {
  outline:none !important;
  outline-offset:0 !important;
  box-shadow:none !important;
  border-color:rgba(231,234,238,.45) !important;
}
html body input:is([type="search"],[id^="search_"]):focus,
html body input:is([type="search"],[id^="search_"]):focus-visible,
html body :is(.input-search,.stats-search-control) input:focus,
html body :is(.input-search,.stats-search-control) input:focus-visible {
  outline:none !important;
  outline-offset:0 !important;
  box-shadow:none !important;
}

/* No surrounding wrapper? Keep a quiet border cue on the input itself. */
html body input:is([type="search"],[id^="search_"]):focus {
  border-color:rgba(231,234,238,.45) !important;
}
@media(max-width:650px) {
  html body .wapper .content .block.block-search:has(#search_ban) > .stats-combined-bar.stats-controls-bar,
  html body .wapper .content .block.block-search:has(#search_mute) > .stats-combined-bar.stats-controls-bar {
    width:calc(100% - 28px) !important;
    max-width:calc(100% - 28px) !important;
    margin:14px !important;
  }
  html body .wapper .content .block.block-search .stats-controls-bar > .stats-search-control:has(> :is(#search_ban,#search_mute)) {
    height:52px !important;
    min-height:52px !important;
    padding:0 10px !important;
  }
  html body .wapper .content .block.block-search .stats-controls-bar > .stats-search-control > :is(#search_ban,#search_mute) {
    height:50px !important;
    min-height:50px !important;
    font-size:16px !important;
  }
}