.dt-processing {
  color: #fff;
  position: absolute !important;
  float: left;
  left: 44%;
  padding: 10px;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.6);
  margin-bottom: unset;
  text-align: center;
  width: 100px;
}

.dt-length, .dt-search {
  display: inline-flex !important;
}

.dt-length select {
  padding: 9px 30px 9px 20px;
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-block;
}

.dt-search input[type="search"] {
  padding: 0.3375rem 0.75rem;
  font-family: var(--tblr-body-font-face);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
  color: var(--tblr-body-color);
}

.dataTable thead tr th {
  font-weight: 700 !important;
}

.dataTable tbody tr td:first-child {
  font-size: unset !important;
}

.dt-empty {
  text-align: center;
  font-weight: 500;
}

.dataTable {
  margin-top: 16px !important;
}

.dt-search span.input-group-text {
  background: #f9fafb !important;
}

/* Base styling for table headers */
table.dataTable thead th {
  position: relative;
  padding-right: 30px; /* Space for sorting icon */
}

/* Default unsorted state */
table.dataTable thead th.dt-orderable-asc::after,
table.dataTable thead th.dt-orderable-desc::after {
  font-family: 'Material Symbols Outlined';
  content: 'unfold_more'; /* ↕ */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}

/* Ascending sort */
table.dataTable thead th.dt-ordering-asc::after {
  content: 'keyboard_arrow_up'; /* ↑ */
  font-size: 18px;
}

/* Descending sort */
table.dataTable thead th.dt-ordering-desc::after {
  content: 'keyboard_arrow_down'; /* ↓ */
  font-size: 18px;
}