.bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}.bar input{flex:1 1 240px}
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.tw table{min-width:720px}.tw th{cursor:pointer;white-space:nowrap;position:sticky;top:0;background:var(--soft)}
.tw th[aria-sort=ascending]::after{content:" ▲"}.tw th[aria-sort=descending]::after{content:" ▼"}
.tw td{max-width:420px;overflow-wrap:anywhere;font-size:13px}.tw td.clip{max-height:7.5em;overflow:hidden;display:block}
.pager{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin:16px 0}
.pager button{min-width:38px;height:38px;border:1px solid var(--line);background:var(--paper);border-radius:10px;cursor:pointer;font:inherit;font-size:14px}
.pager button[aria-current=page]{background:var(--ink);color:#fff;border-color:var(--ink)}.pager button:disabled{opacity:.35;cursor:default}
.pager .gap{padding:0 4px;color:var(--muted)}.info{font-size:13px;color:var(--muted)}
.caveat{background:var(--accent-soft);border-left:4px solid var(--accent);padding:12px 16px;border-radius:8px;font-size:14px}