.counter-field {
  display: flex;
  align-items: center;
  gap: @spacing-sm;
}

.counter-field button,
.item-actions button,
.sheet-footer button,
.text-button,
.roll-button {
  border: 1px solid @color-border;
  border-radius: @radius-sm;
  background: linear-gradient(180deg, #fdf9f2 0%, #e8d5ba 100%);
  color: @color-ink;
  min-height: 2rem;
  padding: 0.35rem 0.65rem;
}

.text-button {
  white-space: nowrap;
}

.roll-button {
  width: 2rem;
  padding: 0;
}

.with-controls {
  gap: @spacing-sm;
}

.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: @spacing-md;
  margin-bottom: @spacing-md;
}

.empty-state {
  margin: 0;
  color: @color-muted;
  font-style: italic;
}

.span-two {
  grid-column: span 2;
}