.sns-table-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 16px; margin: 0 0 16px; padding: 16px; background: var(--sns-surface, #fff); border: 1px solid var(--sns-border, #e2e8f0); border-radius: 16px; font-family: Inter, sans-serif; }
.sns-table-filters label { display: flex; flex: 1 1 150px; flex-direction: column; gap: 8px; margin: 0; min-width: 0; font-size: 13px; font-weight: 500; }
.sns-table-filters[data-table-for="subscribers-data-table"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.sns-table-filters[data-table-for="subscribers-data-table"] button { align-self: end; }
.sns-table-filters button, .sns-table-feedback button { min-height: 44px; }
.sns-table th:focus-visible, .sns-table-feedback :focus-visible { outline: 3px solid #2545ff; outline-offset: 3px; }
.sns-table-feedback:empty { display: none; }
.sns-table-feedback { margin: 0 0 16px; padding: 16px; background: var(--sns-bg, #fcfcfc); border-radius: 16px; }
.sns-table th.sorting, .sns-table th.sorting_asc, .sns-table th.sorting_desc { cursor: pointer; padding-right: 28px; }
.sns-table th[aria-sort] { color: #2545ff; }
.sns-table [data-sort-link] { display: block; color: inherit; text-decoration: none; }
.sns-table [data-sort-link]::after { content: ' ↕'; }
.sns-table [aria-sort=ascending] [data-sort-link]::after { content: ' ↑'; }
.sns-table [aria-sort=descending] [data-sort-link]::after { content: ' ↓'; }
.sns-table tbody td.dataTables_empty { padding: 32px 16px; text-align: center; white-space: normal; }
@media (max-width: 540px) { .sns-table-filters label { flex-basis: calc(50% - 16px); } .sns-table-filters label:has(input[type="date"]) { flex-basis: 100%; } .sns-table-filters button { width: 100%; } }