/* Styles fuer die wiederverwendbare Tabellen-Filter/-Sortier-Komponente
   (siehe app/static/js/table-filter-sort.js) */

.fs-bar { display:flex; gap:.6rem; align-items:center; flex-wrap:wrap; margin-bottom:.6rem; }
.fs-bar input[type=search] {
  padding:.4rem .7rem; border:1px solid #ccc; border-radius:4px;
  font-size:.85rem; min-width:280px;
}
.fs-bar .fs-count { font-size:.78rem; color:#888; }
.fs-bar .fs-clear {
  background:none; border:none; color:#4a9b3f; font-size:.78rem;
  cursor:pointer; padding:.2rem .4rem;
}
.fs-bar .fs-clear:hover { text-decoration:underline; }

th.fs-sortable { cursor:pointer; user-select:none; white-space:nowrap; }
th.fs-sortable:hover { background:#eef3eb; }
th.fs-sortable .fs-arrow { color:#bbb; font-size:.7rem; margin-left:.25rem; }
th.fs-sortable.fs-sorted .fs-arrow { color:#4a9b3f; font-weight:700; }

tr.fs-hidden { display:none; }