.command-dropdown {
  display: none;
  max-height: 20rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  margin: var(--space-xxs) var(--space-lg);
  background: var(--bg-secondary);
  box-shadow: 0 0.4rem 1.2rem rgba(var(--black-rgb), 0.15);
  overflow-y: auto;
  z-index: 300;
}

.command-dropdown.show {
  display: block;
}

.suggestion-item {
  display: flex;
  align-items: center;
  padding: var(--space-xs) var(--space-md);
  border-bottom: 1px solid var(--border);
  transition: background-color 0.2s ease;
}

.suggestion-item:last-child {
  border-bottom: none;
}

.suggestion-item:active {
  background-color: var(--bg-tertiary);
}

.suggestion-item svg {
  width: var(--icon-md);
  height: var(--icon-md);
  margin-right: var(--space-sm);
  color: var(--text-secondary);
}

.suggestion-content {
  flex: 1;
}

.suggestion-command {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: var(--text-primary);
  font-size: var(--font-sm);
  margin-bottom: 0.2rem;
}

.suggestion-command-value {
  margin-left: var(--space-xxs);
  color: var(--text-secondary);
}

.suggestion-description {
  font-size: var(--font-xs);
  color: var(--text-muted);
  line-height: 1.3;
}