.table-tools {
  position: sticky;
  left: 0;
  display: flex;
  align-items: end;
  gap: 9px;
  min-width: min(100%, 720px);
  padding: 12px 14px;
  border-bottom: 1px solid #efedf1;
  background: #fff;
}
.table-tools label { display:flex; flex-direction:column; gap:5px; color:#77717e; font-size:9px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.table-tools .table-search { flex:1; min-width:180px; }
.table-tools input,.table-tools select { height:35px; min-width:115px; padding:7px 10px; border:1px solid var(--line); border-radius:9px; background:#faf9fb; color:#302d35; font-size:11px; font-weight:650; letter-spacing:0; text-transform:none; outline:none; }
.table-tools input { width:100%; }
.table-tools input:focus,.table-tools select:focus { border-color:#9e87ff; box-shadow:0 0 0 3px #7f62ff19; }
.table-pagination { position:sticky; left:0; display:flex; align-items:center; justify-content:space-between; gap:15px; min-width:min(100%,520px); padding:11px 14px; background:#fff; }
.table-summary { color:#8b8792; font-size:10px; font-weight:700; }
.table-pagination nav { display:flex; align-items:center; gap:5px; }
.table-pagination button { display:grid; place-items:center; min-width:30px; height:30px; padding:0 8px; border:1px solid var(--line); border-radius:8px; background:#fff; color:#625d69; font-size:11px; font-weight:800; cursor:pointer; }
.table-pagination button:hover:not(:disabled) { border-color:#b8a9ff; color:#563bc7; }
.table-pagination button.active { border-color:#6c4dff; background:#6c4dff; color:#fff; }
.table-pagination button:disabled { opacity:.38; cursor:default; }
.table-pagination nav > span { padding:0 3px; color:#aaa; }
@media(max-width:760px) {
  .table-tools { align-items:stretch; flex-direction:column; }
  .table-tools label,.table-tools .table-search { width:100%; }
  .table-tools input,.table-tools select { width:100%; }
  .table-pagination { align-items:flex-start; flex-direction:column; }
}