.family-column-filter{display:flex;flex-direction:column;gap:10px;min-width:130px}
.family-column-filter input,.family-column-filter select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #B5BECC;border-radius:3px;background:#fff;color:var(--ink);font:inherit;font-size:14px;padding:9px 10px;letter-spacing:normal;text-transform:none}
.family-column-filter input{min-width:170px}
.family-column-filter input:focus-visible,.family-column-filter select:focus-visible,.family-filter-reset:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.family-references th{vertical-align:top}
.family-filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;font-size:14px;color:var(--muted)}
.family-filter-toolbar p{margin:0}
.family-filter-reset{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--blue);font:inherit;cursor:pointer}
.family-filter-reset:disabled{opacity:.5;cursor:default}
.family-filter-toolbar+.family-table-scroll{margin-top:10px}
.family-references .family-filter-empty td{text-align:center;font-family:inherit;font-size:15px;white-space:normal;padding:30px 18px;background:var(--pale)}
.family-references tr[hidden]{display:none!important}
@media(max-width:600px){.family-column-filter input,.family-column-filter select{font-size:16px}.family-filter-toolbar{font-size:13px;gap:8px}}