.table thead th.sort {
  cursor: pointer !important;
}
.table .sort.asc::before {
  content: "";
}
.table .sort.asc::after {
  content: "\f0360";
  font-family: "Material Design Icons";
}
.table .sort.desc::after {
  content: "";
}
.table .sort.desc::before {
  content: "\f035d";
  font-family: "Material Design Icons";
}

/* Chips del header del modal de ticket */
.modal-header .ticket-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;

  padding: 0.25rem 0.6rem;
  border-radius: 999px;

  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.2;

  background-color: var(--bs-secondary-bg-subtle);
  color: var(--bs-secondary-text-emphasis);
  border: 1px solid rgba(0, 0, 0, 0.06);
}

/* Iconos dentro del chip */
.modal-header .ticket-chip i {
  font-size: 1rem;
}

/* Texto secundario "(info contacto)" más suavito */
.modal-header .ticket-chip-secondary {
  font-weight: 400;
  opacity: 0.8;
  font-size: 0.75rem;
}

/* Para que el botón del creador se vea igual que los spans */
.modal-header button.ticket-chip {
  border: 0;
  background: var(--bs-secondary-bg-subtle);
  padding: 0.25rem 0.6rem;
}

.modal-header button.ticket-chip:hover {
  background: var(--bs-secondary-bg-subtle);
  filter: brightness(0.97);
  cursor: pointer;
}