/* Admin results: filters, chips, pager, sticky header */
.filter-form { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-end; margin-bottom: 1rem; }
.filter-form__field { flex: 1 1 12rem; }
.filter-form__field--search { flex: 2 1 16rem; }
.filter-form__field--narrow { flex: 0 1 8rem; }
.filter-form__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.filter-form__actions .btn, .filter-form__actions button { margin-top: 0; }
.filter-block > summary { cursor: pointer; font-weight: 600; padding: 0.5rem 0 0.75rem; }
@media (min-width: 761px) { .filter-block > summary { display: none; } }

.filter-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; }
.filter-chip { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.25rem 0.25rem 0.75rem; border: 1px solid var(--ul-border-input); border-radius: var(--radius-control); background: var(--ul-surface); font-size: 0.85rem; }
.filter-chip a { padding: 0 0.5rem; font-size: 1.1rem; line-height: 1; text-decoration: none; }

.results-summary { margin-bottom: 0.75rem; }
.pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; margin-top: 1rem; }
.pager .btn { margin-top: 0; }
.pager__disabled { padding: 0.75rem 1.25rem; color: var(--ul-muted); }

/* Sticky header needs no clipping ancestor, so this card opts out of the global card overflow and the table's own clipping. */
.card.results-card { overflow: visible; }
table.data-table--sticky { overflow: visible; }
table.data-table--sticky th { position: sticky; top: 0; z-index: 1; background: var(--ul-bg); color: var(--ul-muted); box-shadow: 0 1px 0 var(--ul-border); }
/* Results + document review: roomier cells, clearer row hover (same highlight for keyboard focus). */
table.data-table--sticky td { padding: 0.75rem 1rem; }
table.data-table--sticky th { padding: 0.75rem 1rem; }
table.data-table--sticky tbody tr:hover td,
table.data-table--sticky tbody tr:focus-within td { background: var(--ul-bg); }
/* A link wrapped in .icon-label loses its underline (inline-flex does not inherit it), so restore it. */
table.data-table a > .icon-label { text-decoration: underline; }
/* Document review: pending rows carry the actions, reviewed rows go quiet. */
table.data-table tr.review-row--pending td:first-child { box-shadow: inset 3px 0 0 var(--color-pending); }
table.data-table tr.review-row--done td { color: var(--ul-muted); }
.review-form { display: flex; flex-direction: column; gap: 0.5rem; min-width: 14rem; }
.review-form__buttons { display: flex; gap: 0.5rem; }
.review-form button[type="submit"] { flex: 1 1 0; margin-top: 0; padding: 0.5rem 0.75rem; }
@media (max-width: 760px) {
    .table-scroll { overflow-x: auto; }
    .table-scroll table.data-table { min-width: 44rem; }
}