.dashboard-raw-table-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--frontend-space-2);
  justify-content: space-between;
}

.dashboard-raw-table-toggle,
.dashboard-datatable-button {
  align-items: center;
  display: inline-flex !important;
  gap: 0.35rem;
  justify-content: center;
  min-height: 1.85rem !important;
  min-width: 1.85rem;
  padding: 0.25rem 0.55rem !important;
}

.dashboard-datatable-button .heroicon,
.dashboard-raw-table-toggle .heroicon {
  height: 0.9rem;
  line-height: 1;
  width: 0.9rem;
}

.dashboard-datatable-button span {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
}

.dashboard-raw-table-status {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--frontend-font-size-xs);
  gap: var(--frontend-space-2);
  margin: 0;
  opacity: 0.72;
}

.dashboard-raw-export-progress {
  height: 0.45rem;
  max-width: 14rem;
  min-width: 8rem;
}

.dashboard-raw-export-cancel {
  min-height: 1.45rem;
}

.frontend-table-wrap .dt-container {
  display: flex;
  flex-direction: column;
  gap: var(--frontend-space-3);
}

.frontend-table-wrap .dt-layout-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--frontend-space-3);
  justify-content: space-between;
  margin: 0 !important;
}

.frontend-table-wrap .dt-layout-cell {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--frontend-space-2);
}

.frontend-table-wrap .dt-layout-start {
  justify-content: flex-start;
}

.frontend-table-wrap .dt-layout-end {
  justify-content: flex-end;
  margin-left: auto;
}

.frontend-table-wrap .dt-buttons {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--frontend-space-2);
  margin-right: var(--frontend-space-2);
}

.frontend-table-wrap .dt-search {
  align-items: center;
  display: inline-flex;
  gap: var(--frontend-space-2);
  margin-left: auto;
}

.frontend-table-wrap table.dataTable {
  margin-top: var(--frontend-space-2) !important;
}

.dashboard-datatable-filters th {
  padding-block: 0.25rem !important;
}

.dashboard-datatable-filter-input {
  background: var(--color-base-100);
  border: 1px solid var(--color-base-300);
  border-radius: var(--frontend-radius-sm);
  color: var(--color-base-content);
  font-size: var(--frontend-font-size-xs);
  min-height: 1.65rem;
  padding: 0.2rem 0.45rem;
  width: 100%;
}

.frontend-table-wrap .dashboard-datatable-filters .dt-search {
  display: block;
  margin-left: 0;
  width: 100%;
}

@media (max-width: 768px) {
  .frontend-table-wrap .dt-search {
    margin-left: 0;
  }
}