.list-filter { margin-block: 12px; padding: 12px; background: #f5fafd; border: 1px solid #cbd8e2; border-radius: 6px; }
.list-filter-label { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; font-weight: bold; }
.list-filter input { box-sizing: border-box; flex: 1 1 14rem; min-width: 0; width: 100%; max-width: 100%; padding: 9px 12px; border: 1px solid #8194a3; border-radius: 4px; background: white; color: #17212b; font: inherit; font-weight: normal; }
.list-filter input:focus-visible { outline: 2px solid #005eaa; outline-offset: 2px; }
.list-filter-status { margin: 8px 0 0; font-size: .9em; }
.generated-list [hidden] { display: none !important; }