/* 前後端共用；只補清除鈕及空間，沿用各自的欄位顏色、字級、外框與高度。 */
.search-field { position:relative; display:flex; flex:1 1 0; min-width:0; }
.search-field > input.form-control { width:100%; min-width:0; padding-right:36px; }
.input-group > .search-field > input.form-control { border-top-right-radius:0; border-bottom-right-radius:0; }
.search-field > .search-clear { position:absolute; top:50%; right:5px; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; margin:0; padding:0; transform:translateY(-50%); border:0; border-radius:50%; background:transparent; color:inherit; font-family:inherit; font-size:22px; font-weight:400; line-height:1; box-shadow:none; cursor:pointer; opacity:.65; }
.search-field > .search-clear[hidden] { display:none; }
.search-field > .search-clear:hover, .search-field > .search-clear:focus-visible { background:rgba(100,110,120,.1); opacity:1; }
.search-field > .search-clear:focus-visible { outline:2px solid currentColor; outline-offset:1px; }