.table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 12px;
}

.table th,
.table td {
  padding: 10px;
  border-bottom: 1px solid #2d3d70;
  font-size: 14px;
  text-align: left;
  vertical-align: top;
}

.table thead th {
  color: #c6d0ee;
  font-weight: 700;
}

.pill {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid #40548d;
  color: #c6d0ee;
  font-size: 12px;
}

.pill.good {
  border-color: #2e7d62;
  color: #a8f0dd;
}

.pill.bad {
  border-color: #875066;
  color: #ffb7c6;
}

.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.btn-small {
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 13px;
}