/* Aktionszellen bleiben echte Tabellenzellen, damit alle Zeilen bündig sind. */
td.actions {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

td.actions > a,
td.actions > form {
  display: inline-flex;
  vertical-align: middle;
  margin: 0 8px 0 0;
}

td.actions > :last-child {
  margin-right: 0;
}

td.actions form {
  align-items: center;
}

.order-cell {
  white-space: nowrap;
}

.order-cell > strong {
  display: inline-block;
  min-width: 28px;
}

.order-controls,
.order-controls form {
  display: inline-flex;
  align-items: center;
}

.order-controls {
  gap: 5px;
  margin-left: 8px;
}

.order-controls form {
  margin: 0;
}

.order-button {
  display: inline-grid;
  width: 30px;
  height: 30px;
  padding: 0;
  place-items: center;
  border: 1px solid #111;
  border-radius: 50%;
  color: #111;
  background: #fff;
  font: inherit;
  line-height: 1;
  cursor: pointer;
}

.order-button:disabled {
  opacity: .25;
  cursor: default;
}