/* App-specific styles layered on top of the theme (uses theme tokens). */

th.sortable {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

th.sortable:hover {
  background-color: var(--surface-2);
  color: var(--text);
}

th.sortable::after {
  content: "\2195";
  opacity: 0.35;
  margin-left: 0.35rem;
  font-size: 0.8em;
}

th.sortable.sort-asc::after {
  content: "\2191";
  opacity: 1;
  color: var(--accent);
}

th.sortable.sort-desc::after {
  content: "\2193";
  opacity: 1;
  color: var(--accent);
}

#trapsBody td {
  vertical-align: middle;
}

.timestamp {
  font-size: 0.8rem;
  color: var(--text-muted);
  white-space: nowrap;
}

.actions-cell .btn {
  padding: 0.1rem 0.4rem;
}