/* Understated search that follows the column list's thin rules. */
.column-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.column-search-summary { margin: 0; color: #6f6f6f; font-size: 14px; line-height: 1.6; }
.column-search { position: relative; width: min(100%, 320px); border-bottom: 1px solid #d1d1d1; }
.column-search:focus-within { border-color: #c62828; box-shadow: 0 1px 0 #c62828; }
.column-search input { display: block; width: 100%; min-width: 0; height: 46px; padding: 10px 88px 10px 0; border: 0; border-radius: 0; appearance: none; background: transparent; color: #202020; font: inherit; font-size: 14px; }
.column-search input::-webkit-search-cancel-button { appearance: none; }
.column-search input::placeholder { color: #838383; }
.column-search input:focus-visible { outline: none; }
.column-search button { position: absolute; top: 0; right: 0; display: grid; place-items: center; width: 44px; height: 46px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #6f6f6f; cursor: pointer; }
.column-search button svg { width: 21px; height: 21px; }
.column-search button:hover { color: #151515; }
.column-search button:focus-visible { outline: 2px solid #c62828; outline-offset: -4px; }
.column-search .column-reset { right: 44px; }
.column-search .column-reset svg { width: 18px; height: 18px; }
.column-reset[hidden], .column-search-empty[hidden], .page-columns .column-list .case-row[hidden] { display: none; }
.column-search-empty { padding: 60px 20px; margin: 0; border-top: 1px solid #e0e0e0; color: #6f6f6f; text-align: center; font-size: 15px; }
@media (max-width: 767px) {
  .column-toolbar { align-items: stretch; flex-direction: column-reverse; gap: 16px; margin-bottom: 18px; }
  .column-search { width: 100%; }
  .column-search input { font-size: 16px; }
  .column-search-summary { font-size: 13px; }
}