.table-wrap { overflow-x: auto; }

.table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
  border: 1px solid var(--border-color);
  border-radius: 14px;
  overflow: hidden;
}

.table th,
.table td {
  padding: 0.75rem;
  border-bottom: 1px solid rgb(255 255 255 / 8%);
  text-align: left;
  vertical-align: top;
}

.table thead th {
  background: rgb(255 255 255 / 6%);
  color: var(--text);
}

.table tbody tr:hover {
  background: rgb(255 255 255 / 4%);
}

.status-pending { color: var(--vt-color-warning); font-weight: 800; }
.status-accepted { color: var(--vt-color-success-strong); font-weight: 800; }
.status-rejected { color: var(--vt-color-error-soft); font-weight: 700; }