.dt-wrap{margin-top:10px}
.dt-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:8px 0 12px}
.dt-toolbar__left{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dt-toolbar__right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.dt-input{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.14);color:var(--text-main);border-radius:12px;padding:9px 10px;font-size:13px;min-width:220px;outline:none}
.dt-input:focus{border-color:rgba(110,231,255,0.55);box-shadow:0 0 0 3px rgba(110,231,255,0.12)}

.dt-select{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.14);color:var(--text-main);border-radius:12px;padding:9px 10px;font-size:13px;outline:none}

.dt-meta{color:#94a3b8;font-size:12px}

.dt-pagination{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dt-pagebtn{border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.06);color:var(--text-main);border-radius:12px;padding:8px 10px;font-size:12px;cursor:pointer}
.dt-pagebtn[disabled]{opacity:.45;cursor:not-allowed}
.dt-pagebtn:hover{border-color:rgba(110,231,255,0.35)}

.dt-sort{cursor:pointer;user-select:none}
.dt-sort__icon{display:inline-block;margin-left:6px;opacity:.7;font-size:11px;transform:translateY(-1px)}

.dt-empty{color:#94a3b8;padding:14px 0;font-size:13px}

body.app-body.theme-light .dt-input,
body.app-body.theme-light .dt-select{
  background:#ffffff;
  border:1px solid rgba(15,23,42,0.12);
  color:#0f172a;
}

body.app-body.theme-light .dt-input:focus,
body.app-body.theme-light .dt-select:focus{
  border-color: rgba(59,130,246,0.45);
  box-shadow: 0 0 0 3px rgba(59,130,246,0.10);
}

body.app-body.theme-light .dt-pagebtn{
  background:#ffffff;
  border:1px solid rgba(15,23,42,0.12);
  color:#0f172a;
}

body.app-body.theme-light .dt-pagebtn:hover{
  border-color: rgba(59,130,246,0.35);
}

body.app-body.theme-light .dt-meta{color:#475569;}