/* Unified data table styles */
.table-wrap {
  overflow-x: auto;
  border-radius: 16px;
  border: 1px solid var(--rule, rgba(20,20,20,.08));
  background: var(--white, #fff);
  box-shadow: 0 22px 60px rgba(20,20,20,.08);
}
.table-wrap table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}
.data-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}
.data-table thead th {
  padding: .85rem 1.25rem;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted, #6b7280);
  background: rgba(20,20,20,.035);
  border-bottom: 1px solid var(--rule, rgba(20,20,20,.08));
  text-align: left;
  white-space: nowrap;
}
.data-table tbody td {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--rule, rgba(20,20,20,.06));
  vertical-align: middle;
  color: var(--ink, #17131f);
}
.data-table tbody tr {
  transition: background .15s;
}
.data-table tbody tr:hover {
  background: rgba(228,163,50,.045);
}
.data-table .cell-primary {
  font-weight: 800;
  color: var(--ink, #17131f);
}
.data-table .cell-muted {
  color: var(--muted, #6b7280);
  font-size: .85rem;
}
.data-table .cell-action {
  text-align: right;
  white-space: nowrap;
}
.data-table .cell-action a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .45rem .85rem;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 800;
  text-decoration: none;
  transition: transform .15s, box-shadow .15s;
}
.data-table .cell-action a:hover {
  transform: translateY(-1px);
}
.data-table .cell-action .btn-view {
  color: var(--teal, #0a9488);
  background: rgba(10,148,136,.10);
}
.data-table .cell-action .btn-view:hover {
  background: rgba(10,148,136,.18);
}
.data-table .cell-action .btn-edit {
  color: var(--saffron-dark, #8a5a00);
  background: rgba(228,163,50,.12);
}
.data-table .cell-action .btn-edit:hover {
  background: rgba(228,163,50,.2);
}
@media (max-width: 820px) {
  .table-wrap,
  .data-table {
    min-width: auto;
  }
}