/* Shared admin portal data table (react-data-table-component) */

.admin-data-table-search {
  width: 100%;
  margin-bottom: 0.5rem;
}

.admin-data-table-search-input {
  display: block;
  width: 100%;
  max-width: 280px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color: #5b594c;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 0.375rem;
  padding: 0.45rem 0.65rem;
}

.admin-data-table-search-input:focus {
  outline: none;
  border-color: #83bb22;
  box-shadow: 0 0 0 0.15rem rgba(131, 187, 34, 0.2);
}

.admin-data-table {
  width: 100%;
  overflow-x: auto;
}

/* RDT uses divs — kill global th/td borders only; keep RDT min-widths so columns do not flex-shrink away */
.admin-data-table .rdt_Table {
  width: 100%;
  min-width: max-content;
}

.admin-data-table .rdt_TableCol,
.admin-data-table .rdt_TableCell {
  border: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Last column is usually Actions — do not crush Review/View/Open */
.admin-data-table .rdt_TableHeadRow .rdt_TableCol:last-child,
.admin-data-table .rdt_TableRow .rdt_TableCell:last-child {
  overflow: visible;
  text-overflow: clip;
  flex-shrink: 0;
}

.admin-data-table .rdt_TableCell a {
  white-space: nowrap;
  display: inline-block;
}

.admin-data-table .rdt_Pagination button {
  color: #5b594c;
}

.admin-data-table .rdt_Pagination button svg {
  fill: #5b594c;
}

.admin-data-table .rdt_Pagination button:disabled {
  opacity: 0.4;
}