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

.dnc-sheet .counter-field button,
.dnc-sheet .item-actions button,
.dnc-sheet .sheet-footer button,
.dnc-sheet .text-button,
.dnc-sheet .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;
}

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

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

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

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

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

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